huibo-ui 0.3.0

package/dist/huibo-ui/p-2e6584ea.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["linkCss","HbLinkStyle0","Link","type","underline","disabled","href","target","icon","hbClick","handleClick","e","this","preventDefault","emit","render","Tag","h","key","class","undefined","onClick"],"sources":["src/components/Link/link.css?tag=hb-link&encapsulation=shadow","src/components/Link/Link.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  --hb-link-font-size: 14px;\n  --hb-link-font-weight: 400;\n  --hb-link-color: var(--hb-color-primary);\n  --hb-link-hover-color: var(--hb-color-primary-light-3);\n  --hb-link-disabled-color: var(--hb-color-text-disabled);\n}\n\n.hb-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n  position: relative;\n  text-decoration: none;\n  outline: none;\n  cursor: pointer;\n  padding: 0;\n  font-size: var(--hb-link-font-size);\n  font-weight: var(--hb-link-font-weight);\n  color: var(--hb-link-color);\n  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hb-link:hover {\n  color: var(--hb-link-hover-color);\n}\n\n.hb-link--underline:hover:after {\n  content: '';\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 0;\n  bottom: 0;\n  border-bottom: 1px solid var(--hb-link-hover-color);\n}\n\n.hb-link--disabled {\n  color: var(--hb-link-disabled-color);\n  cursor: not-allowed;\n}\n\n.hb-link--disabled:hover {\n  color: var(--hb-link-disabled-color);\n}\n\n.hb-link--disabled:hover:after {\n  border-bottom-color: var(--hb-link-disabled-color);\n}\n\n/* Type variants */\n.hb-link--primary {\n  --hb-link-color: var(--hb-color-primary);\n  --hb-link-hover-color: var(--hb-color-primary-light-3);\n}\n\n.hb-link--success {\n  --hb-link-color: var(--hb-color-success);\n  --hb-link-hover-color: var(--hb-color-success-light-3);\n}\n\n.hb-link--warning {\n  --hb-link-color: var(--hb-color-warning);\n  --hb-link-hover-color: var(--hb-color-warning-light-3);\n}\n\n.hb-link--danger {\n  --hb-link-color: var(--hb-color-danger);\n  --hb-link-hover-color: var(--hb-color-danger-light-3);\n}\n\n.hb-link--info {\n  --hb-link-color: var(--hb-color-info);\n  --hb-link-hover-color: var(--hb-color-info-light-3);\n}\n\n.hb-link--default {\n  --hb-link-color: var(--hb-color-text-regular);\n  --hb-link-hover-color: var(--hb-color-primary);\n}\n\n.hb-link i {\n  margin-right: 4px;\n}\n\n","import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n/**\n * Link 链接组件\n * 文字超链接\n */\n@Component({\n  tag: 'hb-link',\n  styleUrl: 'link.css',\n  shadow: true,\n})\nexport class Link {\n  /**\n   * 类型\n   * @default 'default'\n   */\n  @Prop() type: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default' = 'default';\n\n  /**\n   * 是否下划线\n   * @default false\n   */\n  @Prop() underline: boolean = false;\n\n  /**\n   * 是否禁用状态\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 原生 href 属性\n   */\n  @Prop() href?: string;\n\n  /**\n   * 原生 target 属性\n   */\n  @Prop() target?: string;\n\n  /**\n   * 图标类名\n   */\n  @Prop() icon?: string;\n\n  /**\n   * 点击事件\n   */\n  @Event() hbClick: EventEmitter<MouseEvent>;\n\n  private handleClick = (e: MouseEvent) => {\n    if (this.disabled) {\n      e.preventDefault();\n      return;\n    }\n    this.hbClick.emit(e);\n  };\n\n  render() {\n    const Tag = this.href ? 'a' : 'span';\n    \n    return (\n      <Tag\n        class={{\n          'hb-link': true,\n          [`hb-link--${this.type}`]: true,\n          'hb-link--underline': this.underline,\n          'hb-link--disabled': this.disabled,\n        }}\n        href={this.disabled ? undefined : this.href}\n        target={this.target}\n        onClick={this.handleClick}\n      >\n        {this.icon && <i class={this.icon}></i>}\n        <slot></slot>\n      </Tag>\n    );\n  }\n}\n\n"],"mappings":"kDAAA,MAAMA,EAAU,+rOAChB,MAAAC,EAAeD,E,MCUFE,EAAI,M,0DAKPC,KAA0E,UAM1EC,UAAqB,MAMrBC,SAAoB,MAKpBC,KAKAC,OAKAC,KAKCC,QAEDC,YAAeC,IACrB,GAAIC,KAAKP,SAAU,CACjBM,EAAEE,iBACF,M,CAEFD,KAAKH,QAAQK,KAAKH,EAAE,EAGtB,MAAAI,GACE,MAAMC,EAAMJ,KAAKN,KAAO,IAAM,OAE9B,OACEW,EAACD,EAAG,CAAAE,IAAA,2CACFC,MAAO,CACL,UAAW,KACX,CAAC,YAAYP,KAAKT,QAAS,KAC3B,qBAAsBS,KAAKR,UAC3B,oBAAqBQ,KAAKP,UAE5BC,KAAMM,KAAKP,SAAWe,UAAYR,KAAKN,KACvCC,OAAQK,KAAKL,OACbc,QAAST,KAAKF,aAEbE,KAAKJ,MAAQS,EAAA,KAAAC,IAAA,2CAAGC,MAAOP,KAAKJ,OAC7BS,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/huibo-ui/p-315feadf.entry.js

@@ -0,0 +1,2 @@
+import{r as t,g as e,h as i}from"./p-e42dfa95.js";const o='/*! 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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{.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.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;position:relative}.hb-watermark{display:block;position:relative;width:100%}.hb-watermark__content{position:relative;z-index:1}.hb-watermark__layer{background-position:0 0;inset:0;pointer-events:none;position:absolute;z-index:9}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@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 a=o;const n=class{constructor(e){t(this,e)}get host(){return e(this)}content="";width=120;height=120;gap=8;rotate=-22;fontColor="rgba(0,0,0,0.15)";fontSize=14;get backgroundImage(){const{width:t,height:e,content:i,fontColor:o,fontSize:a,rotate:n}=this;const r=this.escapeXml(i||"");const s=`<svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${e}" viewBox="0 0 ${t} ${e}"><text x="50%" y="50%" dy="${a/4}" text-anchor="middle" fill="${o}" font-size="${a}" font-family="sans-serif" transform="rotate(${n} ${t/2} ${e/2})">${r}</text></svg>`;return`url("data:image/svg+xml;utf8,${encodeURIComponent(s)}")`}escapeXml(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;")}get layerStyle(){const{backgroundImage:t,width:e,height:i,gap:o}=this;return{backgroundImage:t,backgroundRepeat:"repeat",backgroundSize:`${e+o}px ${i+o}px`}}render(){return i("div",{key:"558715dfd1fb81bab3dace29384aedaf21695cdf",class:"hb-watermark"},i("div",{key:"26c580f3327e7018425c5e4556b19c9947212ae9",class:"hb-watermark__content"},i("slot",{key:"ff91c80742bd753daeef67c4b50b5d2cfec8d4b9"})),i("div",{key:"c1dc15846f1e6ffa9d0ee968f87deb342bd13176",class:"hb-watermark__layer",style:this.layerStyle,"aria-hidden":"true"}))}};n.style=a;export{n as hb_watermark};
+//# sourceMappingURL=p-315feadf.entry.js.map

package/dist/huibo-ui/p-315feadf.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["watermarkCss","HbWatermarkStyle0","Watermark","content","width","height","gap","rotate","fontColor","fontSize","backgroundImage","this","safeText","escapeXml","svg","encodeURIComponent","input","replace","layerStyle","backgroundRepeat","backgroundSize","render","h","key","class","style"],"sources":["src/components/Watermark/watermark.css?tag=hb-watermark&encapsulation=shadow","src/components/Watermark/Watermark.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: block;\n}\n\n.hb-watermark {\n  position: relative;\n  display: block;\n  width: 100%;\n}\n\n.hb-watermark__content {\n  position: relative;\n  z-index: 1;\n}\n\n.hb-watermark__layer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 9;\n  pointer-events: none;\n  background-position: 0 0;\n}\n","import { Component, h, Prop, Element } from '@stencil/core';\n\n/**\n * Watermark 水印组件\n * 在内容之上平铺一层文字水印，常用于版权/防泄密标识\n */\n@Component({\n  tag: 'hb-watermark',\n  styleUrl: 'watermark.css',\n  shadow: true,\n})\nexport class Watermark {\n  @Element() host!: HTMLElement;\n\n  /** 水印文字 */\n  @Prop() content: string = '';\n\n  /** 单个水印单元宽度 */\n  @Prop() width: number = 120;\n\n  /** 单个水印单元高度 */\n  @Prop() height: number = 120;\n\n  /** 水印单元之间的间距 */\n  @Prop() gap: number = 8;\n\n  /** 旋转角度 */\n  @Prop() rotate: number = -22;\n\n  /** 字体颜色 */\n  @Prop() fontColor: string = 'rgba(0,0,0,0.15)';\n\n  /** 字号 */\n  @Prop() fontSize: number = 14;\n\n  private get backgroundImage(): string {\n    const { width, height, content, fontColor, fontSize, rotate } = this;\n    const safeText = this.escapeXml(content || '');\n    const svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${width}\" height=\"${height}\" viewBox=\"0 0 ${width} ${height}\"><text x=\"50%\" y=\"50%\" dy=\"${fontSize / 4}\" text-anchor=\"middle\" fill=\"${fontColor}\" font-size=\"${fontSize}\" font-family=\"sans-serif\" transform=\"rotate(${rotate} ${width / 2} ${height / 2})\">${safeText}</text></svg>`;\n    return `url(\"data:image/svg+xml;utf8,${encodeURIComponent(svg)}\")`;\n  }\n\n  private escapeXml(input: string): string {\n    return input\n      .replace(/&/g, '&amp;')\n      .replace(/</g, '&lt;')\n      .replace(/>/g, '&gt;')\n      .replace(/\"/g, '&quot;')\n      .replace(/'/g, '&apos;');\n  }\n\n  private get layerStyle(): Record<string, string> {\n    const { backgroundImage, width, height, gap } = this;\n    return {\n      backgroundImage,\n      backgroundRepeat: 'repeat',\n      backgroundSize: `${width + gap}px ${height + gap}px`,\n    };\n  }\n\n  render() {\n    return (\n      <div class=\"hb-watermark\">\n        <div class=\"hb-watermark__content\">\n          <slot />\n        </div>\n        <div class=\"hb-watermark__layer\" style={this.layerStyle} aria-hidden=\"true\"></div>\n      </div>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,kwMACrB,MAAAC,EAAeD,E,MCUFE,EAAS,M,mDAIZC,QAAkB,GAGlBC,MAAgB,IAGhBC,OAAiB,IAGjBC,IAAc,EAGdC,QAAkB,GAGlBC,UAAoB,mBAGpBC,SAAmB,GAE3B,mBAAYC,GACV,MAAMN,MAAEA,EAAKC,OAAEA,EAAMF,QAAEA,EAAOK,UAAEA,EAASC,SAAEA,EAAQF,OAAEA,GAAWI,KAChE,MAAMC,EAAWD,KAAKE,UAAUV,GAAW,IAC3C,MAAMW,EAAM,kDAAkDV,cAAkBC,mBAAwBD,KAASC,gCAAqCI,EAAW,iCAAiCD,iBAAyBC,iDAAwDF,KAAUH,EAAQ,KAAKC,EAAS,OAAOO,iBAC1T,MAAO,gCAAgCG,mBAAmBD,M,CAGpD,SAAAD,CAAUG,GAChB,OAAOA,EACJC,QAAQ,KAAM,SACdA,QAAQ,KAAM,QACdA,QAAQ,KAAM,QACdA,QAAQ,KAAM,UACdA,QAAQ,KAAM,S,CAGnB,cAAYC,GACV,MAAMR,gBAAEA,EAAeN,MAAEA,EAAKC,OAAEA,EAAMC,IAAEA,GAAQK,KAChD,MAAO,CACLD,kBACAS,iBAAkB,SAClBC,eAAgB,GAAGhB,EAAQE,OAASD,EAASC,M,CAIjD,MAAAe,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yBACTF,EAAA,QAAAC,IAAA,8CAEFD,EAAA,OAAAC,IAAA,2CAAKC,MAAM,sBAAsBC,MAAOd,KAAKO,WAAU,cAAc,S","ignoreList":[]}

package/dist/huibo-ui/p-332c8877.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i}from"./p-e42dfa95.js";const a='/*! 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{display:block}.hb-page-header{align-items:center;background:var(--hb-color-bg-container);border-bottom:1px solid var(--hb-color-border-secondary);border-radius:var(--hb-border-radius-sm);display:flex;justify-content:space-between;padding:var(--hb-spacing-md)var(--hb-spacing-lg)}.hb-page-header--ghost{background:0 0;border-bottom:none}.hb-page-header__main{align-items:center;display:flex;gap:var(--hb-spacing-sm);min-width:0}.hb-page-header__back{align-items:center;background:0 0;border:none;border-radius:var(--hb-border-radius-sm);color:var(--hb-color-text);cursor:pointer;display:inline-flex;font-size:var(--hb-font-size-lg);height:28px;justify-content:center;line-height:1;padding:0;transition:background .2s;width:28px}.hb-page-header__back:hover{background:var(--hb-color-fill-secondary)}.hb-page-header__back-arrow{display:inline-block}.hb-page-header__titles{align-items:baseline;display:flex;gap:var(--hb-spacing-sm);min-width:0}.hb-page-header__title{color:var(--hb-color-text-primary);font-size:var(--hb-font-size-xl);font-weight:600;line-height:1.4}.hb-page-header__subtitle{color:var(--hb-color-text-secondary);font-size:var(--hb-font-size-sm)}.hb-page-header__extra{align-items:center;display:flex;flex-shrink:0;gap:var(--hb-spacing-sm)}@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 o=a;const r=class{constructor(i){e(this,i);this.hbBack=t(this,"hbBack",7)}title="";subtitle="";back=false;ghost=false;hbBack;handleBack=e=>{e.stopPropagation();this.hbBack.emit()};render(){return i("div",{key:"1b030e60e77df9e97b6d60f704e521c05ae7af51",class:{"hb-page-header":true,"hb-page-header--ghost":this.ghost}},i("div",{key:"2ee91ddf333fe5e771c9cbb0a62b14b03a3b1663",class:"hb-page-header__main"},this.back&&i("button",{key:"225309da83f36a22e5e75200344399bcb94a3391",type:"button",class:"hb-page-header__back",onClick:this.handleBack,"aria-label":"返回"},i("span",{key:"1f67010455c9c682df8cefbb2dd81b1a41a73457",class:"hb-page-header__back-arrow"},"←")),i("div",{key:"50ec1439869c987330e4536fe6f12e62416b1527",class:"hb-page-header__titles"},this.title&&i("span",{key:"cdfde7eb8f6b643ea01327c87cab94db474b0825",class:"hb-page-header__title"},this.title),this.subtitle&&i("span",{key:"21756140f35d3fb19cea52d6c5a9e759641c0118",class:"hb-page-header__subtitle"},this.subtitle))),i("div",{key:"59b5e1c8a71f17e9bb647394048ffe9484a85a5a",class:"hb-page-header__extra"},i("slot",{key:"2c0543b118ac038e47b0aad6b389b996bf4f163c"})))}};r.style=o;export{r as hb_page_header};
+//# sourceMappingURL=p-332c8877.entry.js.map

package/dist/huibo-ui/p-332c8877.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pageHeaderCss","HbPageHeaderStyle0","PageHeader","title","subtitle","back","ghost","hbBack","handleBack","e","stopPropagation","this","emit","render","h","key","class","type","onClick"],"sources":["src/components/PageHeader/page-header.css?tag=hb-page-header&encapsulation=shadow","src/components/PageHeader/PageHeader.tsx"],"sourcesContent":[":host { display: block; }\n.hb-page-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--hb-spacing-md) var(--hb-spacing-lg);\n  background: var(--hb-color-bg-container);\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n  border-radius: var(--hb-border-radius-sm);\n}\n.hb-page-header--ghost { background: transparent; border-bottom: none; }\n.hb-page-header__main { display: flex; align-items: center; gap: var(--hb-spacing-sm); min-width: 0; }\n.hb-page-header__back {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border: none;\n  background: transparent;\n  color: var(--hb-color-text);\n  font-size: var(--hb-font-size-lg);\n  line-height: 1;\n  cursor: pointer;\n  border-radius: var(--hb-border-radius-sm);\n  transition: background 0.2s;\n}\n.hb-page-header__back:hover { background: var(--hb-color-fill-secondary); }\n.hb-page-header__back-arrow { display: inline-block; }\n.hb-page-header__titles { display: flex; align-items: baseline; gap: var(--hb-spacing-sm); min-width: 0; }\n.hb-page-header__title {\n  font-size: var(--hb-font-size-xl);\n  font-weight: 600;\n  color: var(--hb-color-text-primary);\n  line-height: 1.4;\n}\n.hb-page-header__subtitle { font-size: var(--hb-font-size-sm); color: var(--hb-color-text-secondary); }\n.hb-page-header__extra { display: flex; align-items: center; gap: var(--hb-spacing-sm); flex-shrink: 0; }\n","import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n/**\n * PageHeader 页头组件\n * 用于页面的头部区域，通常包含返回箭头、标题、副标题与右侧操作区\n */\n@Component({ tag: 'hb-page-header', styleUrl: 'page-header.css', shadow: true })\nexport class PageHeader {\n  /** 标题 */\n  @Prop() title: string = '';\n\n  /** 副标题 */\n  @Prop() subtitle: string = '';\n\n  /** 是否显示返回箭头 */\n  @Prop() back: boolean = false;\n\n  /** 幽灵模式（透明背景） */\n  @Prop() ghost: boolean = false;\n\n  /** 返回箭头点击事件 */\n  @Event() hbBack: EventEmitter<void>;\n\n  private handleBack = (e: MouseEvent) => {\n    e.stopPropagation();\n    this.hbBack.emit();\n  };\n\n  render() {\n    return (\n      <div class={{ 'hb-page-header': true, 'hb-page-header--ghost': this.ghost }}>\n        <div class=\"hb-page-header__main\">\n          {this.back && (\n            <button type=\"button\" class=\"hb-page-header__back\" onClick={this.handleBack} aria-label=\"返回\">\n              <span class=\"hb-page-header__back-arrow\">←</span>\n            </button>\n          )}\n          <div class=\"hb-page-header__titles\">\n            {this.title && <span class=\"hb-page-header__title\">{this.title}</span>}\n            {this.subtitle && <span class=\"hb-page-header__subtitle\">{this.subtitle}</span>}\n          </div>\n        </div>\n        <div class=\"hb-page-header__extra\">\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,syNACtB,MAAAC,EAAeD,E,MCMFE,EAAU,M,wDAEbC,MAAgB,GAGhBC,SAAmB,GAGnBC,KAAgB,MAGhBC,MAAiB,MAGhBC,OAEDC,WAAcC,IACpBA,EAAEC,kBACFC,KAAKJ,OAAOK,MAAM,EAGpB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,iBAAkB,KAAM,wBAAyBL,KAAKL,QAClEQ,EAAA,OAAAC,IAAA,2CAAKC,MAAM,wBACRL,KAAKN,MACJS,EAAA,UAAAC,IAAA,2CAAQE,KAAK,SAASD,MAAM,uBAAuBE,QAASP,KAAKH,WAAU,aAAa,MACtFM,EAAA,QAAAC,IAAA,2CAAMC,MAAM,8BAA4B,MAG5CF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,0BACRL,KAAKR,OAASW,EAAA,QAAAC,IAAA,2CAAMC,MAAM,yBAAyBL,KAAKR,OACxDQ,KAAKP,UAAYU,EAAA,QAAAC,IAAA,2CAAMC,MAAM,4BAA4BL,KAAKP,YAGnEU,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yBACTF,EAAA,QAAAC,IAAA,8C","ignoreList":[]}

package/dist/huibo-ui/p-3c7f73c8.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,g as i,h as r}from"./p-e42dfa95.js";import{c as o}from"./p-4ef5a884.js";const s='/*! 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{display:block}.hb-tree-select{box-sizing:border-box;color:var(--hb-color-text);font-size:var(--hb-font-size-base);position:relative;width:100%}.hb-tree-select__input-wrapper{align-items:center;background-color:var(--hb-color-bg-container);border:1px solid var(--hb-input-border-color,var(--hb-color-border));border-radius:var(--hb-input-radius,var(--hb-border-radius-sm));box-sizing:border-box;cursor:pointer;display:flex;height:var(--hb-size-default,32px);padding:0 var(--hb-spacing-sm);transition:border-color var(--hb-transition-duration,.2s)}.hb-tree-select__input-wrapper:hover{border-color:var(--hb-input-hover-border-color,var(--hb-color-primary))}.hb-tree-select--open .hb-tree-select__input-wrapper{border-color:var(--hb-input-focus-border-color,var(--hb-color-primary))}.hb-tree-select--disabled .hb-tree-select__input-wrapper{background-color:var(--hb-color-fill-tertiary);cursor:not-allowed;opacity:.6}.hb-tree-select__display{flex:1;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.hb-tree-select__display--placeholder{color:var(--hb-input-placeholder-color,var(--hb-color-text-placeholder))}.hb-tree-select__suffix{gap:var(--hb-spacing-xxs)}.hb-tree-select__clear,.hb-tree-select__suffix{align-items:center;color:var(--hb-color-text-tertiary);display:inline-flex}.hb-tree-select__clear{background-color:var(--hb-color-fill);border-radius:50%;cursor:pointer;font-size:12px;height:16px;justify-content:center;width:16px}.hb-tree-select__clear:hover{color:var(--hb-color-text-secondary)}.hb-tree-select__arrow-icon{font-size:10px;transition:transform var(--hb-transition-duration,.2s)}.hb-tree-select__arrow-icon--open{transform:rotate(180deg)}.hb-tree-select__dropdown{background-color:var(--hb-color-bg-elevated);border:1px solid var(--hb-color-border-secondary);border-radius:var(--hb-border-radius-sm);box-shadow:0 6px 16px #00000014;box-sizing:border-box;left:0;max-height:280px;overflow-y:auto;padding:var(--hb-spacing-xxs);position:absolute;top:calc(100% + 4px);width:100%;z-index:1050}.hb-tree-select__empty{color:var(--hb-color-text-tertiary);font-size:var(--hb-font-size-sm);padding:var(--hb-spacing-md);text-align:center}.hb-tree-select__children,.hb-tree-select__tree{list-style:none;margin:0;padding:0}.hb-tree-select__node{list-style:none;white-space:nowrap}.hb-tree-select__node-content{align-items:center;border-radius:var(--hb-border-radius-sm);box-sizing:border-box;cursor:pointer;display:flex;gap:var(--hb-spacing-xxs);height:28px;padding-right:var(--hb-spacing-xs);transition:background-color var(--hb-transition-duration,.2s)}.hb-tree-select__node-content:hover{background-color:var(--hb-color-fill-tertiary)}.hb-tree-select__node-content--selected{color:var(--hb-color-primary);font-weight:500}.hb-tree-select__node-content--checked,.hb-tree-select__node-content--selected{background-color:var(--hb-color-primary-bg)}.hb-tree-select__node--disabled>.hb-tree-select__node-content{cursor:not-allowed;opacity:.5}.hb-tree-select__node--disabled>.hb-tree-select__node-content:hover{background-color:#0000}.hb-tree-select__switcher{align-items:center;color:var(--hb-color-text-tertiary);display:inline-flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.hb-tree-select__arrow{display:inline-block;font-size:10px;transition:transform var(--hb-transition-duration,.2s)}.hb-tree-select__arrow--expanded{transform:rotate(90deg)}.hb-tree-select__checkbox{align-items:center;background-color:var(--hb-color-bg-container);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-xs,2px);color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;height:16px;justify-content:center;line-height:1;transition:all var(--hb-transition-duration,.2s);width:16px}.hb-tree-select__checkbox--checked,.hb-tree-select__checkbox:hover:not(.hb-tree-select__checkbox--disabled){border-color:var(--hb-color-primary)}.hb-tree-select__checkbox--checked{background-color:var(--hb-color-primary)}.hb-tree-select__checkbox--disabled{cursor:not-allowed}.hb-tree-select__title{flex:1;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}@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 n=s;const a=class{constructor(i){e(this,i);this.hbChange=t(this,"hbChange",7);this.hbVisibleChange=t(this,"hbVisibleChange",7)}get el(){return i(this)}data=[];modelValue="";multiple=false;placeholder="请选择";disabled=false;checkable=false;defaultExpandAll=false;isOpen=false;internalExpanded=[];internalSelected=[];internalChecked=[];hbChange;hbVisibleChange;clickOutside=o({host:null,isOpen:()=>this.isOpen,onClose:()=>this.closeDropdown()});componentWillLoad(){this.syncFromModelValue();if(this.defaultExpandAll){const e=[];this.collectExpandableKeys(this.data,e);this.internalExpanded=e}}componentDidLoad(){this.clickOutside=o({host:this.el,isOpen:()=>this.isOpen,onClose:()=>this.closeDropdown()});this.clickOutside.connect()}disconnectedCallback(){this.clickOutside.disconnect()}syncFromModelValue(){if(this.multiple){const e=Array.isArray(this.modelValue)?this.modelValue:[];this.internalSelected=[...e];this.internalChecked=[...e]}else{const e=typeof this.modelValue==="string"?this.modelValue:"";this.internalSelected=e?[e]:[];this.internalChecked=e?[e]:[]}}collectExpandableKeys(e,t){for(const i of e){if(i.children&&i.children.length>0){t.push(i.key);this.collectExpandableKeys(i.children,t)}}}findTitle(e,t){for(const i of e){if(i.key===t)return i.title;if(i.children){const e=this.findTitle(i.children,t);if(e)return e}}return null}getDisplayText(){if(this.multiple){const e=Array.isArray(this.modelValue)?this.modelValue:[];if(e.length===0)return"";const t=e.map((e=>this.findTitle(this.data,e)||e));return t.join(" / ")}const e=typeof this.modelValue==="string"?this.modelValue:"";return e?this.findTitle(this.data,e)||e:""}openDropdown=()=>{if(this.disabled||this.isOpen)return;this.isOpen=true;this.hbVisibleChange.emit(true)};closeDropdown=()=>{if(!this.isOpen)return;this.isOpen=false;this.hbVisibleChange.emit(false)};toggleDropdown=()=>{if(this.disabled)return;if(this.isOpen)this.closeDropdown();else this.openDropdown()};handleNodeSelect=e=>{if(this.multiple){const t=[...this.internalSelected];const i=t.indexOf(e);if(i>=0)t.splice(i,1);else t.push(e);this.internalSelected=t;this.modelValue=t;this.hbChange.emit(t)}else{this.internalSelected=[e];this.modelValue=e;this.hbChange.emit(e);this.closeDropdown()}};handleNodeCheck=e=>{const t=[...this.internalChecked];const i=t.indexOf(e);if(i>=0)t.splice(i,1);else t.push(e);this.internalChecked=t;this.modelValue=t;this.hbChange.emit(t)};handleToggleExpand=(e,t)=>{t.stopPropagation();const i=[...this.internalExpanded];const r=i.indexOf(e.key);if(r>=0)i.splice(r,1);else i.push(e.key);this.internalExpanded=i};handleClear=e=>{e.stopPropagation();if(this.disabled)return;this.internalSelected=[];this.internalChecked=[];this.modelValue=this.multiple?[]:"";this.hbChange.emit(this.modelValue)};renderNode=(e,t)=>{const i=!!(e.children&&e.children.length>0);const o=this.internalExpanded.includes(e.key);const s=this.internalSelected.includes(e.key);const n=this.internalChecked.includes(e.key);const a=!!e.disabled;return r("li",{class:{"hb-tree-select__node":true,"hb-tree-select__node--disabled":a},role:"treeitem"},r("div",{class:{"hb-tree-select__node-content":true,"hb-tree-select__node-content--selected":s,"hb-tree-select__node-content--checked":n},style:{paddingLeft:`${t*18+8}px`}},r("span",{class:"hb-tree-select__switcher",onClick:t=>i&&this.handleToggleExpand(e,t)},i?r("span",{class:{"hb-tree-select__arrow":true,"hb-tree-select__arrow--expanded":o}},"▶"):null),this.checkable&&r("span",{class:{"hb-tree-select__checkbox":true,"hb-tree-select__checkbox--checked":n,"hb-tree-select__checkbox--disabled":a},onClick:()=>!a&&this.handleNodeCheck(e.key)},n?"✓":""),r("span",{class:"hb-tree-select__title",onClick:()=>!a&&this.handleNodeSelect(e.key)},e.title)),i&&o&&r("ul",{class:"hb-tree-select__children",role:"group"},e.children.map((e=>this.renderNode(e,t+1)))))};render(){const e=this.getDisplayText();const t=this.multiple?Array.isArray(this.modelValue)&&this.modelValue.length>0:typeof this.modelValue==="string"&&this.modelValue!=="";return r("div",{key:"38d8a150ce1436bbea77250dd0bb3a44b9722cbc",class:{"hb-tree-select":true,"hb-tree-select--open":this.isOpen,"hb-tree-select--disabled":this.disabled,"hb-tree-select--multiple":this.multiple}},r("div",{key:"5928b61ce45dabece866b8de93a4353804ed05e4",class:"hb-tree-select__input-wrapper",onClick:this.toggleDropdown},r("span",{key:"af7b313ec51033487044aa3b9ef1620fbe292490",class:{"hb-tree-select__display":true,"hb-tree-select__display--placeholder":!t}},t?e:this.placeholder),r("span",{key:"ab26baf601b42f2e5d28768d70927a38afbf612f",class:"hb-tree-select__suffix"},t&&r("span",{key:"0095371d8cdb31f569e53117a36d93de1f09b304",class:"hb-tree-select__clear",onClick:this.handleClear},"×"),r("span",{key:"b824565183607eb6341223fcfc0110b224d9d156",class:{"hb-tree-select__arrow-icon":true,"hb-tree-select__arrow-icon--open":this.isOpen}},"▼"))),this.isOpen&&r("div",{key:"e03726804631a7e69c86319f9f5ec81fecb60bf0",class:"hb-tree-select__dropdown"},this.data.length===0?r("div",{class:"hb-tree-select__empty"},"暂无数据"):r("ul",{class:"hb-tree-select__tree",role:"tree"},this.data.map((e=>this.renderNode(e,0))))))}};a.style=n;export{a as hb_tree_select};
+//# sourceMappingURL=p-3c7f73c8.entry.js.map

package/dist/huibo-ui/p-3c7f73c8.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["treeSelectCss","HbTreeSelectStyle0","TreeSelect","data","modelValue","multiple","placeholder","disabled","checkable","defaultExpandAll","isOpen","internalExpanded","internalSelected","internalChecked","hbChange","hbVisibleChange","clickOutside","createClickOutsideHandler","host","this","onClose","closeDropdown","componentWillLoad","syncFromModelValue","all","collectExpandableKeys","componentDidLoad","el","connect","disconnectedCallback","disconnect","arr","Array","isArray","single","nodes","out","node","children","length","push","key","findTitle","title","found","getDisplayText","titles","map","k","join","openDropdown","emit","toggleDropdown","handleNodeSelect","current","idx","indexOf","splice","handleNodeCheck","handleToggleExpand","e","stopPropagation","handleClear","renderNode","level","hasChildren","expanded","includes","selected","checked","h","class","role","style","paddingLeft","onClick","child","render","displayText","hasValue"],"sources":["src/components/TreeSelect/tree-select.css?tag=hb-tree-select&encapsulation=shadow","src/components/TreeSelect/TreeSelect.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-tree-select {\n  position: relative;\n  width: 100%;\n  font-size: var(--hb-font-size-base);\n  color: var(--hb-color-text);\n  box-sizing: border-box;\n}\n\n.hb-tree-select__input-wrapper {\n  display: flex;\n  align-items: center;\n  height: var(--hb-size-default, 32px);\n  padding: 0 var(--hb-spacing-sm);\n  border: 1px solid var(--hb-input-border-color, var(--hb-color-border));\n  border-radius: var(--hb-input-radius, var(--hb-border-radius-sm));\n  background-color: var(--hb-color-bg-container);\n  cursor: pointer;\n  transition: border-color var(--hb-transition-duration, 0.2s);\n  box-sizing: border-box;\n}\n\n.hb-tree-select__input-wrapper:hover {\n  border-color: var(--hb-input-hover-border-color, var(--hb-color-primary));\n}\n\n.hb-tree-select--open .hb-tree-select__input-wrapper {\n  border-color: var(--hb-input-focus-border-color, var(--hb-color-primary));\n}\n\n.hb-tree-select--disabled .hb-tree-select__input-wrapper {\n  background-color: var(--hb-color-fill-tertiary);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.hb-tree-select__display {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  user-select: none;\n}\n\n.hb-tree-select__display--placeholder {\n  color: var(--hb-input-placeholder-color, var(--hb-color-text-placeholder));\n}\n\n.hb-tree-select__suffix {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--hb-spacing-xxs);\n  color: var(--hb-color-text-tertiary);\n}\n\n.hb-tree-select__clear {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  font-size: 12px;\n  border-radius: 50%;\n  color: var(--hb-color-text-tertiary);\n  background-color: var(--hb-color-fill);\n  cursor: pointer;\n}\n\n.hb-tree-select__clear:hover {\n  color: var(--hb-color-text-secondary);\n}\n\n.hb-tree-select__arrow-icon {\n  font-size: 10px;\n  transition: transform var(--hb-transition-duration, 0.2s);\n}\n\n.hb-tree-select__arrow-icon--open {\n  transform: rotate(180deg);\n}\n\n.hb-tree-select__dropdown {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  width: 100%;\n  max-height: 280px;\n  overflow-y: auto;\n  padding: var(--hb-spacing-xxs);\n  background-color: var(--hb-color-bg-elevated);\n  border: 1px solid var(--hb-color-border-secondary);\n  border-radius: var(--hb-border-radius-sm);\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);\n  box-sizing: border-box;\n  z-index: 1050;\n}\n\n.hb-tree-select__empty {\n  padding: var(--hb-spacing-md);\n  text-align: center;\n  color: var(--hb-color-text-tertiary);\n  font-size: var(--hb-font-size-sm);\n}\n\n.hb-tree-select__tree,\n.hb-tree-select__children {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.hb-tree-select__node {\n  list-style: none;\n  white-space: nowrap;\n}\n\n.hb-tree-select__node-content {\n  display: flex;\n  align-items: center;\n  gap: var(--hb-spacing-xxs);\n  height: 28px;\n  padding-right: var(--hb-spacing-xs);\n  border-radius: var(--hb-border-radius-sm);\n  cursor: pointer;\n  transition: background-color var(--hb-transition-duration, 0.2s);\n  box-sizing: border-box;\n}\n\n.hb-tree-select__node-content:hover {\n  background-color: var(--hb-color-fill-tertiary);\n}\n\n.hb-tree-select__node-content--selected {\n  background-color: var(--hb-color-primary-bg);\n  color: var(--hb-color-primary);\n  font-weight: 500;\n}\n\n.hb-tree-select__node-content--checked {\n  background-color: var(--hb-color-primary-bg);\n}\n\n.hb-tree-select__node--disabled > .hb-tree-select__node-content {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.hb-tree-select__node--disabled > .hb-tree-select__node-content:hover {\n  background-color: transparent;\n}\n\n.hb-tree-select__switcher {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  flex-shrink: 0;\n  color: var(--hb-color-text-tertiary);\n}\n\n.hb-tree-select__arrow {\n  font-size: 10px;\n  display: inline-block;\n  transition: transform var(--hb-transition-duration, 0.2s);\n}\n\n.hb-tree-select__arrow--expanded {\n  transform: rotate(90deg);\n}\n\n.hb-tree-select__checkbox {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  border: 1px solid var(--hb-color-border);\n  border-radius: var(--hb-border-radius-xs, 2px);\n  background-color: var(--hb-color-bg-container);\n  color: #fff;\n  font-size: 11px;\n  line-height: 1;\n  flex-shrink: 0;\n  transition: all var(--hb-transition-duration, 0.2s);\n}\n\n.hb-tree-select__checkbox:hover:not(.hb-tree-select__checkbox--disabled) {\n  border-color: var(--hb-color-primary);\n}\n\n.hb-tree-select__checkbox--checked {\n  background-color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n}\n\n.hb-tree-select__checkbox--disabled {\n  cursor: not-allowed;\n}\n\n.hb-tree-select__title {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  user-select: none;\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Element } from '@stencil/core';\nimport { createClickOutsideHandler } from '../../utils/click-outside';\nimport type { TreeNode } from '../Tree/Tree';\n\n/**\n * TreeSelect 树形选择器\n * 类似 Select，但下拉选项以树形结构展示，支持单选与多选\n */\n@Component({\n  tag: 'hb-tree-select',\n  styleUrl: 'tree-select.css',\n  shadow: true,\n})\nexport class TreeSelect {\n  @Element() el: HTMLElement;\n\n  /**\n   * 可选项数据源（与 Tree 相同的递归树结构）\n   */\n  @Prop() data: TreeNode[] = [];\n\n  /**\n   * （受控）绑定值，单选为 string，多选为 string[]\n   */\n  @Prop({ mutable: true }) modelValue: string | string[] = '';\n\n  /**\n   * 是否多选\n   * @default false\n   */\n  @Prop() multiple: boolean = false;\n\n  /**\n   * 占位文本\n   * @default '请选择'\n   */\n  @Prop() placeholder: string = '请选择';\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否显示 checkbox（多选模式下推荐开启）\n   * @default false\n   */\n  @Prop() checkable: boolean = false;\n\n  /**\n   * 是否默认展开全部节点\n   * @default false\n   */\n  @Prop() defaultExpandAll: boolean = false;\n\n  @State() isOpen: boolean = false;\n  @State() internalExpanded: string[] = [];\n  @State() internalSelected: string[] = [];\n  @State() internalChecked: string[] = [];\n\n  /**\n   * 值变化事件（单选为 string，多选为 string[]）\n   */\n  @Event() hbChange: EventEmitter<string | string[]>;\n\n  /**\n   * 下拉浮层显隐变化事件\n   */\n  @Event() hbVisibleChange: EventEmitter<boolean>;\n\n  private clickOutside = createClickOutsideHandler({\n    host: null as any,\n    isOpen: () => this.isOpen,\n    onClose: () => this.closeDropdown(),\n  });\n\n  componentWillLoad() {\n    this.syncFromModelValue();\n    if (this.defaultExpandAll) {\n      const all: string[] = [];\n      this.collectExpandableKeys(this.data, all);\n      this.internalExpanded = all;\n    }\n  }\n\n  componentDidLoad() {\n    this.clickOutside = createClickOutsideHandler({\n      host: this.el,\n      isOpen: () => this.isOpen,\n      onClose: () => this.closeDropdown(),\n    });\n    this.clickOutside.connect();\n  }\n\n  disconnectedCallback() {\n    this.clickOutside.disconnect();\n  }\n\n  private syncFromModelValue() {\n    if (this.multiple) {\n      const arr = Array.isArray(this.modelValue) ? this.modelValue : [];\n      this.internalSelected = [...arr];\n      this.internalChecked = [...arr];\n    } else {\n      const single = typeof this.modelValue === 'string' ? this.modelValue : '';\n      this.internalSelected = single ? [single] : [];\n      this.internalChecked = single ? [single] : [];\n    }\n  }\n\n  private collectExpandableKeys(nodes: TreeNode[], out: string[]) {\n    for (const node of nodes) {\n      if (node.children && node.children.length > 0) {\n        out.push(node.key);\n        this.collectExpandableKeys(node.children, out);\n      }\n    }\n  }\n\n  private findTitle(nodes: TreeNode[], key: string): string | null {\n    for (const node of nodes) {\n      if (node.key === key) return node.title;\n      if (node.children) {\n        const found = this.findTitle(node.children, key);\n        if (found) return found;\n      }\n    }\n    return null;\n  }\n\n  private getDisplayText(): string {\n    if (this.multiple) {\n      const arr = Array.isArray(this.modelValue) ? this.modelValue : [];\n      if (arr.length === 0) return '';\n      const titles = arr.map((k) => this.findTitle(this.data, k) || k);\n      return titles.join(' / ');\n    }\n    const single = typeof this.modelValue === 'string' ? this.modelValue : '';\n    return single ? this.findTitle(this.data, single) || single : '';\n  }\n\n  private openDropdown = () => {\n    if (this.disabled || this.isOpen) return;\n    this.isOpen = true;\n    this.hbVisibleChange.emit(true);\n  };\n\n  private closeDropdown = () => {\n    if (!this.isOpen) return;\n    this.isOpen = false;\n    this.hbVisibleChange.emit(false);\n  };\n\n  private toggleDropdown = () => {\n    if (this.disabled) return;\n    if (this.isOpen) this.closeDropdown();\n    else this.openDropdown();\n  };\n\n  private handleNodeSelect = (key: string) => {\n    if (this.multiple) {\n      const current = [...this.internalSelected];\n      const idx = current.indexOf(key);\n      if (idx >= 0) current.splice(idx, 1);\n      else current.push(key);\n      this.internalSelected = current;\n      this.modelValue = current;\n      this.hbChange.emit(current);\n    } else {\n      this.internalSelected = [key];\n      this.modelValue = key;\n      this.hbChange.emit(key);\n      this.closeDropdown();\n    }\n  };\n\n  private handleNodeCheck = (key: string) => {\n    // TODO: 父子联动 —— 当前仅管理单个节点勾选状态。\n    const current = [...this.internalChecked];\n    const idx = current.indexOf(key);\n    if (idx >= 0) current.splice(idx, 1);\n    else current.push(key);\n    this.internalChecked = current;\n    this.modelValue = current;\n    this.hbChange.emit(current);\n  };\n\n  private handleToggleExpand = (node: TreeNode, e: Event) => {\n    e.stopPropagation();\n    const current = [...this.internalExpanded];\n    const idx = current.indexOf(node.key);\n    if (idx >= 0) current.splice(idx, 1);\n    else current.push(node.key);\n    this.internalExpanded = current;\n  };\n\n  private handleClear = (e: Event) => {\n    e.stopPropagation();\n    if (this.disabled) return;\n    this.internalSelected = [];\n    this.internalChecked = [];\n    this.modelValue = this.multiple ? [] : '';\n    this.hbChange.emit(this.modelValue);\n  };\n\n  private renderNode = (node: TreeNode, level: number): any => {\n    const hasChildren = !!(node.children && node.children.length > 0);\n    const expanded = this.internalExpanded.includes(node.key);\n    const selected = this.internalSelected.includes(node.key);\n    const checked = this.internalChecked.includes(node.key);\n    const disabled = !!node.disabled;\n\n    return (\n      <li class={{ 'hb-tree-select__node': true, 'hb-tree-select__node--disabled': disabled }} role=\"treeitem\">\n        <div\n          class={{\n            'hb-tree-select__node-content': true,\n            'hb-tree-select__node-content--selected': selected,\n            'hb-tree-select__node-content--checked': checked,\n          }}\n          style={{ paddingLeft: `${level * 18 + 8}px` }}\n        >\n          <span class=\"hb-tree-select__switcher\" onClick={(e) => hasChildren && this.handleToggleExpand(node, e)}>\n            {hasChildren ? (\n              <span class={{ 'hb-tree-select__arrow': true, 'hb-tree-select__arrow--expanded': expanded }}>▶</span>\n            ) : null}\n          </span>\n\n          {this.checkable && (\n            <span\n              class={{\n                'hb-tree-select__checkbox': true,\n                'hb-tree-select__checkbox--checked': checked,\n                'hb-tree-select__checkbox--disabled': disabled,\n              }}\n              onClick={() => !disabled && this.handleNodeCheck(node.key)}\n            >\n              {checked ? '✓' : ''}\n            </span>\n          )}\n\n          <span class=\"hb-tree-select__title\" onClick={() => !disabled && this.handleNodeSelect(node.key)}>\n            {node.title}\n          </span>\n        </div>\n\n        {hasChildren && expanded && (\n          <ul class=\"hb-tree-select__children\" role=\"group\">\n            {node.children!.map((child) => this.renderNode(child, level + 1))}\n          </ul>\n        )}\n      </li>\n    );\n  };\n\n  render() {\n    const displayText = this.getDisplayText();\n    const hasValue = this.multiple\n      ? Array.isArray(this.modelValue) && this.modelValue.length > 0\n      : typeof this.modelValue === 'string' && this.modelValue !== '';\n\n    return (\n      <div\n        class={{\n          'hb-tree-select': true,\n          'hb-tree-select--open': this.isOpen,\n          'hb-tree-select--disabled': this.disabled,\n          'hb-tree-select--multiple': this.multiple,\n        }}\n      >\n        <div class=\"hb-tree-select__input-wrapper\" onClick={this.toggleDropdown}>\n          <span\n            class={{\n              'hb-tree-select__display': true,\n              'hb-tree-select__display--placeholder': !hasValue,\n            }}\n          >\n            {hasValue ? displayText : this.placeholder}\n          </span>\n          <span class=\"hb-tree-select__suffix\">\n            {hasValue && (\n              <span class=\"hb-tree-select__clear\" onClick={this.handleClear}>\n                ×\n              </span>\n            )}\n            <span class={{ 'hb-tree-select__arrow-icon': true, 'hb-tree-select__arrow-icon--open': this.isOpen }}>▼</span>\n          </span>\n        </div>\n\n        {this.isOpen && (\n          <div class=\"hb-tree-select__dropdown\">\n            {this.data.length === 0 ? (\n              <div class=\"hb-tree-select__empty\">暂无数据</div>\n            ) : (\n              <ul class=\"hb-tree-select__tree\" role=\"tree\">\n                {this.data.map((node) => this.renderNode(node, 0))}\n              </ul>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-4001c08d.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i}from"./p-e42dfa95.js";const o='/*! 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{display:block}.hb-pagination{align-items:center;color:var(--hb-color-text);display:flex;font-size:var(--hb-font-size-sm);gap:var(--hb-spacing-xxs);-webkit-user-select:none;user-select:none}.hb-pagination--disabled{opacity:.5;pointer-events:none}.hb-pagination__total{color:var(--hb-color-text-secondary);margin-right:var(--hb-spacing-xs)}.hb-pagination__sizes{background:var(--hb-color-bg);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-sm);color:var(--hb-color-text);cursor:pointer;font-size:var(--hb-font-size-sm);height:28px;margin-right:var(--hb-spacing-xs);outline:none;padding:0 var(--hb-spacing-xs)}.hb-pagination__sizes:focus{border-color:var(--hb-color-primary)}.hb-pagination__btn{align-items:center;background:var(--hb-color-bg);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-sm);color:var(--hb-color-text);cursor:pointer;display:inline-flex;font-size:var(--hb-font-size-sm);height:28px;justify-content:center;min-width:28px;outline:none;padding:0 4px;transition:all var(--hb-transition-duration)var(--hb-transition-function)}.hb-pagination__btn:hover:not(:disabled):not(.hb-pagination__btn--active){border-color:var(--hb-color-primary);color:var(--hb-color-primary)}.hb-pagination__btn:disabled{background:var(--hb-color-fill-quaternary);color:var(--hb-color-text-disabled);cursor:not-allowed}.hb-pagination__btn--active{background-color:var(--hb-color-primary);border-color:var(--hb-color-primary);color:#fff}.hb-pagination__ellipsis{align-items:center;color:var(--hb-color-text-secondary);display:inline-flex;height:28px;justify-content:center;letter-spacing:2px;min-width:28px}@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 a=o;const n=class{constructor(i){t(this,i);this.hbCurrentChange=e(this,"hbCurrentChange",7);this.hbSizeChange=e(this,"hbSizeChange",7)}total=0;pageSize=10;currentPage=1;pageSizes=[10,20,50,100];pagerCount=7;disabled=false;showTotal=false;showPageSize=false;internalCurrent=1;hbCurrentChange;hbSizeChange;handleCurrentPageChange(){this.internalCurrent=this.currentPage}componentDidLoad(){this.internalCurrent=this.currentPage}get totalPages(){return Math.max(1,Math.ceil(this.total/this.pageSize))}handlePageClick(t){if(this.disabled||t===this.internalCurrent||t<1||t>this.totalPages)return;this.internalCurrent=t;this.currentPage=t;this.hbCurrentChange.emit(t)}handleSizeChange(t){const e=t.target;const i=parseInt(e.value,10);this.hbSizeChange.emit(i);this.internalCurrent=1;this.currentPage=1;this.hbCurrentChange.emit(1)}getPages(){const t=[];const e=this.totalPages;const i=this.internalCurrent;const o=this.pagerCount;if(e<=o){for(let i=1;i<=e;i++)t.push(i);return t}const a=Math.floor((o-2)/2);let n=i-a;let r=i+a;if(n<2){n=2;r=Math.min(o-1,e-1)}if(r>e-1){r=e-1;n=Math.max(2,e-o+2)}t.push(1);if(n>2)t.push("...");for(let e=n;e<=r;e++)t.push(e);if(r<e-1)t.push("...");t.push(e);return t}render(){const t=this.getPages();return i("div",{key:"889d6db49b4a7af7ad353fcc36de1aed8499708a",class:{"hb-pagination":true,"hb-pagination--disabled":this.disabled}},this.showTotal&&i("span",{key:"f914032da52a9919a81087d627a67e68456dc89d",class:"hb-pagination__total"},"共 ",this.total," 条"),this.showPageSize&&i("select",{key:"30b748ffd520e94a1a1c512e49393c3065f89216",class:"hb-pagination__sizes",onChange:this.handleSizeChange,disabled:this.disabled},this.pageSizes.map((t=>i("option",{value:t,selected:t===this.pageSize},t," 条/页")))),i("button",{key:"2a7ba780e83f94d476b340d2d47b20e772132dd4",type:"button",class:"hb-pagination__btn hb-pagination__prev",disabled:this.disabled||this.internalCurrent<=1,onClick:()=>this.handlePageClick(this.internalCurrent-1)},"‹"),t.map((t=>t==="..."?i("span",{class:"hb-pagination__ellipsis"},"..."):i("button",{type:"button",class:{"hb-pagination__btn":true,"hb-pagination__btn--active":t===this.internalCurrent},disabled:this.disabled,onClick:()=>this.handlePageClick(t)},t))),i("button",{key:"7a5e6cd5eb1c3db595708687cebe52b5e0e0d88a",type:"button",class:"hb-pagination__btn hb-pagination__next",disabled:this.disabled||this.internalCurrent>=this.totalPages,onClick:()=>this.handlePageClick(this.internalCurrent+1)},"›"))}static get watchers(){return{currentPage:["handleCurrentPageChange"]}}};n.style=a;export{n as hb_pagination};
+//# sourceMappingURL=p-4001c08d.entry.js.map

package/dist/huibo-ui/p-4001c08d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["paginationCss","HbPaginationStyle0","Pagination","total","pageSize","currentPage","pageSizes","pagerCount","disabled","showTotal","showPageSize","internalCurrent","hbCurrentChange","hbSizeChange","handleCurrentPageChange","this","componentDidLoad","totalPages","Math","max","ceil","handlePageClick","page","emit","handleSizeChange","e","target","size","parseInt","value","getPages","pages","current","pager","i","push","half","floor","start","end","min","render","h","key","class","onChange","map","selected","type","onClick"],"sources":["src/components/Pagination/pagination.css?tag=hb-pagination&encapsulation=shadow","src/components/Pagination/Pagination.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-pagination {\n  display: flex;\n  align-items: center;\n  gap: var(--hb-spacing-xxs);\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text);\n  user-select: none;\n}\n\n.hb-pagination--disabled {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.hb-pagination__total {\n  margin-right: var(--hb-spacing-xs);\n  color: var(--hb-color-text-secondary);\n}\n\n.hb-pagination__sizes {\n  height: 28px;\n  padding: 0 var(--hb-spacing-xs);\n  border: 1px solid var(--hb-color-border);\n  border-radius: var(--hb-border-radius-sm);\n  background: var(--hb-color-bg);\n  color: var(--hb-color-text);\n  font-size: var(--hb-font-size-sm);\n  cursor: pointer;\n  outline: none;\n  margin-right: var(--hb-spacing-xs);\n}\n\n.hb-pagination__sizes:focus {\n  border-color: var(--hb-color-primary);\n}\n\n.hb-pagination__btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 28px;\n  height: 28px;\n  padding: 0 4px;\n  border: 1px solid var(--hb-color-border);\n  border-radius: var(--hb-border-radius-sm);\n  background: var(--hb-color-bg);\n  color: var(--hb-color-text);\n  font-size: var(--hb-font-size-sm);\n  cursor: pointer;\n  outline: none;\n  transition: all var(--hb-transition-duration) var(--hb-transition-function);\n}\n\n.hb-pagination__btn:hover:not(:disabled):not(.hb-pagination__btn--active) {\n  color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n}\n\n.hb-pagination__btn:disabled {\n  color: var(--hb-color-text-disabled);\n  cursor: not-allowed;\n  background: var(--hb-color-fill-quaternary);\n}\n\n.hb-pagination__btn--active {\n  background-color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n  color: #fff;\n}\n\n.hb-pagination__ellipsis {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 28px;\n  height: 28px;\n  color: var(--hb-color-text-secondary);\n  letter-spacing: 2px;\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n/**\n * Pagination 分页组件\n * 当数据量过多时，使用分页分解数据\n */\n@Component({\n  tag: 'hb-pagination',\n  styleUrl: 'pagination.css',\n  shadow: true,\n})\nexport class Pagination {\n  /** 总条目数 */\n  @Prop() total: number = 0;\n\n  /** 每页显示条目数 */\n  @Prop() pageSize: number = 10;\n\n  /** 当前页数 */\n  @Prop({ mutable: true }) currentPage: number = 1;\n\n  /** 每页显示个数选择器的选项设置 */\n  @Prop() pageSizes: number[] = [10, 20, 50, 100];\n\n  /** 最大页码按钮数 */\n  @Prop() pagerCount: number = 7;\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 是否显示总条数 */\n  @Prop() showTotal: boolean = false;\n\n  /** 是否显示每页条数选择器 */\n  @Prop() showPageSize: boolean = false;\n\n  @State() internalCurrent: number = 1;\n\n  /** 当前页改变事件 */\n  @Event() hbCurrentChange: EventEmitter<number>;\n\n  /** 每页条数改变事件 */\n  @Event() hbSizeChange: EventEmitter<number>;\n\n  @Watch('currentPage')\n  handleCurrentPageChange() {\n    this.internalCurrent = this.currentPage;\n  }\n\n  componentDidLoad() {\n    this.internalCurrent = this.currentPage;\n  }\n\n  private get totalPages(): number {\n    return Math.max(1, Math.ceil(this.total / this.pageSize));\n  }\n\n  private handlePageClick(page: number) {\n    if (this.disabled || page === this.internalCurrent || page < 1 || page > this.totalPages) return;\n    this.internalCurrent = page;\n    this.currentPage = page;\n    this.hbCurrentChange.emit(page);\n  }\n\n  private handleSizeChange(e: Event) {\n    const target = e.target as HTMLSelectElement;\n    const size = parseInt(target.value, 10);\n    this.hbSizeChange.emit(size);\n    this.internalCurrent = 1;\n    this.currentPage = 1;\n    this.hbCurrentChange.emit(1);\n  }\n\n  private getPages(): (number | '...')[] {\n    const pages: (number | '...')[] = [];\n    const total = this.totalPages;\n    const current = this.internalCurrent;\n    const pager = this.pagerCount;\n\n    if (total <= pager) {\n      for (let i = 1; i <= total; i++) pages.push(i);\n      return pages;\n    }\n\n    const half = Math.floor((pager - 2) / 2);\n    let start = current - half;\n    let end = current + half;\n\n    if (start < 2) {\n      start = 2;\n      end = Math.min(pager - 1, total - 1);\n    }\n    if (end > total - 1) {\n      end = total - 1;\n      start = Math.max(2, total - pager + 2);\n    }\n\n    pages.push(1);\n    if (start > 2) pages.push('...');\n    for (let i = start; i <= end; i++) pages.push(i);\n    if (end < total - 1) pages.push('...');\n    pages.push(total);\n\n    return pages;\n  }\n\n  render() {\n    const pages = this.getPages();\n\n    return (\n      <div class={{ 'hb-pagination': true, 'hb-pagination--disabled': this.disabled }}>\n        {this.showTotal && (\n          <span class=\"hb-pagination__total\">共 {this.total} 条</span>\n        )}\n\n        {this.showPageSize && (\n          <select class=\"hb-pagination__sizes\" onChange={this.handleSizeChange} disabled={this.disabled}>\n            {this.pageSizes.map(size => (\n              <option value={size} selected={size === this.pageSize}>{size} 条/页</option>\n            ))}\n          </select>\n        )}\n\n        <button\n          type=\"button\"\n          class=\"hb-pagination__btn hb-pagination__prev\"\n          disabled={this.disabled || this.internalCurrent <= 1}\n          onClick={() => this.handlePageClick(this.internalCurrent - 1)}\n        >\n          ‹\n        </button>\n\n        {pages.map(page =>\n          page === '...' ? (\n            <span class=\"hb-pagination__ellipsis\">...</span>\n          ) : (\n            <button\n              type=\"button\"\n              class={{\n                'hb-pagination__btn': true,\n                'hb-pagination__btn--active': page === this.internalCurrent,\n              }}\n              disabled={this.disabled}\n              onClick={() => this.handlePageClick(page as number)}\n            >\n              {page}\n            </button>\n          )\n        )}\n\n        <button\n          type=\"button\"\n          class=\"hb-pagination__btn hb-pagination__next\"\n          disabled={this.disabled || this.internalCurrent >= this.totalPages}\n          onClick={() => this.handlePageClick(this.internalCurrent + 1)}\n        >\n          ›\n        </button>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-44c48246.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,g as i,h as o}from"./p-e42dfa95.js";const r='/*! 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-slider-main-bg-color:var(--hb-color-primary);--hb-slider-runway-bg-color:var(--hb-fill-color-light,#e4e7ed);--hb-slider-stop-bg-color:var(--hb-color-white,#fff);--hb-slider-button-size:20px;display:inline-block}.hb-slider{align-items:center;display:flex;height:40px;position:relative;width:100%}.hb-slider--vertical{flex-direction:column;height:100%;width:40px}.hb-slider__runway{background-color:var(--hb-slider-runway-bg-color);border-radius:3px;cursor:pointer;height:6px;margin:16px 0;position:relative;vertical-align:middle;width:100%}.hb-slider--vertical .hb-slider__runway{height:100%;margin:0 16px;width:6px}.hb-slider__bar{background-color:var(--hb-slider-main-bg-color);border-bottom-left-radius:3px;border-top-left-radius:3px;height:6px;left:0;position:absolute;top:0}.hb-slider--vertical .hb-slider__bar{border-bottom-left-radius:0;border-top-left-radius:3px;border-top-right-radius:3px;bottom:0;height:auto;top:auto;width:6px}.hb-slider__button-wrapper{background-color:#0000;margin-left:calc(var(--hb-slider-button-size)/-2);outline:none;position:absolute;text-align:center;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none;z-index:1001}.hb-slider--vertical .hb-slider__button-wrapper{bottom:0;left:50%;margin-bottom:calc(var(--hb-slider-button-size)/-2);margin-left:0;top:auto;transform:translate(-50%)}.hb-slider__button{background-color:var(--hb-color-white,#fff);border:2px solid var(--hb-slider-main-bg-color);border-radius:50%;cursor:grab;height:var(--hb-slider-button-size);transition:all .2s;-webkit-user-select:none;user-select:none;width:var(--hb-slider-button-size)}.hb-slider__button:active{cursor:grabbing}.hb-slider__button-wrapper--hover .hb-slider__button,.hb-slider__button-wrapper:hover .hb-slider__button{transform:scale(1.2)}.hb-slider__tooltip{background-color:#000000bf;border-radius:4px;bottom:calc(100% + 12px);color:var(--hb-color-white,#fff);font-size:12px;padding:6px 8px;white-space:nowrap}.hb-slider__tooltip,.hb-slider__tooltip:after{left:50%;position:absolute;transform:translate(-50%)}.hb-slider__tooltip:after{border:4px solid #0000;border-top-color:#000000bf;content:"";top:100%}.hb-slider--disabled{cursor:not-allowed}.hb-slider--disabled .hb-slider__runway{background-color:var(--hb-fill-color-light,#e4e7ed);cursor:not-allowed}.hb-slider--disabled .hb-slider__bar{background-color:var(--hb-color-text-disabled,#c0c4cc)}.hb-slider--disabled .hb-slider__button{border-color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}@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 s=r;const a=class{constructor(i){t(this,i);this.hbChange=e(this,"hbChange",7);this.hbInput=e(this,"hbInput",7)}get el(){return i(this)}modelValue=0;min=0;max=100;step=1;showTooltip=true;formatTooltip;disabled=false;range=false;vertical=false;height;dragging=false;currentValue=0;tooltipVisible=false;tooltipValue=0;sliderRef;isDragging=false;hbChange;hbInput;componentDidLoad(){this.currentValue=this.modelValue;this.addEventListeners()}disconnectedCallback(){this.removeEventListeners()}addEventListeners(){document.addEventListener("mousemove",this.handleMouseMove);document.addEventListener("mouseup",this.handleMouseUp)}removeEventListeners(){document.removeEventListener("mousemove",this.handleMouseMove);document.removeEventListener("mouseup",this.handleMouseUp)}getPercentage(t){return(t-this.min)/(this.max-this.min)*100}getValueFromPercentage(t){const e=this.min+t/100*(this.max-this.min);return Math.round(e/this.step)*this.step}handleMouseDown=t=>{if(this.disabled)return;t.preventDefault();this.isDragging=true;this.dragging=true;this.handleDrag(t)};handleMouseMove=t=>{if(!this.isDragging)return;this.handleDrag(t)};handleMouseUp=()=>{if(!this.isDragging)return;this.isDragging=false;this.dragging=false;this.tooltipVisible=false;this.hbChange.emit(this.currentValue)};handleDrag(t){if(!this.sliderRef)return;const e=this.sliderRef.getBoundingClientRect();const i=this.vertical?1-(t.clientY-e.top)/e.height:(t.clientX-e.left)/e.width;const o=Math.max(0,Math.min(100,i*100));const r=this.getValueFromPercentage(o);if(this.range){const t=this.currentValue;this.currentValue=[r,t[1]||this.max]}else{this.currentValue=r;this.tooltipValue=r;this.tooltipVisible=true}this.modelValue=this.currentValue;this.hbInput.emit(this.currentValue)}formatValue(t){if(this.formatTooltip){return this.formatTooltip(t)}return String(t)}render(){const t=this.range?this.getPercentage(this.currentValue[0]):this.getPercentage(this.currentValue);return o("div",{key:"b8ee15c3375f6786c252e6755ff6dd5d4ab0023f",class:{"hb-slider":true,"hb-slider--vertical":this.vertical,"hb-slider--disabled":this.disabled},style:this.vertical&&this.height?{height:this.height}:undefined},o("div",{key:"c75f1194e3a8a630d4ffa0cb82579fddc42e2461",class:"hb-slider__runway",ref:t=>this.sliderRef=t,onMouseDown:this.handleMouseDown},o("div",{key:"5dcf4d4807e85cd4a96fd919d4b9d999f0d837d7",class:"hb-slider__bar",style:{[this.vertical?"height":"width"]:`${t}%`,[this.vertical?"bottom":"left"]:"0"}}),o("div",{key:"e10dc431c839183de585debfd9991a2d75922cc9",class:{"hb-slider__button-wrapper":true,"hb-slider__button-wrapper--hover":this.tooltipVisible},style:{[this.vertical?"bottom":"left"]:`${t}%`}},this.showTooltip&&this.tooltipVisible&&o("div",{key:"270c0d8dd46b03fac7b4b8e62265a14158de18b7",class:"hb-slider__tooltip"},this.formatValue(this.tooltipValue)),o("div",{key:"20772f2a08bed8c009c119b1c148ff0448c9a288",class:"hb-slider__button"}))))}};a.style=s;export{a as hb_slider};
+//# sourceMappingURL=p-44c48246.entry.js.map

package/dist/huibo-ui/p-44c48246.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sliderCss","HbSliderStyle0","Slider","modelValue","min","max","step","showTooltip","formatTooltip","disabled","range","vertical","height","dragging","currentValue","tooltipVisible","tooltipValue","sliderRef","isDragging","hbChange","hbInput","componentDidLoad","this","addEventListeners","disconnectedCallback","removeEventListeners","document","addEventListener","handleMouseMove","handleMouseUp","removeEventListener","getPercentage","value","getValueFromPercentage","percentage","Math","round","handleMouseDown","e","preventDefault","handleDrag","emit","rect","getBoundingClientRect","clientY","top","clientX","left","width","clampedPercentage","values","formatValue","String","render","h","key","class","style","undefined","ref","el","onMouseDown"],"sources":["src/components/Slider/slider.css?tag=hb-slider&encapsulation=shadow","src/components/Slider/Slider.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  --hb-slider-main-bg-color: var(--hb-color-primary);\n  --hb-slider-runway-bg-color: var(--hb-fill-color-light, #e4e7ed);\n  --hb-slider-stop-bg-color: var(--hb-color-white, #ffffff);\n  --hb-slider-button-size: 20px;\n}\n\n.hb-slider {\n  width: 100%;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.hb-slider--vertical {\n  width: 40px;\n  height: 100%;\n  flex-direction: column;\n}\n\n.hb-slider__runway {\n  width: 100%;\n  height: 6px;\n  margin: 16px 0;\n  background-color: var(--hb-slider-runway-bg-color);\n  border-radius: 3px;\n  position: relative;\n  cursor: pointer;\n  vertical-align: middle;\n}\n\n.hb-slider--vertical .hb-slider__runway {\n  width: 6px;\n  height: 100%;\n  margin: 0 16px;\n}\n\n.hb-slider__bar {\n  height: 6px;\n  background-color: var(--hb-slider-main-bg-color);\n  border-top-left-radius: 3px;\n  border-bottom-left-radius: 3px;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.hb-slider--vertical .hb-slider__bar {\n  width: 6px;\n  height: auto;\n  border-top-left-radius: 3px;\n  border-top-right-radius: 3px;\n  border-bottom-left-radius: 0;\n  bottom: 0;\n  top: auto;\n}\n\n.hb-slider__button-wrapper {\n  position: absolute;\n  z-index: 1001;\n  top: 50%;\n  transform: translateY(-50%);\n  background-color: transparent;\n  text-align: center;\n  user-select: none;\n  outline: none;\n  margin-left: calc(var(--hb-slider-button-size) / -2);\n}\n\n.hb-slider--vertical .hb-slider__button-wrapper {\n  left: 50%;\n  top: auto;\n  bottom: 0;\n  transform: translateX(-50%);\n  margin-left: 0;\n  margin-bottom: calc(var(--hb-slider-button-size) / -2);\n}\n\n.hb-slider__button {\n  width: var(--hb-slider-button-size);\n  height: var(--hb-slider-button-size);\n  background-color: var(--hb-color-white, #ffffff);\n  border: 2px solid var(--hb-slider-main-bg-color);\n  border-radius: 50%;\n  transition: 0.2s;\n  user-select: none;\n  cursor: grab;\n}\n\n.hb-slider__button:active {\n  cursor: grabbing;\n}\n\n.hb-slider__button-wrapper:hover .hb-slider__button,\n.hb-slider__button-wrapper--hover .hb-slider__button {\n  transform: scale(1.2);\n}\n\n.hb-slider__tooltip {\n  position: absolute;\n  bottom: calc(100% + 12px);\n  left: 50%;\n  transform: translateX(-50%);\n  padding: 6px 8px;\n  background-color: rgba(0, 0, 0, 0.75);\n  color: var(--hb-color-white, #ffffff);\n  border-radius: 4px;\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n.hb-slider__tooltip::after {\n  content: '';\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  border: 4px solid transparent;\n  border-top-color: rgba(0, 0, 0, 0.75);\n}\n\n.hb-slider--disabled {\n  cursor: not-allowed;\n}\n\n.hb-slider--disabled .hb-slider__runway {\n  cursor: not-allowed;\n  background-color: var(--hb-fill-color-light, #e4e7ed);\n}\n\n.hb-slider--disabled .hb-slider__bar {\n  background-color: var(--hb-color-text-disabled, #c0c4cc);\n}\n\n.hb-slider--disabled .hb-slider__button {\n  border-color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Element } from '@stencil/core';\n\n/**\n * Slider 滑块组件\n * 通过拖动滑块在一个固定区间内进行选择\n */\n@Component({\n  tag: 'hb-slider',\n  styleUrl: 'slider.css',\n  shadow: true,\n})\nexport class Slider {\n  @Element() el: HTMLElement;\n\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue: number | number[] = 0;\n\n  /**\n   * 最小值\n   * @default 0\n   */\n  @Prop() min: number = 0;\n\n  /**\n   * 最大值\n   * @default 100\n   */\n  @Prop() max: number = 100;\n\n  /**\n   * 步长\n   * @default 1\n   */\n  @Prop() step: number = 1;\n\n  /**\n   * 是否显示工具提示\n   * @default true\n   */\n  @Prop() showTooltip: boolean = true;\n\n  /**\n   * 格式化 tooltip message\n   */\n  @Prop() formatTooltip?: (value: number) => string;\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否为范围选择\n   * @default false\n   */\n  @Prop() range: boolean = false;\n\n  /**\n   * 是否竖向模式\n   * @default false\n   */\n  @Prop() vertical: boolean = false;\n\n  /**\n   * 高度，竖向模式时必填\n   */\n  @Prop() height?: string;\n\n  @State() dragging: boolean = false;\n  @State() currentValue: number | number[] = 0;\n  @State() tooltipVisible: boolean = false;\n  @State() tooltipValue: number = 0;\n\n  private sliderRef?: HTMLDivElement;\n  private isDragging: boolean = false;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<number | number[]>;\n\n  /**\n   * 值改变事件（拖拽时实时触发）\n   */\n  @Event() hbInput: EventEmitter<number | number[]>;\n\n  componentDidLoad() {\n    this.currentValue = this.modelValue;\n    this.addEventListeners();\n  }\n\n  disconnectedCallback() {\n    this.removeEventListeners();\n  }\n\n  private addEventListeners() {\n    document.addEventListener('mousemove', this.handleMouseMove);\n    document.addEventListener('mouseup', this.handleMouseUp);\n  }\n\n  private removeEventListeners() {\n    document.removeEventListener('mousemove', this.handleMouseMove);\n    document.removeEventListener('mouseup', this.handleMouseUp);\n  }\n\n  private getPercentage(value: number): number {\n    return ((value - this.min) / (this.max - this.min)) * 100;\n  }\n\n  private getValueFromPercentage(percentage: number): number {\n    const value = this.min + (percentage / 100) * (this.max - this.min);\n    return Math.round(value / this.step) * this.step;\n  }\n\n  private handleMouseDown = (e: MouseEvent) => {\n    if (this.disabled) return;\n    e.preventDefault();\n    this.isDragging = true;\n    this.dragging = true;\n    this.handleDrag(e);\n  };\n\n  private handleMouseMove = (e: MouseEvent) => {\n    if (!this.isDragging) return;\n    this.handleDrag(e);\n  };\n\n  private handleMouseUp = () => {\n    if (!this.isDragging) return;\n    this.isDragging = false;\n    this.dragging = false;\n    this.tooltipVisible = false;\n    this.hbChange.emit(this.currentValue);\n  };\n\n  private handleDrag(e: MouseEvent) {\n    if (!this.sliderRef) return;\n\n    const rect = this.sliderRef.getBoundingClientRect();\n    const percentage = this.vertical\n      ? 1 - (e.clientY - rect.top) / rect.height\n      : (e.clientX - rect.left) / rect.width;\n    \n    const clampedPercentage = Math.max(0, Math.min(100, percentage * 100));\n    const value = this.getValueFromPercentage(clampedPercentage);\n\n    if (this.range) {\n      const values = this.currentValue as number[];\n      // 简化处理：更新第一个值\n      this.currentValue = [value, values[1] || this.max];\n    } else {\n      this.currentValue = value;\n      this.tooltipValue = value;\n      this.tooltipVisible = true;\n    }\n\n    this.modelValue = this.currentValue;\n    this.hbInput.emit(this.currentValue);\n  }\n\n  private formatValue(value: number): string {\n    if (this.formatTooltip) {\n      return this.formatTooltip(value);\n    }\n    return String(value);\n  }\n\n  render() {\n    const percentage = this.range\n      ? this.getPercentage((this.currentValue as number[])[0])\n      : this.getPercentage(this.currentValue as number);\n\n    return (\n      <div\n        class={{\n          'hb-slider': true,\n          'hb-slider--vertical': this.vertical,\n          'hb-slider--disabled': this.disabled,\n        }}\n        style={this.vertical && this.height ? { height: this.height } : undefined}\n      >\n        <div\n          class=\"hb-slider__runway\"\n          ref={(el) => (this.sliderRef = el)}\n          onMouseDown={this.handleMouseDown}\n        >\n          <div\n            class=\"hb-slider__bar\"\n            style={{\n              [this.vertical ? 'height' : 'width']: `${percentage}%`,\n              [this.vertical ? 'bottom' : 'left']: '0',\n            }}\n          ></div>\n          <div\n            class={{\n              'hb-slider__button-wrapper': true,\n              'hb-slider__button-wrapper--hover': this.tooltipVisible,\n            }}\n            style={{\n              [this.vertical ? 'bottom' : 'left']: `${percentage}%`,\n            }}\n          >\n            {this.showTooltip && this.tooltipVisible && (\n              <div class=\"hb-slider__tooltip\">\n                {this.formatValue(this.tooltipValue)}\n              </div>\n            )}\n            <div class=\"hb-slider__button\"></div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-463de26d.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,g as i,h as a}from"./p-e42dfa95.js";import{p as r,f as o,a as n,i as s,g as d,W as l,M as h}from"./p-cf94cbf6.js";import{c}from"./p-4ef5a884.js";const p='/*! 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{display:inline-block}.hb-date-range-picker{display:inline-block;position:relative}.hb-date-range-picker__input-wrapper{align-items:center;cursor:pointer;display:inline-flex;gap:4px}.hb-date-range-picker__input{background-color:var(--hb-color-bg-container,#fff);border:1px solid var(--hb-color-border,#dcdfe6);border-radius:var(--hb-border-radius-base,4px);box-sizing:border-box;color:var(--hb-color-text,#606266);cursor:pointer;font-size:var(--hb-font-size-base,14px);height:var(--hb-size-default,32px);line-height:var(--hb-size-default,32px);outline:none;padding:0 8px;transition:border-color var(--hb-transition-duration,.2s)ease;width:140px}.hb-date-range-picker__input:hover:not(:disabled){border-color:var(--hb-color-primary,#1677ff)}.hb-date-range-picker__separator{color:var(--hb-color-text-secondary,#909399);font-size:var(--hb-font-size-base,14px)}.hb-date-range-picker__suffix{align-items:center;display:inline-flex;margin-left:-28px;pointer-events:none}.hb-date-range-picker__clear{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:pointer;font-size:16px;pointer-events:auto;transition:color var(--hb-transition-duration,.2s)ease}.hb-date-range-picker__clear:hover{color:var(--hb-color-text,#606266)}.hb-date-range-picker__icon{font-size:14px}.hb-date-range-picker__dropdown{background-color:var(--hb-color-bg-container,#fff);border:1px solid var(--hb-color-border,#dcdfe6);border-radius:var(--hb-border-radius-base,4px);box-shadow:var(--hb-box-shadow-lg,0 2px 12px 0 #0000001a);display:flex;gap:8px;left:0;margin-top:4px;padding:8px;position:absolute;top:100%;z-index:var(--hb-z-index-dropdown,1050)}.hb-date-range-picker__pane{min-width:280px;padding:12px}.hb-date-range-picker__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hb-date-range-picker__header-label{color:var(--hb-color-text,#606266);font-size:var(--hb-font-size-base,14px);font-weight:600}.hb-date-range-picker__next-btn,.hb-date-range-picker__prev-btn{background:0 0;border:none;color:var(--hb-color-text,#606266);cursor:pointer;font-size:18px;padding:4px 8px;transition:color var(--hb-transition-duration,.2s)ease}.hb-date-range-picker__next-btn:hover,.hb-date-range-picker__prev-btn:hover{color:var(--hb-color-primary,#1677ff)}.hb-date-range-picker__weekdays{display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.hb-date-range-picker__weekday{color:var(--hb-color-text-tertiary,#909399);font-size:var(--hb-font-size-sm,12px);font-weight:500;text-align:center}.hb-date-range-picker__days{display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.hb-date-range-picker__day{align-items:center;aspect-ratio:1;border-radius:var(--hb-border-radius-base,4px);color:var(--hb-color-text,#606266);cursor:pointer;display:flex;font-size:13px;justify-content:center;transition:all var(--hb-transition-duration,.2s)ease}.hb-date-range-picker__day:hover:not(.hb-date-range-picker__day--other-month){background-color:var(--hb-color-fill-tertiary,#f5f7fa)}.hb-date-range-picker__day--other-month{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:default}.hb-date-range-picker__day--disabled{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:not-allowed}.hb-date-range-picker__day--disabled:hover{background-color:#0000}.hb-date-range-picker__day--today{color:var(--hb-color-primary,#1677ff);font-weight:600}.hb-date-range-picker__day--in-range{background-color:var(--hb-color-primary-bg,#e6f4ff);border-radius:0}.hb-date-range-picker__day--end,.hb-date-range-picker__day--start{background-color:var(--hb-color-primary,#1677ff);color:var(--hb-color-text-inverse,#fff)}.hb-date-range-picker--small .hb-date-range-picker__input{font-size:var(--hb-font-size-sm,12px);height:var(--hb-size-sm,24px);line-height:var(--hb-size-sm,24px)}.hb-date-range-picker--large .hb-date-range-picker__input{font-size:var(--hb-font-size-lg,16px);height:var(--hb-size-lg,40px);line-height:var(--hb-size-lg,40px)}.hb-date-range-picker--disabled{cursor:not-allowed}.hb-date-range-picker--disabled .hb-date-range-picker__input{background-color:var(--hb-color-fill-tertiary,#f5f7fa);color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}@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 b=p;const f=class{constructor(i){e(this,i);this.hbChange=t(this,"hbChange",7);this.hbVisibleChange=t(this,"hbVisibleChange",7)}get el(){return i(this)}modelValue=[];placeholder=["开始日期","结束日期"];disabled=false;clearable=false;size="default";format="YYYY-MM-DD";disabledDate;name;hbChange;hbVisibleChange;isOpen=false;leftViewDate=new Date;startDate;endDate;pickingEnd=false;hoverDate;clickOutside=c({host:null,isOpen:()=>this.isOpen,onClose:()=>this.closePanel()});componentDidLoad(){this.clickOutside=c({host:this.el,isOpen:()=>this.isOpen,onClose:()=>this.closePanel()});this.clickOutside.connect();this.syncFromModelValue()}disconnectedCallback(){this.clickOutside.disconnect()}handleModelValueChange(){this.syncFromModelValue()}syncFromModelValue(){if(!this.modelValue||this.modelValue.length===0){this.startDate=undefined;this.endDate=undefined;this.pickingEnd=false;return}this.startDate=r(this.modelValue[0]);this.endDate=r(this.modelValue[1]);this.pickingEnd=false}get displayStart(){return this.startDate?o(this.startDate,this.format):""}get displayEnd(){return this.endDate?o(this.endDate,this.format):""}openPanel(){if(this.disabled)return;this.isOpen=true;this.hbVisibleChange.emit(true)}closePanel(){if(!this.isOpen)return;this.isOpen=false;this.hoverDate=undefined;this.pickingEnd=false;this.hbVisibleChange.emit(false)}handleTriggerClick=()=>{if(this.disabled)return;if(this.isOpen){this.closePanel()}else{this.openPanel()}};handleClear=e=>{e.stopPropagation();this.startDate=undefined;this.endDate=undefined;this.pickingEnd=false;this.modelValue=[];this.hbChange.emit([]);this.closePanel()};changeMonth(e){this.leftViewDate=n(this.leftViewDate,e)}isDateDisabled=e=>!!this.disabledDate&&this.disabledDate(e);handleDayClick=e=>{if(this.isDateDisabled(e))return;if(!this.startDate||this.startDate&&this.endDate||!this.pickingEnd){this.startDate=e;this.endDate=undefined;this.pickingEnd=true;return}if(e.getTime()<this.startDate.getTime()){this.endDate=this.startDate;this.startDate=e}else{this.endDate=e}this.pickingEnd=false;this.commitRange()};commitRange(){if(!this.startDate||!this.endDate)return;const e=o(this.startDate,this.format);const t=o(this.endDate,this.format);this.modelValue=[e,t];this.hbChange.emit([e,t]);this.closePanel()}handleDayHover=e=>{if(this.pickingEnd){this.hoverDate=e}};isStart(e){return!!this.startDate&&s(this.startDate,e)}isEnd(e){return!!this.endDate&&s(this.endDate,e)}isInRange(e){if(!this.startDate)return false;const t=this.endDate||this.hoverDate;if(!t)return false;const i=e.getTime();const a=this.startDate.getTime();const r=t.getTime();const o=Math.min(a,r);const n=Math.max(a,r);return i>o&&i<n}renderMonth(e,t){const i=d(e,undefined);return a("div",{class:"hb-date-range-picker__pane"},a("div",{class:"hb-date-range-picker__header"},t==="left"&&a("button",{type:"button",class:"hb-date-range-picker__prev-btn",onClick:()=>this.changeMonth(-1),"aria-label":"上个月"},"‹"),a("span",{class:"hb-date-range-picker__header-label"},e.getFullYear(),"年 ",h[e.getMonth()]),t==="right"&&a("button",{type:"button",class:"hb-date-range-picker__next-btn",onClick:()=>this.changeMonth(1),"aria-label":"下个月"},"›")),a("div",{class:"hb-date-range-picker__weekdays"},l.map((e=>a("div",{class:"hb-date-range-picker__weekday"},e)))),a("div",{class:"hb-date-range-picker__days"},i.map(((e,t)=>{const i=e.isCurrentMonth&&this.isDateDisabled(e.date);return a("div",{key:t,class:{"hb-date-range-picker__day":true,"hb-date-range-picker__day--other-month":!e.isCurrentMonth,"hb-date-range-picker__day--today":e.isToday,"hb-date-range-picker__day--start":this.isStart(e.date),"hb-date-range-picker__day--end":this.isEnd(e.date),"hb-date-range-picker__day--in-range":this.isInRange(e.date),"hb-date-range-picker__day--disabled":i},role:"gridcell","aria-disabled":!e.isCurrentMonth||i?"true":undefined,onClick:()=>e.isCurrentMonth&&!i&&this.handleDayClick(e.date),onMouseEnter:()=>e.isCurrentMonth&&!i&&this.handleDayHover(e.date)},e.date.getDate())}))))}render(){const e=n(this.leftViewDate,1);const t=this.clearable&&!!this.startDate&&!!this.endDate&&!this.disabled;return a("div",{key:"ab2b71304782a01f2cc8ac7330a20a3172c17fd5",class:{"hb-date-range-picker":true,"hb-date-range-picker--open":this.isOpen,"hb-date-range-picker--disabled":this.disabled,[`hb-date-range-picker--${this.size}`]:true}},a("div",{key:"8e0bdbd8de6b7881e555072c84689654e3a43a17",class:"hb-date-range-picker__input-wrapper",onClick:this.handleTriggerClick},a("input",{key:"478634c74c6f001c0213e1591497679618f0c30c",type:"text",name:this.name,class:"hb-date-range-picker__input",placeholder:this.placeholder[0]||"开始日期",value:this.displayStart,disabled:this.disabled,readonly:true}),a("span",{key:"bb7827695f0cbab0267f704bf89b17df3bb6e87a",class:"hb-date-range-picker__separator"},"至"),a("input",{key:"010d1e8d5ebfc98a892ecb00a1489fbc9d59f7f0",type:"text",class:"hb-date-range-picker__input",placeholder:this.placeholder[1]||"结束日期",value:this.displayEnd,disabled:this.disabled,readonly:true}),a("span",{key:"fe43d0f5ddbd4c80a9cecf1c49e2bc4cab2f9f5b",class:"hb-date-range-picker__suffix"},t&&a("span",{key:"e215b4eb8bde0de50f17092527cd882381188f2a",class:"hb-date-range-picker__clear",onClick:this.handleClear},"×"),a("span",{key:"f7610ce152b6b61b8014b6cba213188bb1f4ad4a",class:"hb-date-range-picker__icon"},"📅"))),this.isOpen&&a("div",{key:"72045b3c598a61515e8d7d0ea15a3865b9efaf20",class:"hb-date-range-picker__dropdown"},this.renderMonth(this.leftViewDate,"left"),this.renderMonth(e,"right")))}static get watchers(){return{modelValue:["handleModelValueChange"]}}};f.style=b;export{f as hb_date_range_picker};
+//# sourceMappingURL=p-463de26d.entry.js.map

package/dist/huibo-ui/p-463de26d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dateRangePickerCss","HbDateRangePickerStyle0","DateRangePicker","modelValue","placeholder","disabled","clearable","size","format","disabledDate","name","hbChange","hbVisibleChange","isOpen","leftViewDate","Date","startDate","endDate","pickingEnd","hoverDate","clickOutside","createClickOutsideHandler","host","this","onClose","closePanel","componentDidLoad","el","connect","syncFromModelValue","disconnectedCallback","disconnect","handleModelValueChange","length","undefined","parseDate","displayStart","formatDate","displayEnd","openPanel","emit","handleTriggerClick","handleClear","e","stopPropagation","changeMonth","delta","addMonths","isDateDisabled","date","handleDayClick","getTime","commitRange","start","end","handleDayHover","isStart","isSameDay","isEnd","isInRange","t","startT","endT","lo","Math","min","hi","max","renderMonth","viewDate","side","days","getCalendarDays","h","class","type","onClick","getFullYear","MONTH_NAMES","getMonth","WEEK_DAY_NAMES","map","day","index","dayDisabled","isCurrentMonth","key","isToday","role","onMouseEnter","getDate","render","rightViewDate","showClear","value","readonly"],"sources":["src/components/DateRangePicker/date-range-picker.css?tag=hb-date-range-picker&encapsulation=shadow","src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.hb-date-range-picker {\n  display: inline-block;\n  position: relative;\n}\n\n.hb-date-range-picker__input-wrapper {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  cursor: pointer;\n}\n\n.hb-date-range-picker__input {\n  height: var(--hb-size-default, 32px);\n  line-height: var(--hb-size-default, 32px);\n  width: 140px;\n  padding: 0 8px;\n  font-size: var(--hb-font-size-base, 14px);\n  color: var(--hb-color-text, #606266);\n  background-color: var(--hb-color-bg-container, #ffffff);\n  border: 1px solid var(--hb-color-border, #dcdfe6);\n  border-radius: var(--hb-border-radius-base, 4px);\n  box-sizing: border-box;\n  cursor: pointer;\n  outline: none;\n  transition: border-color var(--hb-transition-duration, 0.2s) ease;\n}\n\n.hb-date-range-picker__input:hover:not(:disabled) {\n  border-color: var(--hb-color-primary, #1677ff);\n}\n\n.hb-date-range-picker__separator {\n  font-size: var(--hb-font-size-base, 14px);\n  color: var(--hb-color-text-secondary, #909399);\n}\n\n.hb-date-range-picker__suffix {\n  display: inline-flex;\n  align-items: center;\n  margin-left: -28px;\n  pointer-events: none;\n}\n\n.hb-date-range-picker__clear {\n  cursor: pointer;\n  font-size: 16px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  pointer-events: auto;\n  transition: color var(--hb-transition-duration, 0.2s) ease;\n}\n\n.hb-date-range-picker__clear:hover {\n  color: var(--hb-color-text, #606266);\n}\n\n.hb-date-range-picker__icon {\n  font-size: 14px;\n}\n\n.hb-date-range-picker__dropdown {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  margin-top: 4px;\n  display: flex;\n  gap: 8px;\n  padding: 8px;\n  background-color: var(--hb-color-bg-container, #ffffff);\n  border: 1px solid var(--hb-color-border, #dcdfe6);\n  border-radius: var(--hb-border-radius-base, 4px);\n  box-shadow: var(--hb-box-shadow-lg, 0 2px 12px 0 rgba(0, 0, 0, 0.1));\n  z-index: var(--hb-z-index-dropdown, 1050);\n}\n\n.hb-date-range-picker__pane {\n  padding: 12px;\n  min-width: 280px;\n}\n\n.hb-date-range-picker__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.hb-date-range-picker__header-label {\n  font-weight: 600;\n  font-size: var(--hb-font-size-base, 14px);\n  color: var(--hb-color-text, #606266);\n}\n\n.hb-date-range-picker__prev-btn,\n.hb-date-range-picker__next-btn {\n  background: none;\n  border: none;\n  font-size: 18px;\n  cursor: pointer;\n  color: var(--hb-color-text, #606266);\n  padding: 4px 8px;\n  transition: color var(--hb-transition-duration, 0.2s) ease;\n}\n\n.hb-date-range-picker__prev-btn:hover,\n.hb-date-range-picker__next-btn:hover {\n  color: var(--hb-color-primary, #1677ff);\n}\n\n.hb-date-range-picker__weekdays {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n  margin-bottom: 8px;\n}\n\n.hb-date-range-picker__weekday {\n  text-align: center;\n  font-size: var(--hb-font-size-sm, 12px);\n  color: var(--hb-color-text-tertiary, #909399);\n  font-weight: 500;\n}\n\n.hb-date-range-picker__days {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n}\n\n.hb-date-range-picker__day {\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  color: var(--hb-color-text, #606266);\n  cursor: pointer;\n  border-radius: var(--hb-border-radius-base, 4px);\n  transition: all var(--hb-transition-duration, 0.2s) ease;\n}\n\n.hb-date-range-picker__day:hover:not(.hb-date-range-picker__day--other-month) {\n  background-color: var(--hb-color-fill-tertiary, #f5f7fa);\n}\n\n.hb-date-range-picker__day--other-month {\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  cursor: default;\n}\n\n.hb-date-range-picker__day--disabled {\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  cursor: not-allowed;\n}\n\n.hb-date-range-picker__day--disabled:hover {\n  background-color: transparent;\n}\n\n.hb-date-range-picker__day--today {\n  color: var(--hb-color-primary, #1677ff);\n  font-weight: 600;\n}\n\n.hb-date-range-picker__day--in-range {\n  background-color: var(--hb-color-primary-bg, #e6f4ff);\n  border-radius: 0;\n}\n\n.hb-date-range-picker__day--start,\n.hb-date-range-picker__day--end {\n  background-color: var(--hb-color-primary, #1677ff);\n  color: var(--hb-color-text-inverse, #ffffff);\n}\n\n.hb-date-range-picker--small .hb-date-range-picker__input {\n  height: var(--hb-size-sm, 24px);\n  line-height: var(--hb-size-sm, 24px);\n  font-size: var(--hb-font-size-sm, 12px);\n}\n\n.hb-date-range-picker--large .hb-date-range-picker__input {\n  height: var(--hb-size-lg, 40px);\n  line-height: var(--hb-size-lg, 40px);\n  font-size: var(--hb-font-size-lg, 16px);\n}\n\n.hb-date-range-picker--disabled {\n  cursor: not-allowed;\n}\n\n.hb-date-range-picker--disabled .hb-date-range-picker__input {\n  background-color: var(--hb-color-fill-tertiary, #f5f7fa);\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\nimport {\n  getCalendarDays,\n  parseDate,\n  formatDate,\n  addMonths,\n  isSameDay,\n  MONTH_NAMES,\n  WEEK_DAY_NAMES,\n} from '../../utils/date-helpers';\nimport { ComponentSize } from '../../utils/form-input-base';\nimport { createClickOutsideHandler } from '../../utils/click-outside';\n\n/**\n * DateRangePicker 日期范围选择器组件\n * 选择开始与结束日期，展开双月份面板（右月 = 左月 + 1）\n */\n@Component({\n  tag: 'hb-date-range-picker',\n  styleUrl: 'date-range-picker.css',\n  shadow: true,\n})\nexport class DateRangePicker {\n  @Element() el: HTMLElement;\n\n  /** 绑定值 [start, end]，ISO 字符串 */\n  @Prop({ mutable: true }) modelValue: string[] = [];\n\n  /** 占位文本 [startPlaceholder, endPlaceholder] */\n  @Prop() placeholder: string[] = ['开始日期', '结束日期'];\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 是否可清空 */\n  @Prop() clearable: boolean = false;\n\n  /** 尺寸 */\n  @Prop() size: ComponentSize = 'default';\n\n  /** 日期格式 */\n  @Prop() format: string = 'YYYY-MM-DD';\n\n  /**\n   * 禁用日期判定函数。返回 true 的日期在日历中不可选（加 disabled 态、不可点击、aria-disabled）。\n   * @param date 当前日期格子的 Date 对象\n   */\n  @Prop() disabledDate?: (date: Date) => boolean;\n\n  /** 原生 name 属性 */\n  @Prop() name?: string;\n\n  /** 范围改变事件，detail 为 [start, end] */\n  @Event() hbChange: EventEmitter<string[]>;\n\n  /** 面板展开/收起事件 */\n  @Event() hbVisibleChange: EventEmitter<boolean>;\n\n  /** 面板是否展开 */\n  @State() isOpen: boolean = false;\n\n  /** 左侧面板视图月份 */\n  @State() leftViewDate: Date = new Date();\n\n  /** 范围起点（Date 形式，选择中暂存） */\n  @State() startDate?: Date;\n\n  /** 范围终点（Date 形式，选择中暂存） */\n  @State() endDate?: Date;\n\n  /** 是否已选了起点，等待选终点 */\n  @State() pickingEnd: boolean = false;\n\n  /** hover 中的日期，用于高亮范围 */\n  @State() hoverDate?: Date;\n\n  private clickOutside = createClickOutsideHandler({\n    host: null as any,\n    isOpen: () => this.isOpen,\n    onClose: () => this.closePanel(),\n  });\n\n  componentDidLoad() {\n    this.clickOutside = createClickOutsideHandler({\n      host: this.el,\n      isOpen: () => this.isOpen,\n      onClose: () => this.closePanel(),\n    });\n    this.clickOutside.connect();\n    this.syncFromModelValue();\n  }\n\n  disconnectedCallback() {\n    this.clickOutside.disconnect();\n  }\n\n  @Watch('modelValue')\n  handleModelValueChange() {\n    this.syncFromModelValue();\n  }\n\n  private syncFromModelValue() {\n    if (!this.modelValue || this.modelValue.length === 0) {\n      this.startDate = undefined;\n      this.endDate = undefined;\n      this.pickingEnd = false;\n      return;\n    }\n    this.startDate = parseDate(this.modelValue[0]);\n    this.endDate = parseDate(this.modelValue[1]);\n    this.pickingEnd = false;\n  }\n\n  private get displayStart(): string {\n    return this.startDate ? formatDate(this.startDate, this.format) : '';\n  }\n\n  private get displayEnd(): string {\n    return this.endDate ? formatDate(this.endDate, this.format) : '';\n  }\n\n  private openPanel() {\n    if (this.disabled) return;\n    this.isOpen = true;\n    this.hbVisibleChange.emit(true);\n  }\n\n  private closePanel() {\n    if (!this.isOpen) return;\n    this.isOpen = false;\n    this.hoverDate = undefined;\n    this.pickingEnd = false;\n    this.hbVisibleChange.emit(false);\n  }\n\n  private handleTriggerClick = () => {\n    if (this.disabled) return;\n    if (this.isOpen) {\n      this.closePanel();\n    } else {\n      this.openPanel();\n    }\n  };\n\n  private handleClear = (e: Event) => {\n    e.stopPropagation();\n    this.startDate = undefined;\n    this.endDate = undefined;\n    this.pickingEnd = false;\n    this.modelValue = [];\n    this.hbChange.emit([]);\n    this.closePanel();\n  };\n\n  private changeMonth(delta: number) {\n    this.leftViewDate = addMonths(this.leftViewDate, delta);\n  }\n\n  /** 判断某日期是否被 disabledDate 禁用 */\n  private isDateDisabled = (date: Date): boolean => {\n    return !!this.disabledDate && this.disabledDate(date);\n  };\n\n  /** 点击某一日格 */\n  private handleDayClick = (date: Date) => {\n    // disabledDate 返回 true 的日期不可选\n    if (this.isDateDisabled(date)) return;\n    if (!this.startDate || (this.startDate && this.endDate) || !this.pickingEnd) {\n      // 起点（或重新开始选择）\n      this.startDate = date;\n      this.endDate = undefined;\n      this.pickingEnd = true;\n      return;\n    }\n\n    // 选终点\n    if (date.getTime() < this.startDate.getTime()) {\n      // 终点早于起点：交换，将新点作为起点\n      this.endDate = this.startDate;\n      this.startDate = date;\n    } else {\n      this.endDate = date;\n    }\n    this.pickingEnd = false;\n    this.commitRange();\n  };\n\n  private commitRange() {\n    if (!this.startDate || !this.endDate) return;\n    const start = formatDate(this.startDate, this.format);\n    const end = formatDate(this.endDate, this.format);\n    this.modelValue = [start, end];\n    this.hbChange.emit([start, end]);\n    this.closePanel();\n  }\n\n  private handleDayHover = (date: Date) => {\n    if (this.pickingEnd) {\n      this.hoverDate = date;\n    }\n  };\n\n  /** 计算某日格的状态 */\n  private isStart(date: Date): boolean {\n    return !!this.startDate && isSameDay(this.startDate, date);\n  }\n\n  private isEnd(date: Date): boolean {\n    return !!this.endDate && isSameDay(this.endDate, date);\n  }\n\n  private isInRange(date: Date): boolean {\n    if (!this.startDate) return false;\n    const end = this.endDate || this.hoverDate;\n    if (!end) return false;\n    const t = date.getTime();\n    const startT = this.startDate.getTime();\n    const endT = end.getTime();\n    const lo = Math.min(startT, endT);\n    const hi = Math.max(startT, endT);\n    return t > lo && t < hi;\n  }\n\n  private renderMonth(viewDate: Date, side: 'left' | 'right') {\n    const days = getCalendarDays(viewDate, undefined);\n    return (\n      <div class=\"hb-date-range-picker__pane\">\n        <div class=\"hb-date-range-picker__header\">\n          {side === 'left' && (\n            <button\n              type=\"button\"\n              class=\"hb-date-range-picker__prev-btn\"\n              onClick={() => this.changeMonth(-1)}\n              aria-label=\"上个月\"\n            >\n              ‹\n            </button>\n          )}\n          <span class=\"hb-date-range-picker__header-label\">\n            {viewDate.getFullYear()}年 {MONTH_NAMES[viewDate.getMonth()]}\n          </span>\n          {side === 'right' && (\n            <button\n              type=\"button\"\n              class=\"hb-date-range-picker__next-btn\"\n              onClick={() => this.changeMonth(1)}\n              aria-label=\"下个月\"\n            >\n              ›\n            </button>\n          )}\n        </div>\n        <div class=\"hb-date-range-picker__weekdays\">\n          {WEEK_DAY_NAMES.map((day) => (\n            <div class=\"hb-date-range-picker__weekday\">{day}</div>\n          ))}\n        </div>\n        <div class=\"hb-date-range-picker__days\">\n          {days.map((day, index) => {\n            const dayDisabled = day.isCurrentMonth && this.isDateDisabled(day.date);\n            return (\n              <div\n                key={index}\n                class={{\n                  'hb-date-range-picker__day': true,\n                  'hb-date-range-picker__day--other-month': !day.isCurrentMonth,\n                  'hb-date-range-picker__day--today': day.isToday,\n                  'hb-date-range-picker__day--start': this.isStart(day.date),\n                  'hb-date-range-picker__day--end': this.isEnd(day.date),\n                  'hb-date-range-picker__day--in-range': this.isInRange(day.date),\n                  'hb-date-range-picker__day--disabled': dayDisabled,\n                }}\n                role=\"gridcell\"\n                aria-disabled={!day.isCurrentMonth || dayDisabled ? 'true' : undefined}\n                onClick={() => day.isCurrentMonth && !dayDisabled && this.handleDayClick(day.date)}\n                onMouseEnter={() => day.isCurrentMonth && !dayDisabled && this.handleDayHover(day.date)}\n              >\n                {day.date.getDate()}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const rightViewDate = addMonths(this.leftViewDate, 1);\n    const showClear =\n      this.clearable && !!this.startDate && !!this.endDate && !this.disabled;\n\n    return (\n      <div\n        class={{\n          'hb-date-range-picker': true,\n          'hb-date-range-picker--open': this.isOpen,\n          'hb-date-range-picker--disabled': this.disabled,\n          [`hb-date-range-picker--${this.size}`]: true,\n        }}\n      >\n        <div\n          class=\"hb-date-range-picker__input-wrapper\"\n          onClick={this.handleTriggerClick}\n        >\n          <input\n            type=\"text\"\n            name={this.name}\n            class=\"hb-date-range-picker__input\"\n            placeholder={this.placeholder[0] || '开始日期'}\n            value={this.displayStart}\n            disabled={this.disabled}\n            readonly\n          />\n          <span class=\"hb-date-range-picker__separator\">至</span>\n          <input\n            type=\"text\"\n            class=\"hb-date-range-picker__input\"\n            placeholder={this.placeholder[1] || '结束日期'}\n            value={this.displayEnd}\n            disabled={this.disabled}\n            readonly\n          />\n          <span class=\"hb-date-range-picker__suffix\">\n            {showClear && (\n              <span class=\"hb-date-range-picker__clear\" onClick={this.handleClear}>\n                ×\n              </span>\n            )}\n            <span class=\"hb-date-range-picker__icon\">📅</span>\n          </span>\n        </div>\n\n        {this.isOpen && (\n          <div class=\"hb-date-range-picker__dropdown\">\n            {this.renderMonth(this.leftViewDate, 'left')}\n            {this.renderMonth(rightViewDate, 'right')}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-465dcb4c.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e}from"./p-e42dfa95.js";const o='/*! 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{display:inline-block}.hb-button{align-items:center;border:1px solid #0000;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--hb-font-family);font-weight:400;gap:var(--hb-spacing-xxs);justify-content:center;outline:none;text-align:center;transition:all var(--hb-transition-duration)var(--hb-transition-function);-webkit-user-select:none;user-select:none;white-space:nowrap}.hb-button:focus-visible{outline:2px solid var(--hb-color-primary);outline-offset:1px}.hb-button--small{border-radius:var(--hb-button-radius);font-size:var(--hb-button-font-size-sm);height:var(--hb-button-height-sm);padding:0 var(--hb-button-padding-sm)}.hb-button--default{background-color:var(--hb-color-bg);border-color:var(--hb-button-default-border);border-radius:var(--hb-button-radius);color:var(--hb-color-text);font-size:var(--hb-button-font-size);height:var(--hb-button-height);padding:0 var(--hb-button-padding)}.hb-button--large{border-radius:var(--hb-button-radius);font-size:var(--hb-button-font-size-lg);height:var(--hb-button-height-lg);padding:0 var(--hb-button-padding-lg)}.hb-button--default:hover{border-color:var(--hb-button-default-hover-border);color:var(--hb-button-default-hover-color)}.hb-button--primary{background-color:var(--hb-button-primary-bg);border-color:var(--hb-button-primary-bg);color:#fff}.hb-button--primary:hover{background-color:var(--hb-button-primary-hover-bg);border-color:var(--hb-button-primary-hover-bg)}.hb-button--dashed{background-color:var(--hb-color-bg);border-color:var(--hb-button-default-border);border-style:dashed;color:var(--hb-color-text)}.hb-button--dashed:hover{border-color:var(--hb-button-default-hover-border);color:var(--hb-button-default-hover-color)}.hb-button--text{background-color:#0000;border-color:#0000;color:var(--hb-color-text)}.hb-button--text:hover{background-color:var(--hb-color-fill-tertiary)}.hb-button--link{background-color:#0000;border-color:#0000;color:var(--hb-color-primary)}.hb-button--link:hover{color:var(--hb-color-primary-hover)}.hb-button--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.hb-button--loading{cursor:default;opacity:.7;pointer-events:none}.hb-button__loading-icon{animation:hb-spin 1s linear infinite;display:inline-flex;font-size:1em}@keyframes hb-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@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 i=o;const r=class{constructor(e){t(this,e)}type="default";size="default";classNames="";disabled=false;loading=false;render(){return e("button",{key:"1628f4fd2f0e565910115361d0be682cf3d813c6",disabled:this.disabled||this.loading,class:{"hb-button":true,[`hb-button--${this.type}`]:true,[`hb-button--${this.size}`]:true,"hb-button--disabled":this.disabled,"hb-button--loading":this.loading,[this.classNames]:!!this.classNames}},this.loading&&e("span",{key:"305de3274e8bfce745beb06499da13bd3209f616",class:"hb-button__loading-icon"},"⏳"),e("slot",{key:"624ab73421118eefd5b1e7590e18ddb713c7ce0c"}))}};r.style=i;export{r as hb_button};
+//# sourceMappingURL=p-465dcb4c.entry.js.map

package/dist/huibo-ui/p-465dcb4c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buttonCss","HbButtonStyle0","Button","type","size","classNames","disabled","loading","render","h","key","this","class"],"sources":["src/components/Button/button.css?tag=hb-button&encapsulation=shadow","src/components/Button/Button.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n/* ---- 基础样式 ---- */\n.hb-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--hb-spacing-xxs);\n  font-family: var(--hb-font-family);\n  font-weight: 400;\n  white-space: nowrap;\n  text-align: center;\n  cursor: pointer;\n  user-select: none;\n  border: 1px solid transparent;\n  outline: none;\n  transition:\n    all var(--hb-transition-duration) var(--hb-transition-function);\n  box-sizing: border-box;\n}\n\n.hb-button:focus-visible {\n  outline: 2px solid var(--hb-color-primary);\n  outline-offset: 1px;\n}\n\n/* ---- 尺寸 ---- */\n.hb-button--small {\n  height: var(--hb-button-height-sm);\n  padding: 0 var(--hb-button-padding-sm);\n  font-size: var(--hb-button-font-size-sm);\n  border-radius: var(--hb-button-radius);\n}\n\n.hb-button--default {\n  height: var(--hb-button-height);\n  padding: 0 var(--hb-button-padding);\n  font-size: var(--hb-button-font-size);\n  border-radius: var(--hb-button-radius);\n}\n\n.hb-button--large {\n  height: var(--hb-button-height-lg);\n  padding: 0 var(--hb-button-padding-lg);\n  font-size: var(--hb-button-font-size-lg);\n  border-radius: var(--hb-button-radius);\n}\n\n/* ---- 类型：default ---- */\n.hb-button--default {\n  color: var(--hb-color-text);\n  background-color: var(--hb-color-bg);\n  border-color: var(--hb-button-default-border);\n}\n.hb-button--default:hover {\n  color: var(--hb-button-default-hover-color);\n  border-color: var(--hb-button-default-hover-border);\n}\n\n/* ---- 类型：primary ---- */\n.hb-button--primary {\n  color: #ffffff;\n  background-color: var(--hb-button-primary-bg);\n  border-color: var(--hb-button-primary-bg);\n}\n.hb-button--primary:hover {\n  background-color: var(--hb-button-primary-hover-bg);\n  border-color: var(--hb-button-primary-hover-bg);\n}\n\n/* ---- 类型：dashed ---- */\n.hb-button--dashed {\n  color: var(--hb-color-text);\n  background-color: var(--hb-color-bg);\n  border-color: var(--hb-button-default-border);\n  border-style: dashed;\n}\n.hb-button--dashed:hover {\n  color: var(--hb-button-default-hover-color);\n  border-color: var(--hb-button-default-hover-border);\n}\n\n/* ---- 类型：text ---- */\n.hb-button--text {\n  color: var(--hb-color-text);\n  background-color: transparent;\n  border-color: transparent;\n}\n.hb-button--text:hover {\n  background-color: var(--hb-color-fill-tertiary);\n}\n\n/* ---- 类型：link ---- */\n.hb-button--link {\n  color: var(--hb-color-primary);\n  background-color: transparent;\n  border-color: transparent;\n}\n.hb-button--link:hover {\n  color: var(--hb-color-primary-hover);\n}\n\n/* ---- 禁用 ---- */\n.hb-button--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/* ---- 加载 ---- */\n.hb-button--loading {\n  cursor: default;\n  opacity: 0.7;\n  pointer-events: none;\n}\n.hb-button__loading-icon {\n  display: inline-flex;\n  animation: hb-spin 1s linear infinite;\n  font-size: 1em;\n}\n\n@keyframes hb-spin {\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(360deg); }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Button 按钮组件\n * 常用的操作按钮\n */\n@Component({\n  tag: 'hb-button',\n  styleUrl: 'button.css',\n  shadow: true,\n})\nexport class Button {\n  /** 按钮类型 */\n  @Prop() type: 'primary' | 'dashed' | 'link' | 'text' | 'default' = 'default';\n\n  /** 按钮尺寸 */\n  @Prop() size: 'small' | 'default' | 'large' = 'default';\n\n  /** 自定义 class */\n  @Prop() classNames: string = '';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 是否加载中 */\n  @Prop() loading: boolean = false;\n\n  render() {\n    return (\n      <button\n        disabled={this.disabled || this.loading}\n        class={{\n          'hb-button': true,\n          [`hb-button--${this.type}`]: true,\n          [`hb-button--${this.size}`]: true,\n          'hb-button--disabled': this.disabled,\n          'hb-button--loading': this.loading,\n          [this.classNames]: !!this.classNames,\n        }}\n      >\n        {this.loading && <span class=\"hb-button__loading-icon\">⏳</span>}\n        <slot />\n      </button>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAY,i1PAClB,MAAAC,EAAeD,E,MCUFE,EAAM,M,yBAETC,KAA2D,UAG3DC,KAAsC,UAGtCC,WAAqB,GAGrBC,SAAoB,MAGpBC,QAAmB,MAE3B,MAAAC,GACE,OACEC,EAAA,UAAAC,IAAA,2CACEJ,SAAUK,KAAKL,UAAYK,KAAKJ,QAChCK,MAAO,CACL,YAAa,KACb,CAAC,cAAcD,KAAKR,QAAS,KAC7B,CAAC,cAAcQ,KAAKP,QAAS,KAC7B,sBAAuBO,KAAKL,SAC5B,qBAAsBK,KAAKJ,QAC3B,CAACI,KAAKN,cAAeM,KAAKN,aAG3BM,KAAKJ,SAAWE,EAAA,QAAAC,IAAA,2CAAME,MAAM,2BAAyB,KACtDH,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/huibo-ui/p-476527c1.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t}from"./p-e42dfa95.js";const i='/*! 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{.grid{display:grid}.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{display:block}.hb-descriptions{background:var(--hb-color-bg-container);border-radius:var(--hb-border-radius-sm);color:var(--hb-color-text);font-size:var(--hb-font-size-sm)}.hb-descriptions__title{color:var(--hb-color-text-primary);font-size:var(--hb-font-size-lg);font-weight:600;margin-bottom:var(--hb-spacing-sm)}.hb-descriptions__view{width:100%}.hb-descriptions__row{display:grid;gap:0;width:100%}.hb-descriptions__item{border-bottom:1px solid var(--hb-color-border-secondary);display:flex;padding:var(--hb-spacing-sm)var(--hb-spacing-md)}.hb-descriptions__row .hb-descriptions__item:last-child{border-bottom:none}.hb-descriptions__label{color:var(--hb-color-text-secondary);flex-shrink:0;margin-right:var(--hb-spacing-sm);white-space:nowrap}.hb-descriptions__colon{margin-left:0}.hb-descriptions__value{color:var(--hb-color-text);word-break:break-all}.hb-descriptions--bordered{border:1px solid var(--hb-color-border-secondary);overflow:hidden}.hb-descriptions--bordered .hb-descriptions__title{border-bottom:1px solid var(--hb-color-border-secondary);margin-bottom:0;padding:var(--hb-spacing-sm)var(--hb-spacing-md)}.hb-descriptions--bordered .hb-descriptions__item{border-right:1px solid var(--hb-color-border-secondary);padding:var(--hb-spacing-sm)var(--hb-spacing-md)}.hb-descriptions--bordered .hb-descriptions__item:nth-child(3n){border-right:none}.hb-descriptions--bordered .hb-descriptions__item:last-child{border-bottom:none}@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 o=i;const r=class{constructor(t){e(this,t)}title="";border=false;column=3;colon=true;items=[];render(){return t("div",{key:"bc13fcaa734ea3830c26a296e219dc90c4c453eb",class:{"hb-descriptions":true,"hb-descriptions--bordered":this.border}},this.title&&t("div",{key:"e64aba674b0f6d7e460f00c0f786b670dc92da0f",class:"hb-descriptions__title"},this.title),t("div",{key:"4cca9b0c834a60baf81d8668f79302934817f395",class:"hb-descriptions__view"},t("div",{key:"9c321483b77f58ecb2b8bbdfba9049b7cdd11c73",class:"hb-descriptions__row",style:{gridTemplateColumns:`repeat(${this.column}, minmax(0, 1fr))`}},this.items.map((e=>t("div",{class:"hb-descriptions__item",style:e.span?{gridColumn:`span ${e.span}`}:undefined},t("span",{class:"hb-descriptions__label"},e.label,this.colon&&t("span",{class:"hb-descriptions__colon"},"：")),t("span",{class:"hb-descriptions__value"},e.value)))))))}};r.style=o;export{r as hb_descriptions};
+//# sourceMappingURL=p-476527c1.entry.js.map

package/dist/huibo-ui/p-476527c1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["descriptionsCss","HbDescriptionsStyle0","Descriptions","title","border","column","colon","items","render","h","key","class","this","style","gridTemplateColumns","map","item","span","gridColumn","undefined","label","value"],"sources":["src/components/Descriptions/descriptions.css?tag=hb-descriptions&encapsulation=shadow","src/components/Descriptions/Descriptions.tsx"],"sourcesContent":[":host { display: block; }\n.hb-descriptions {\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text);\n  background: var(--hb-color-bg-container);\n  border-radius: var(--hb-border-radius-sm);\n}\n.hb-descriptions__title {\n  font-size: var(--hb-font-size-lg);\n  font-weight: 600;\n  color: var(--hb-color-text-primary);\n  margin-bottom: var(--hb-spacing-sm);\n}\n.hb-descriptions__view { width: 100%; }\n.hb-descriptions__row {\n  display: grid;\n  gap: 0;\n  width: 100%;\n}\n.hb-descriptions__item {\n  display: flex;\n  padding: var(--hb-spacing-sm) var(--hb-spacing-md);\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n}\n.hb-descriptions__row .hb-descriptions__item:nth-last-child(-n+3):not(:nth-last-child(1)) {\n  /* 保留默认下边框，最后一项由下方规则移除 */\n}\n/* 简化：最后一个 item 无下边框 */\n.hb-descriptions__row .hb-descriptions__item:last-child { border-bottom: none; }\n\n.hb-descriptions__label {\n  color: var(--hb-color-text-secondary);\n  white-space: nowrap;\n  margin-right: var(--hb-spacing-sm);\n  flex-shrink: 0;\n}\n.hb-descriptions__colon { margin-left: 0; }\n.hb-descriptions__value {\n  color: var(--hb-color-text);\n  word-break: break-all;\n}\n\n/* 带边框样式 */\n.hb-descriptions--bordered {\n  border: 1px solid var(--hb-color-border-secondary);\n  overflow: hidden;\n}\n.hb-descriptions--bordered .hb-descriptions__title { padding: var(--hb-spacing-sm) var(--hb-spacing-md); margin-bottom: 0; border-bottom: 1px solid var(--hb-color-border-secondary); }\n.hb-descriptions--bordered .hb-descriptions__item { border-right: 1px solid var(--hb-color-border-secondary); }\n.hb-descriptions--bordered .hb-descriptions__item:nth-child(3n) { border-right: none; }\n.hb-descriptions--bordered .hb-descriptions__item { padding: var(--hb-spacing-sm) var(--hb-spacing-md); }\n.hb-descriptions--bordered .hb-descriptions__item:last-child { border-bottom: none; }\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Descriptions 描述列表组件\n * 成组展示多个描述字段，支持列数、边框、冒号、跨列 span\n */\n@Component({ tag: 'hb-descriptions', styleUrl: 'descriptions.css', shadow: true })\nexport class Descriptions {\n  /** 标题 */\n  @Prop() title: string = '';\n\n  /** 是否带边框 */\n  @Prop() border: boolean = false;\n\n  /** 每行列数 */\n  @Prop() column: number = 3;\n\n  /** 是否显示冒号 */\n  @Prop() colon: boolean = true;\n\n  /** 描述项数组 */\n  @Prop() items: DescriptionItem[] = [];\n\n  render() {\n    return (\n      <div class={{ 'hb-descriptions': true, 'hb-descriptions--bordered': this.border }}>\n        {this.title && <div class=\"hb-descriptions__title\">{this.title}</div>}\n        <div class=\"hb-descriptions__view\">\n          <div class=\"hb-descriptions__row\" style={{ gridTemplateColumns: `repeat(${this.column}, minmax(0, 1fr))` }}>\n            {this.items.map((item) => (\n              <div\n                class=\"hb-descriptions__item\"\n                style={item.span ? { gridColumn: `span ${item.span}` } : undefined}\n              >\n                <span class=\"hb-descriptions__label\">\n                  {item.label}\n                  {this.colon && <span class=\"hb-descriptions__colon\">：</span>}\n                </span>\n                <span class=\"hb-descriptions__value\">{item.value}</span>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport interface DescriptionItem {\n  label: string;\n  value: string;\n  span?: number;\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,ipOACxB,MAAAC,EAAeD,E,MCMFE,EAAY,M,yBAEfC,MAAgB,GAGhBC,OAAkB,MAGlBC,OAAiB,EAGjBC,MAAiB,KAGjBC,MAA2B,GAEnC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,kBAAmB,KAAM,4BAA6BC,KAAKR,SACtEQ,KAAKT,OAASM,EAAA,OAAAC,IAAA,2CAAKC,MAAM,0BAA0BC,KAAKT,OACzDM,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBAAuBE,MAAO,CAAEC,oBAAqB,UAAUF,KAAKP,4BAC5EO,KAAKL,MAAMQ,KAAKC,GACfP,EAAA,OACEE,MAAM,wBACNE,MAAOG,EAAKC,KAAO,CAAEC,WAAY,QAAQF,EAAKC,QAAWE,WAEzDV,EAAA,QAAME,MAAM,0BACTK,EAAKI,MACLR,KAAKN,OAASG,EAAA,QAAME,MAAM,0BAAwB,MAErDF,EAAA,QAAME,MAAM,0BAA0BK,EAAKK,Y","ignoreList":[]}

package/dist/huibo-ui/p-477d8568.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t}from"./p-e42dfa95.js";const i='/*! 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{display:block}.hb-breadcrumb{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--hb-font-size-sm)}@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 o=i;const a=class{constructor(t){e(this,t)}separator="/";render(){return t("nav",{key:"936e64f454bbb5a5d6cb868cdce563d2a57cbffa",class:"hb-breadcrumb","aria-label":"Breadcrumb"},t("slot",{key:"73da7e657e9ba3219e0eeb312e1ec8b9db01b0e1"}))}};a.style=o;export{a as hb_breadcrumb};
+//# sourceMappingURL=p-477d8568.entry.js.map

package/dist/huibo-ui/p-477d8568.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["breadcrumbCss","HbBreadcrumbStyle0","Breadcrumb","separator","render","h","key","class"],"sources":["src/components/Breadcrumb/breadcrumb.css?tag=hb-breadcrumb&encapsulation=shadow","src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-breadcrumb {\n  display: flex;\n  align-items: center;\n  font-size: var(--hb-font-size-sm);\n  flex-wrap: wrap;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Breadcrumb 面包屑导航组件\n * 显示当前页面的路径，快速返回之前的任意页面\n */\n@Component({\n  tag: 'hb-breadcrumb',\n  styleUrl: 'breadcrumb.css',\n  shadow: true,\n})\nexport class Breadcrumb {\n  /** 分隔符 */\n  @Prop() separator: string = '/';\n\n  render() {\n    return (\n      <nav class=\"hb-breadcrumb\" aria-label=\"Breadcrumb\">\n        <slot />\n      </nav>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAgB,6qLACtB,MAAAC,EAAeD,E,MCUFE,EAAU,M,yBAEbC,UAAoB,IAE5B,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBAAe,aAAY,cACpCF,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/huibo-ui/p-4d0dff15.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as a,h as b}from"./p-e42dfa95.js";const r=class{constructor(a){e(this,a)}get el(){return a(this)}href;render(){const e=this.href?"a":"span";const a=this.el.closest("hb-breadcrumb")?.separator;return b("span",{key:"f9ced0c34ef309a1240258786b4ecba3055caeed",class:"hb-breadcrumb-item"},b(e,{key:"2218776bb05edeba450f3ecaa23c6602f4ff3480",class:"hb-breadcrumb-item__inner",href:this.href},b("slot",{key:"5598e7b2fbd95c16b5ad5456f36c97e708104cf9"})),b("span",{key:"fcb0f6f10b2707a8d1d3d882e80854b0b24cb665",class:"hb-breadcrumb-item__separator"},b("slot",{key:"502eec59718fdd8391132d2395bc4d4420e851b1",name:"separator"},a??"/")))}};export{r as hb_breadcrumb_item};
+//# sourceMappingURL=p-4d0dff15.entry.js.map

package/dist/huibo-ui/p-4d0dff15.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BreadcrumbItem","href","render","Tag","this","parentSeparator","el","closest","separator","h","key","class","name"],"sources":["src/components/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import { Component, h, Prop, Element } from '@stencil/core';\n\n/**\n * BreadcrumbItem 面包屑项\n */\n@Component({\n  tag: 'hb-breadcrumb-item',\n  shadow: true,\n})\nexport class BreadcrumbItem {\n  @Element() el: HTMLElement;\n\n  /** 链接地址 */\n  @Prop() href?: string;\n\n  render() {\n    const Tag = this.href ? 'a' : 'span';\n    // 从父级 hb-breadcrumb 读取分隔符 prop\n    // 优先级：item 的 separator slot > breadcrumb.separator > 默认 '/'\n    const parentSeparator = (this.el.closest('hb-breadcrumb') as any)?.separator;\n\n    return (\n      <span class=\"hb-breadcrumb-item\">\n        <Tag class=\"hb-breadcrumb-item__inner\" href={this.href}>\n          <slot />\n        </Tag>\n        <span class=\"hb-breadcrumb-item__separator\">\n          <slot name=\"separator\">{parentSeparator ?? '/'}</slot>\n        </span>\n      </span>\n    );\n  }\n}\n"],"mappings":"wDASaA,EAAc,M,iDAIjBC,KAER,MAAAC,GACE,MAAMC,EAAMC,KAAKH,KAAO,IAAM,OAG9B,MAAMI,EAAmBD,KAAKE,GAAGC,QAAQ,kBAA0BC,UAEnE,OACEC,EAAA,QAAAC,IAAA,2CAAMC,MAAM,sBACVF,EAACN,EAAG,CAAAO,IAAA,2CAACC,MAAM,4BAA4BV,KAAMG,KAAKH,MAChDQ,EAAA,QAAAC,IAAA,8CAEFD,EAAA,QAAAC,IAAA,2CAAMC,MAAM,iCACVF,EAAA,QAAAC,IAAA,2CAAME,KAAK,aAAaP,GAAmB,M","ignoreList":[]}

package/dist/huibo-ui/p-4d8b1404.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e}from"./p-e42dfa95.js";const i=class{constructor(e){t(this,e)}key="";label="";active=false;render(){return e("div",{key:"fa98d25d4ff9e4150b91b25db175af36aaba295f",class:{"hb-tab-pane":true,"hb-tab-pane--hidden":!this.active},role:"tabpanel",id:`hb-tabs__panel-${this.key}`,"aria-labelledby":this.key?`hb-tabs__tab-${this.key}`:undefined,tabindex:this.active?0:undefined},e("slot",{key:"a13d4ae22b4e093d4d5ba4994468fc22be3cecc3"}))}};i.style='/*! 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)))){*,:before,:after,::backdrop{--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{:root,:host{--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{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;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);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{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-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::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}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-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}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-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)}}@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} ';export{i as hb_tab_pane};
+//# sourceMappingURL=p-4d8b1404.entry.js.map

package/dist/huibo-ui/p-4d8b1404.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TabPane","key","label","active","render","h","class","this","role","id","undefined","tabindex"],"sources":["src/components/Tabs/TabPane.tsx"],"sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n/**\n * TabPane 标签页面板\n */\n@Component({\n  tag: 'hb-tab-pane',\n  shadow: true,\n})\nexport class TabPane {\n  /** 面板标识 */\n  @Prop() key: string = '';\n\n  /** 标签标题 */\n  @Prop() label: string = '';\n\n  /** 是否激活 */\n  @Prop() active: boolean = false;\n\n  render() {\n    return (\n      <div\n        class={{ 'hb-tab-pane': true, 'hb-tab-pane--hidden': !this.active }}\n        role=\"tabpanel\"\n        id={`hb-tabs__panel-${this.key}`}\n        aria-labelledby={this.key ? `hb-tabs__tab-${this.key}` : undefined}\n        tabindex={this.active ? 0 : undefined}\n      >\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":"iDASaA,EAAO,M,yBAEVC,IAAc,GAGdC,MAAgB,GAGhBC,OAAkB,MAE1B,MAAAC,GACE,OACEC,EAAA,OAAAJ,IAAA,2CACEK,MAAO,CAAE,cAAe,KAAM,uBAAwBC,KAAKJ,QAC3DK,KAAK,WACLC,GAAI,kBAAkBF,KAAKN,MAAK,kBACfM,KAAKN,IAAM,gBAAgBM,KAAKN,MAAQS,UACzDC,SAAUJ,KAAKJ,OAAS,EAAIO,WAE5BL,EAAA,QAAAJ,IAAA,6C","ignoreList":[]}

package/dist/huibo-ui/p-4ef5a884.js

@@ -0,0 +1,2 @@
+function c(c){const n=n=>{if(!c.isOpen())return;const t=n.target;if(!c.host.contains(t)){c.onClose()}};const t=()=>document.addEventListener("click",n);const o=()=>document.removeEventListener("click",n);return{connect:t,disconnect:o}}export{c};
+//# sourceMappingURL=p-4ef5a884.js.map

package/dist/huibo-ui/p-4ef5a884.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createClickOutsideHandler","options","handler","e","isOpen","target","host","contains","onClose","connect","document","addEventListener","disconnect","removeEventListener"],"sources":["src/utils/click-outside.ts"],"sourcesContent":["/**\n * 点击外部检测工具\n * 统一管理 document click 事件监听，用于下拉/弹出组件的关闭逻辑\n */\n\nexport interface ClickOutsideOptions {\n  /** 需要检测的宿主元素 */\n  host: HTMLElement;\n  /** 当前是否打开状态（避免不必要的检查） */\n  isOpen: () => boolean;\n  /** 关闭回调 */\n  onClose: () => void;\n}\n\n/**\n * 创建点击外部处理器\n * 返回清理函数，用于在 disconnectedCallback 中移除监听\n */\nexport function createClickOutsideHandler(options: ClickOutsideOptions) {\n  const handler = (e: MouseEvent) => {\n    if (!options.isOpen()) return;\n    const target = e.target as HTMLElement;\n    if (!options.host.contains(target)) {\n      options.onClose();\n    }\n  };\n\n  const connect = () => document.addEventListener('click', handler);\n  const disconnect = () => document.removeEventListener('click', handler);\n\n  return { connect, disconnect };\n}\n"],"mappings":"SAkBgBA,EAA0BC,GACxC,MAAMC,EAAWC,IACf,IAAKF,EAAQG,SAAU,OACvB,MAAMC,EAASF,EAAEE,OACjB,IAAKJ,EAAQK,KAAKC,SAASF,GAAS,CAClCJ,EAAQO,S,GAIZ,MAAMC,EAAU,IAAMC,SAASC,iBAAiB,QAAST,GACzD,MAAMU,EAAa,IAAMF,SAASG,oBAAoB,QAASX,GAE/D,MAAO,CAAEO,UAASG,aACpB,Q","ignoreList":[]}