huibo-ui 0.3.0 → 0.5.0

package/dist/huibo-ui/p-ea74fcae.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["scrollbarCss","HbScrollbarStyle0","Scrollbar","height","maxHeight","always","native","minSize","hbScroll","scrollbarVisible","thumbHeight","thumbTop","wrapRef","thumbRef","resizeObserver","isDragging","startY","startScrollTop","componentDidLoad","this","initScrollbar","disconnectedCallback","disconnect","removeEventListeners","handleSizeChange","updateScrollbar","setScrollTop","top","scrollTop","setScrollLeft","left","scrollLeft","getScrollTop","getScrollLeft","ResizeObserver","observe","addEventListeners","addEventListener","handleScroll","handleThumbMouseDown","document","handleMouseMove","handleMouseUp","removeEventListener","wrapHeight","clientHeight","scrollHeight","hasScroll","Math","max","maxThumbTop","min","emit","e","preventDefault","stopPropagation","clientY","deltaY","maxScrollTop","scrollDelta","newScrollTop","render","style","h","class","ref","el","onScroll","transform"],"sources":["src/components/Scrollbar/scrollbar.css?tag=hb-scrollbar&encapsulation=shadow","src/components/Scrollbar/Scrollbar.tsx"],"sourcesContent":[":host {\n  display: block;\n  --hb-scrollbar-bg-color: var(--hb-fill-color-light, #f5f7fa);\n  --hb-scrollbar-thumb-color: var(--hb-fill-color, #c0c4cc);\n  --hb-scrollbar-thumb-hover-color: var(--hb-fill-color-dark, #a0a4ac);\n}\n\n.hb-scrollbar {\n  position: relative;\n  height: 100%;\n  overflow: hidden;\n}\n\n.hb-scrollbar__wrap {\n  overflow: auto;\n  height: 100%;\n  scrollbar-width: thin;\n  scrollbar-color: var(--hb-scrollbar-thumb-color) var(--hb-scrollbar-bg-color);\n}\n\n.hb-scrollbar__wrap::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n\n.hb-scrollbar__wrap::-webkit-scrollbar-track {\n  background: var(--hb-scrollbar-bg-color);\n  border-radius: 3px;\n}\n\n.hb-scrollbar__wrap::-webkit-scrollbar-thumb {\n  background: var(--hb-scrollbar-thumb-color);\n  border-radius: 3px;\n}\n\n.hb-scrollbar__wrap::-webkit-scrollbar-thumb:hover {\n  background: var(--hb-scrollbar-thumb-hover-color);\n}\n\n.hb-scrollbar--native .hb-scrollbar__wrap {\n  overflow-y: auto;\n}\n\n.hb-scrollbar__view {\n  width: 100%;\n}\n\n.hb-scrollbar__bar {\n  position: absolute;\n  right: 2px;\n  bottom: 2px;\n  z-index: 1;\n  border-radius: 4px;\n  opacity: 0;\n  transition: opacity 0.12s ease-out;\n}\n\n.hb-scrollbar:hover .hb-scrollbar__bar {\n  opacity: 1;\n}\n\n.hb-scrollbar__bar--vertical {\n  width: 6px;\n  top: 2px;\n}\n\n.hb-scrollbar__bar--vertical > div {\n  width: 100%;\n}\n\n.hb-scrollbar__thumb {\n  position: relative;\n  display: block;\n  width: 100%;\n  height: 0;\n  cursor: pointer;\n  border-radius: inherit;\n  background-color: var(--hb-scrollbar-thumb-color);\n  transition: background-color 0.3s;\n}\n\n.hb-scrollbar__thumb:hover {\n  background-color: var(--hb-scrollbar-thumb-hover-color);\n}\n\n","import { Component, h, Prop, Element, State, Watch, Event, EventEmitter, Method } from '@stencil/core';\n\n/**\n * Scrollbar 滚动条组件\n * 用于替换浏览器原生滚动条\n */\n@Component({\n  tag: 'hb-scrollbar',\n  styleUrl: 'scrollbar.css',\n  shadow: true,\n})\nexport class Scrollbar {\n  @Element() el: HTMLElement;\n\n  /**\n   * 滚动条高度\n   */\n  @Prop() height?: string;\n\n  /**\n   * 滚动条最大高度\n   */\n  @Prop() maxHeight?: string;\n\n  /**\n   * 是否总是显示滚动条\n   * @default false\n   */\n  @Prop() always: boolean = false;\n\n  /**\n   * 是否显示原生滚动条\n   * @default false\n   */\n  @Prop() native: boolean = false;\n\n  /**\n   * 滚动条的最小尺寸\n   * @default 20\n   */\n  @Prop() minSize: number = 20;\n\n  /**\n   * 滚动事件\n   */\n  @Event() hbScroll: EventEmitter<{ scrollTop: number; scrollLeft: number }>;\n\n  @State() scrollbarVisible: boolean = false;\n  @State() thumbHeight: number = 0;\n  @State() thumbTop: number = 0;\n\n  private wrapRef?: HTMLDivElement;\n  private thumbRef?: HTMLDivElement;\n  private resizeObserver?: ResizeObserver;\n  private isDragging: boolean = false;\n  private startY: number = 0;\n  private startScrollTop: number = 0;\n\n  componentDidLoad() {\n    if (!this.native) {\n      this.initScrollbar();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n    this.removeEventListeners();\n  }\n\n  @Watch('height')\n  @Watch('maxHeight')\n  handleSizeChange() {\n    this.updateScrollbar();\n  }\n\n  /**\n   * 设置滚动条位置\n   */\n  @Method()\n  async setScrollTop(top: number) {\n    if (this.wrapRef) {\n      this.wrapRef.scrollTop = top;\n      this.updateScrollbar();\n    }\n  }\n\n  /**\n   * 设置滚动条位置\n   */\n  @Method()\n  async setScrollLeft(left: number) {\n    if (this.wrapRef) {\n      this.wrapRef.scrollLeft = left;\n      this.updateScrollbar();\n    }\n  }\n\n  /**\n   * 获取滚动条位置\n   */\n  @Method()\n  async getScrollTop(): Promise<number> {\n    return this.wrapRef?.scrollTop || 0;\n  }\n\n  /**\n   * 获取滚动条位置\n   */\n  @Method()\n  async getScrollLeft(): Promise<number> {\n    return this.wrapRef?.scrollLeft || 0;\n  }\n\n  private initScrollbar() {\n    if (!this.wrapRef) return;\n\n    this.resizeObserver = new ResizeObserver(() => {\n      this.updateScrollbar();\n    });\n\n    this.resizeObserver.observe(this.wrapRef);\n    this.addEventListeners();\n    this.updateScrollbar();\n  }\n\n  private addEventListeners() {\n    if (this.wrapRef) {\n      this.wrapRef.addEventListener('scroll', this.handleScroll);\n    }\n    if (this.thumbRef) {\n      this.thumbRef.addEventListener('mousedown', this.handleThumbMouseDown);\n    }\n    document.addEventListener('mousemove', this.handleMouseMove);\n    document.addEventListener('mouseup', this.handleMouseUp);\n  }\n\n  private removeEventListeners() {\n    if (this.wrapRef) {\n      this.wrapRef.removeEventListener('scroll', this.handleScroll);\n    }\n    if (this.thumbRef) {\n      this.thumbRef.removeEventListener('mousedown', this.handleThumbMouseDown);\n    }\n    document.removeEventListener('mousemove', this.handleMouseMove);\n    document.removeEventListener('mouseup', this.handleMouseUp);\n  }\n\n  private updateScrollbar() {\n    if (!this.wrapRef) return;\n\n    const wrapHeight = this.wrapRef.clientHeight;\n    const scrollHeight = this.wrapRef.scrollHeight;\n    const scrollTop = this.wrapRef.scrollTop;\n\n    const hasScroll = scrollHeight > wrapHeight;\n    this.scrollbarVisible = hasScroll || this.always;\n\n    if (hasScroll && this.thumbRef) {\n      const thumbHeight = Math.max(\n        this.minSize,\n        (wrapHeight / scrollHeight) * wrapHeight\n      );\n      const maxThumbTop = wrapHeight - thumbHeight;\n      const thumbTop = (scrollTop / (scrollHeight - wrapHeight)) * maxThumbTop;\n\n      this.thumbHeight = thumbHeight;\n      this.thumbTop = Math.max(0, Math.min(maxThumbTop, thumbTop));\n    }\n  }\n\n  private handleScroll = () => {\n    this.updateScrollbar();\n    if (this.wrapRef) {\n      this.hbScroll.emit({\n        scrollTop: this.wrapRef.scrollTop,\n        scrollLeft: this.wrapRef.scrollLeft,\n      });\n    }\n  };\n\n  private handleThumbMouseDown = (e: MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    this.isDragging = true;\n    this.startY = e.clientY;\n    this.startScrollTop = this.wrapRef?.scrollTop || 0;\n  };\n\n  private handleMouseMove = (e: MouseEvent) => {\n    if (!this.isDragging || !this.wrapRef) return;\n\n    const deltaY = e.clientY - this.startY;\n    const wrapHeight = this.wrapRef.clientHeight;\n    const scrollHeight = this.wrapRef.scrollHeight;\n    const maxScrollTop = scrollHeight - wrapHeight;\n    const thumbHeight = this.thumbHeight;\n    const maxThumbTop = wrapHeight - thumbHeight;\n\n    const scrollDelta = (deltaY / maxThumbTop) * maxScrollTop;\n    const newScrollTop = Math.max(0, Math.min(maxScrollTop, this.startScrollTop + scrollDelta));\n\n    this.wrapRef.scrollTop = newScrollTop;\n  };\n\n  private handleMouseUp = () => {\n    this.isDragging = false;\n  };\n\n  render() {\n    const style: any = {};\n    if (this.height) {\n      style.height = this.height;\n    }\n    if (this.maxHeight) {\n      style.maxHeight = this.maxHeight;\n    }\n\n    if (this.native) {\n      return (\n        <div\n          class=\"hb-scrollbar hb-scrollbar--native\"\n          style={style}\n        >\n          <div class=\"hb-scrollbar__wrap\">\n            <div class=\"hb-scrollbar__view\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div class=\"hb-scrollbar\" style={style}>\n        <div\n          class=\"hb-scrollbar__wrap\"\n          ref={(el) => (this.wrapRef = el)}\n          onScroll={this.handleScroll}\n        >\n          <div class=\"hb-scrollbar__view\">\n            <slot></slot>\n          </div>\n        </div>\n        {this.scrollbarVisible && !this.native && (\n          <div class=\"hb-scrollbar__bar hb-scrollbar__bar--vertical\">\n            <div\n              class=\"hb-scrollbar__thumb\"\n              ref={(el) => {\n                this.thumbRef = el;\n                if (el && !this.native) {\n                  el.addEventListener('mousedown', this.handleThumbMouseDown);\n                }\n              }}\n              style={{\n                height: `${this.thumbHeight}px`,\n                transform: `translateY(${this.thumbTop}px)`,\n              }}\n            ></div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-ebd04656.entry.js

@@ -1,2 +0,0 @@
-import{r as e,g as t,h as i}from"./p-e42dfa95.js";import{i as s}from"./p-cc0aeb50.js";const a=class{constructor(t){e(this,t)}get el(){return t(this)}key="";disabled=false;icon;active=false;handleClick=()=>{if(this.disabled)return;const e=this.el.closest("hb-menu");if(e){e.dispatchEvent(new CustomEvent("hbMenuItemSelect",{detail:this.key,bubbles:true}))}};handleKeydown=e=>{if(this.disabled)return;if(s(e.key)){e.preventDefault();this.handleClick()}};render(){return i("li",{key:"34b8ae3ee2a580757cd0c01261772e6de97bf332",class:{"hb-menu-item":true,"hb-menu-item--active":this.active,"hb-menu-item--disabled":this.disabled},role:"menuitem",tabindex:this.disabled?-1:0,"aria-disabled":this.disabled?"true":undefined,"aria-current":this.active?"page":undefined,onClick:this.handleClick,onKeyDown:this.handleKeydown},this.icon&&i("span",{key:"a0b70a81ce4f8ed1cef7bd37c5b194a02554bc22",class:"hb-menu-item__icon"},this.icon),i("span",{key:"8ef65eda6376d1e16ed614fa30e7cef532abc2ad",class:"hb-menu-item__text"},i("slot",{key:"716cf4bc2cd4cd6d992010759d55f2924662cd9a"})))}};export{a as hb_menu_item};
-//# sourceMappingURL=p-ebd04656.entry.js.map

package/dist/huibo-ui/p-ebd04656.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["MenuItem","key","disabled","icon","active","handleClick","this","menu","el","closest","dispatchEvent","CustomEvent","detail","bubbles","handleKeydown","e","isActivationKey","preventDefault","render","h","class","role","tabindex","undefined","onClick","onKeyDown"],"sources":["src/components/Menu/MenuItem.tsx"],"sourcesContent":["import { Component, h, Prop, Element } from '@stencil/core';\nimport { isActivationKey } from '../../utils/a11y';\n\n/**\n * MenuItem 菜单项\n */\n@Component({\n  tag: 'hb-menu-item',\n  shadow: true,\n})\nexport class MenuItem {\n  @Element() el: HTMLElement;\n\n  /** 唯一标识 */\n  @Prop() key: string = '';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 图标 */\n  @Prop() icon?: string;\n\n  /** 是否激活（由父级 Menu 设置） */\n  @Prop() active: boolean = false;\n\n  private handleClick = () => {\n    if (this.disabled) return;\n    const menu = this.el.closest('hb-menu');\n    if (menu) {\n      // 使用内部事件名 hbMenuItemSelect，与 Menu 向外发射的公开事件 hbSelect 区分，\n      // 否则 Menu 的 @Listen('hbSelect') 会被自身 emit 的事件再次触发，导致无限递归。\n      menu.dispatchEvent(new CustomEvent('hbMenuItemSelect', { detail: this.key, bubbles: true }));\n    }\n  };\n\n  private handleKeydown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n    if (isActivationKey(e.key)) {\n      e.preventDefault();\n      this.handleClick();\n    }\n  };\n\n  render() {\n    return (\n      <li\n        class={{\n          'hb-menu-item': true,\n          'hb-menu-item--active': this.active,\n          'hb-menu-item--disabled': this.disabled,\n        }}\n        role=\"menuitem\"\n        tabindex={this.disabled ? -1 : 0}\n        aria-disabled={this.disabled ? 'true' : undefined}\n        aria-current={this.active ? 'page' : undefined}\n        onClick={this.handleClick}\n        onKeyDown={this.handleKeydown}\n      >\n        {this.icon && <span class=\"hb-menu-item__icon\">{this.icon}</span>}\n        <span class=\"hb-menu-item__text\"><slot /></span>\n      </li>\n    );\n  }\n}\n"],"mappings":"4FAUaA,EAAQ,M,iDAIXC,IAAc,GAGdC,SAAoB,MAGpBC,KAGAC,OAAkB,MAElBC,YAAc,KACpB,GAAIC,KAAKJ,SAAU,OACnB,MAAMK,EAAOD,KAAKE,GAAGC,QAAQ,WAC7B,GAAIF,EAAM,CAGRA,EAAKG,cAAc,IAAIC,YAAY,mBAAoB,CAAEC,OAAQN,KAAKL,IAAKY,QAAS,O,GAIhFC,cAAiBC,IACvB,GAAIT,KAAKJ,SAAU,OACnB,GAAIc,EAAgBD,EAAEd,KAAM,CAC1Bc,EAAEE,iBACFX,KAAKD,a,GAIT,MAAAa,GACE,OACEC,EAAA,MAAAlB,IAAA,2CACEmB,MAAO,CACL,eAAgB,KAChB,uBAAwBd,KAAKF,OAC7B,yBAA0BE,KAAKJ,UAEjCmB,KAAK,WACLC,SAAUhB,KAAKJ,UAAY,EAAI,EAAC,gBACjBI,KAAKJ,SAAW,OAASqB,UAAS,eACnCjB,KAAKF,OAAS,OAASmB,UACrCC,QAASlB,KAAKD,YACdoB,UAAWnB,KAAKQ,eAEfR,KAAKH,MAAQgB,EAAA,QAAAlB,IAAA,2CAAMmB,MAAM,sBAAsBd,KAAKH,MACrDgB,EAAA,QAAAlB,IAAA,2CAAMmB,MAAM,sBAAqBD,EAAA,QAAAlB,IAAA,8C","ignoreList":[]}

package/dist/huibo-ui/p-ed0ff857.entry.js

@@ -1,2 +0,0 @@
-import{r as t,g as e,h as i}from"./p-e42dfa95.js";import{c as o,g as n}from"./p-ecce2b5e.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{.visible{visibility:visible}.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-popconfirm__trigger{cursor:pointer;display:inline-block}.hb-popconfirm__popup{animation:hb-popconfirm-fade .15s ease-out;background:var(--hb-color-bg-elevated);border-radius:var(--hb-border-radius-base);box-shadow:var(--hb-box-shadow);min-width:200px;padding:var(--hb-spacing-md);pointer-events:auto;position:fixed}.hb-popconfirm__main{align-items:flex-start;display:flex;gap:var(--hb-spacing-xs);margin-bottom:var(--hb-spacing-sm)}.hb-popconfirm__icon{color:var(--hb-color-warning);flex-shrink:0;font-size:16px}.hb-popconfirm__title{color:var(--hb-color-text);font-size:var(--hb-font-size-sm);line-height:1.5}.hb-popconfirm__action{display:flex;gap:var(--hb-spacing-xs);justify-content:flex-end}.hb-popconfirm__btn{background:var(--hb-color-bg);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-sm);cursor:pointer;font-size:var(--hb-font-size-xs);padding:4px 12px;transition:all var(--hb-transition-duration)}.hb-popconfirm__btn--cancel:hover{border-color:var(--hb-color-primary);color:var(--hb-color-primary)}.hb-popconfirm__btn--confirm{background:var(--hb-color-primary);border-color:var(--hb-color-primary);color:#fff}.hb-popconfirm__btn--confirm:hover{background:var(--hb-color-primary-hover)}@keyframes hb-popconfirm-fade{0%{opacity:0}to{opacity:1}}@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=r;const s=class{constructor(e){t(this,e)}get el(){return e(this)}title="确定执行此操作？";confirmButtonText="确定";cancelButtonText="取消";placement="top";disabled=false;icon="⚠";visible=false;popupStyle={};triggerRef;popupRef;show=()=>{if(!this.disabled){this.visible=true;requestAnimationFrame((()=>this.updatePosition()))}};hide=()=>{this.visible=false};updatePosition(){if(!this.triggerRef||!this.popupRef)return;const t=this.triggerRef.getBoundingClientRect();const{width:e,height:i}=this.popupRef.getBoundingClientRect();const r=o(t,e,i,this.placement,8);this.popupStyle={top:`${r.top}px`,left:`${r.left}px`,zIndex:String(n())}}handleConfirm=t=>{t.stopPropagation();this.hide();this.el.dispatchEvent(new CustomEvent("hbConfirm",{bubbles:true}))};handleCancel=t=>{t.stopPropagation();this.hide();this.el.dispatchEvent(new CustomEvent("hbCancel",{bubbles:true}))};render(){return i("div",{key:"d4817c4b90b135f3dc911259760ec6135c014882",class:"hb-popconfirm",onClick:this.show},i("div",{key:"bc992147604a6b601b9bfd1848fbd9fd425bcc65",ref:t=>{this.triggerRef=t},class:"hb-popconfirm__trigger"},i("slot",{key:"a5be9404aa726abc5c1c40292bfa3adef7793fa7"})),this.visible&&i("div",{key:"4d9794a39fe67cae8d61b6ddf421eb922e89ed4e",ref:t=>{this.popupRef=t},class:"hb-popconfirm__popup",style:this.popupStyle},i("div",{key:"15b32d88525e57064aa6c98ab5d409a86bce1a48",class:"hb-popconfirm__main"},i("span",{key:"a958b70e2ce984d8a87f278dcc13831778a37ddb",class:"hb-popconfirm__icon"},this.icon),i("span",{key:"d965d258313cf129d8d07a4085897b750cfe046b",class:"hb-popconfirm__title"},this.title)),i("div",{key:"184c808d11c9c987d7cc8d419133f5cdc5655466",class:"hb-popconfirm__action"},i("button",{key:"4c2f7eb3b996bd5231a1df845a6e6422a189293f",type:"button",class:"hb-popconfirm__btn hb-popconfirm__btn--cancel",onClick:this.handleCancel},this.cancelButtonText),i("button",{key:"de7a86643978c024e780061b775035488e879faf",type:"button",class:"hb-popconfirm__btn hb-popconfirm__btn--confirm",onClick:this.handleConfirm},this.confirmButtonText))))}};s.style=a;export{s as hb_popconfirm};
-//# sourceMappingURL=p-ed0ff857.entry.js.map

package/dist/huibo-ui/p-ed0ff857.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["popconfirmCss","HbPopconfirmStyle0","Popconfirm","title","confirmButtonText","cancelButtonText","placement","disabled","icon","visible","popupStyle","triggerRef","popupRef","show","this","requestAnimationFrame","updatePosition","hide","rect","getBoundingClientRect","width","pw","height","ph","pos","computePosition","top","left","zIndex","String","getNextZIndex","handleConfirm","e","stopPropagation","el","dispatchEvent","CustomEvent","bubbles","handleCancel","render","h","key","class","onClick","ref","style","type"],"sources":["src/components/Popconfirm/popconfirm.css?tag=hb-popconfirm&encapsulation=shadow","src/components/Popconfirm/Popconfirm.tsx"],"sourcesContent":[":host { display: inline-block; }\n.hb-popconfirm__trigger { display: inline-block; cursor: pointer; }\n.hb-popconfirm__popup {\n  position: fixed; background: var(--hb-color-bg-elevated);\n  border-radius: var(--hb-border-radius-base); box-shadow: var(--hb-box-shadow);\n  padding: var(--hb-spacing-md); min-width: 200px; animation: hb-popconfirm-fade 0.15s ease-out; pointer-events: auto;\n}\n.hb-popconfirm__main { display: flex; align-items: flex-start; gap: var(--hb-spacing-xs); margin-bottom: var(--hb-spacing-sm); }\n.hb-popconfirm__icon { color: var(--hb-color-warning); font-size: 16px; flex-shrink: 0; }\n.hb-popconfirm__title { font-size: var(--hb-font-size-sm); color: var(--hb-color-text); line-height: 1.5; }\n.hb-popconfirm__action { display: flex; justify-content: flex-end; gap: var(--hb-spacing-xs); }\n.hb-popconfirm__btn {\n  padding: 4px 12px; font-size: var(--hb-font-size-xs); border-radius: var(--hb-border-radius-sm);\n  cursor: pointer; border: 1px solid var(--hb-color-border); background: var(--hb-color-bg);\n  transition: all var(--hb-transition-duration);\n}\n.hb-popconfirm__btn--cancel:hover { color: var(--hb-color-primary); border-color: var(--hb-color-primary); }\n.hb-popconfirm__btn--confirm { background: var(--hb-color-primary); color: #fff; border-color: var(--hb-color-primary); }\n.hb-popconfirm__btn--confirm:hover { background: var(--hb-color-primary-hover); }\n@keyframes hb-popconfirm-fade { from { opacity: 0; } to { opacity: 1; } }\n","import { Component, h, Prop, State, Element } from '@stencil/core';\nimport { computePosition, getNextZIndex, Placement } from '../../utils/popup-manager';\n\n@Component({ tag: 'hb-popconfirm', styleUrl: 'popconfirm.css', shadow: true })\nexport class Popconfirm {\n  @Element() el: HTMLElement;\n  @Prop() title: string = '确定执行此操作？';\n  @Prop() confirmButtonText: string = '确定';\n  @Prop() cancelButtonText: string = '取消';\n  @Prop() placement: Placement = 'top';\n  @Prop() disabled: boolean = false;\n  @Prop() icon: string = '⚠';\n  @State() visible: boolean = false;\n  @State() popupStyle: Record<string, string> = {};\n\n  private triggerRef?: HTMLElement;\n  private popupRef?: HTMLDivElement;\n\n  private show = () => { if (!this.disabled) { this.visible = true; requestAnimationFrame(() => this.updatePosition()); } };\n  private hide = () => { this.visible = false; };\n\n  private updatePosition() {\n    if (!this.triggerRef || !this.popupRef) return;\n    const rect = this.triggerRef.getBoundingClientRect();\n    const { width: pw, height: ph } = this.popupRef.getBoundingClientRect();\n    const pos = computePosition(rect, pw, ph, this.placement, 8);\n    this.popupStyle = { top: `${pos.top}px`, left: `${pos.left}px`, zIndex: String(getNextZIndex()) };\n  }\n\n  private handleConfirm = (e: Event) => { e.stopPropagation(); this.hide(); this.el.dispatchEvent(new CustomEvent('hbConfirm', { bubbles: true })); };\n  private handleCancel = (e: Event) => { e.stopPropagation(); this.hide(); this.el.dispatchEvent(new CustomEvent('hbCancel', { bubbles: true })); };\n\n  render() {\n    return (\n      <div class=\"hb-popconfirm\" onClick={this.show}>\n        <div ref={(el: any) => { this.triggerRef = el; }} class=\"hb-popconfirm__trigger\"><slot /></div>\n        {this.visible && (\n          <div ref={(el: any) => { this.popupRef = el; }} class=\"hb-popconfirm__popup\" style={this.popupStyle}>\n            <div class=\"hb-popconfirm__main\">\n              <span class=\"hb-popconfirm__icon\">{this.icon}</span>\n              <span class=\"hb-popconfirm__title\">{this.title}</span>\n            </div>\n            <div class=\"hb-popconfirm__action\">\n              <button type=\"button\" class=\"hb-popconfirm__btn hb-popconfirm__btn--cancel\" onClick={this.handleCancel}>{this.cancelButtonText}</button>\n              <button type=\"button\" class=\"hb-popconfirm__btn hb-popconfirm__btn--confirm\" onClick={this.handleConfirm}>{this.confirmButtonText}</button>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAgB,w3NACtB,MAAAC,EAAeD,E,MCGFE,EAAU,M,iDAEbC,MAAgB,WAChBC,kBAA4B,KAC5BC,iBAA2B,KAC3BC,UAAuB,MACvBC,SAAoB,MACpBC,KAAe,IACdC,QAAmB,MACnBC,WAAqC,GAEtCC,WACAC,SAEAC,KAAO,KAAQ,IAAKC,KAAKP,SAAU,CAAEO,KAAKL,QAAU,KAAMM,uBAAsB,IAAMD,KAAKE,kB,GAC3FC,KAAO,KAAQH,KAAKL,QAAU,KAAK,EAEnC,cAAAO,GACN,IAAKF,KAAKH,aAAeG,KAAKF,SAAU,OACxC,MAAMM,EAAOJ,KAAKH,WAAWQ,wBAC7B,MAAQC,MAAOC,EAAIC,OAAQC,GAAOT,KAAKF,SAASO,wBAChD,MAAMK,EAAMC,EAAgBP,EAAMG,EAAIE,EAAIT,KAAKR,UAAW,GAC1DQ,KAAKJ,WAAa,CAAEgB,IAAK,GAAGF,EAAIE,QAASC,KAAM,GAAGH,EAAIG,SAAUC,OAAQC,OAAOC,K,CAGzEC,cAAiBC,IAAeA,EAAEC,kBAAmBnB,KAAKG,OAAQH,KAAKoB,GAAGC,cAAc,IAAIC,YAAY,YAAa,CAAEC,QAAS,OAAQ,EACxIC,aAAgBN,IAAeA,EAAEC,kBAAmBnB,KAAKG,OAAQH,KAAKoB,GAAGC,cAAc,IAAIC,YAAY,WAAY,CAAEC,QAAS,OAAQ,EAE9I,MAAAE,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBAAgBC,QAAS7B,KAAKD,MACvC2B,EAAA,OAAAC,IAAA,2CAAKG,IAAMV,IAAcpB,KAAKH,WAAauB,CAAE,EAAKQ,MAAM,0BAAyBF,EAAA,QAAAC,IAAA,8CAChF3B,KAAKL,SACJ+B,EAAA,OAAAC,IAAA,2CAAKG,IAAMV,IAAcpB,KAAKF,SAAWsB,CAAE,EAAKQ,MAAM,uBAAuBG,MAAO/B,KAAKJ,YACvF8B,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACTF,EAAA,QAAAC,IAAA,2CAAMC,MAAM,uBAAuB5B,KAAKN,MACxCgC,EAAA,QAAAC,IAAA,2CAAMC,MAAM,wBAAwB5B,KAAKX,QAE3CqC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yBACTF,EAAA,UAAAC,IAAA,2CAAQK,KAAK,SAASJ,MAAM,gDAAgDC,QAAS7B,KAAKwB,cAAexB,KAAKT,kBAC9GmC,EAAA,UAAAC,IAAA,2CAAQK,KAAK,SAASJ,MAAM,iDAAiDC,QAAS7B,KAAKiB,eAAgBjB,KAAKV,qB","ignoreList":[]}

package/dist/huibo-ui/p-f0ac7db5.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,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{.block{display:block}.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-segmented{background:var(--hb-color-fill);border-radius:var(--hb-border-radius-base);box-sizing:border-box;display:inline-flex;padding:2px}.hb-segmented--block{display:flex;width:100%}.hb-segmented__items{display:inline-flex;gap:2px;width:100%}.hb-segmented--large .hb-segmented__item{font-size:var(--hb-font-size-base);padding:6px 18px}.hb-segmented--default .hb-segmented__item{font-size:var(--hb-font-size-sm);padding:4px 14px}.hb-segmented--small .hb-segmented__item{font-size:var(--hb-font-size-xs);padding:2px 10px}.hb-segmented__item{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;flex:1;font-family:inherit;justify-content:center;line-height:1.5;transition:background .2s,color .2s;white-space:nowrap}.hb-segmented__item:hover:not(.hb-segmented__item--active):not(.hb-segmented__item--disabled){background:var(--hb-color-fill-secondary)}.hb-segmented__item--active{background:var(--hb-color-bg-container);box-shadow:0 2px 8px #00000014;color:var(--hb-color-primary);font-weight:500}.hb-segmented__item--disabled{color:var(--hb-color-text-disabled);cursor:not-allowed}.hb-segmented__item-label{pointer-events: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=o;const a=class{constructor(i){e(this,i);this.hbChange=t(this,"hbChange",7)}modelValue="";block=false;size="default";options=[];hbChange;handleSelect=e=>{if(e.disabled||e.value===this.modelValue)return;this.modelValue=e.value;this.hbChange.emit(e.value)};render(){return i("div",{key:"1e3f2004fd85fbce0d29721006dcf9f415827ec5",class:{"hb-segmented":true,[`hb-segmented--${this.size}`]:true,"hb-segmented--block":this.block}},i("div",{key:"81859de225297f531f53825d792a965356daf685",class:"hb-segmented__items"},this.options.map((e=>i("button",{type:"button",class:{"hb-segmented__item":true,"hb-segmented__item--active":e.value===this.modelValue,"hb-segmented__item--disabled":!!e.disabled},disabled:!!e.disabled,onClick:()=>this.handleSelect(e)},i("span",{class:"hb-segmented__item-label"},e.label))))))}};a.style=n;export{a as hb_segmented};
-//# sourceMappingURL=p-f0ac7db5.entry.js.map

package/dist/huibo-ui/p-f0ac7db5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["segmentedCss","HbSegmentedStyle0","Segmented","modelValue","block","size","options","hbChange","handleSelect","option","disabled","value","this","emit","render","h","key","class","map","type","onClick","label"],"sources":["src/components/Segmented/segmented.css?tag=hb-segmented&encapsulation=shadow","src/components/Segmented/Segmented.tsx"],"sourcesContent":[":host { display: block; }\n.hb-segmented {\n  display: inline-flex;\n  padding: 2px;\n  background: var(--hb-color-fill);\n  border-radius: var(--hb-border-radius-base);\n  box-sizing: border-box;\n}\n.hb-segmented--block { display: flex; width: 100%; }\n.hb-segmented__items { display: inline-flex; gap: 2px; width: 100%; }\n\n/* 尺寸 */\n.hb-segmented--large .hb-segmented__item { padding: 6px 18px; font-size: var(--hb-font-size-base); }\n.hb-segmented--default .hb-segmented__item { padding: 4px 14px; font-size: var(--hb-font-size-sm); }\n.hb-segmented--small .hb-segmented__item { padding: 2px 10px; font-size: var(--hb-font-size-xs); }\n\n.hb-segmented__item {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: transparent;\n  color: var(--hb-color-text);\n  cursor: pointer;\n  border-radius: var(--hb-border-radius-sm);\n  transition: background 0.2s, color 0.2s;\n  white-space: nowrap;\n  flex: 1;\n  line-height: 1.5;\n  font-family: inherit;\n}\n.hb-segmented__item:hover:not(.hb-segmented__item--active):not(.hb-segmented__item--disabled) {\n  background: var(--hb-color-fill-secondary);\n}\n/* 高亮滑块背景 */\n.hb-segmented__item--active {\n  background: var(--hb-color-bg-container);\n  color: var(--hb-color-primary);\n  font-weight: 500;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n.hb-segmented__item--disabled {\n  color: var(--hb-color-text-disabled);\n  cursor: not-allowed;\n}\n.hb-segmented__item-label { pointer-events: none; }\n","import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n/**\n * Segmented 分段控制器组件\n * 类似 iOS 分段控件，选中项有高亮滑块背景\n */\n@Component({ tag: 'hb-segmented', styleUrl: 'segmented.css', shadow: true })\nexport class Segmented {\n  /** 当前选中值 */\n  @Prop({ mutable: true }) modelValue: string = '';\n\n  /** 是否撑满宽度 */\n  @Prop() block: boolean = false;\n\n  /** 尺寸 */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /** 选项数组 */\n  @Prop() options: SegmentedOption[] = [];\n\n  /** 选中值变化事件 */\n  @Event() hbChange: EventEmitter<string>;\n\n  private handleSelect = (option: SegmentedOption) => {\n    if (option.disabled || option.value === this.modelValue) return;\n    this.modelValue = option.value;\n    this.hbChange.emit(option.value);\n  };\n\n  render() {\n    return (\n      <div class={{ 'hb-segmented': true, [`hb-segmented--${this.size}`]: true, 'hb-segmented--block': this.block }}>\n        <div class=\"hb-segmented__items\">\n          {this.options.map((option) => (\n            <button\n              type=\"button\"\n              class={{\n                'hb-segmented__item': true,\n                'hb-segmented__item--active': option.value === this.modelValue,\n                'hb-segmented__item--disabled': !!option.disabled,\n              }}\n              disabled={!!option.disabled}\n              onClick={() => this.handleSelect(option)}\n            >\n              <span class=\"hb-segmented__item-label\">{option.label}</span>\n            </button>\n          ))}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport interface SegmentedOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,8yNACrB,MAAAC,EAAeD,E,MCMFE,EAAS,M,4DAEKC,WAAqB,GAGtCC,MAAiB,MAGjBC,KAAsC,UAGtCC,QAA6B,GAG5BC,SAEDC,aAAgBC,IACtB,GAAIA,EAAOC,UAAYD,EAAOE,QAAUC,KAAKT,WAAY,OACzDS,KAAKT,WAAaM,EAAOE,MACzBC,KAAKL,SAASM,KAAKJ,EAAOE,MAAM,EAGlC,MAAAG,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,eAAgB,KAAM,CAAC,iBAAiBL,KAAKP,QAAS,KAAM,sBAAuBO,KAAKR,QACpGW,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACRL,KAAKN,QAAQY,KAAKT,GACjBM,EAAA,UACEI,KAAK,SACLF,MAAO,CACL,qBAAsB,KACtB,6BAA8BR,EAAOE,QAAUC,KAAKT,WACpD,iCAAkCM,EAAOC,UAE3CA,WAAYD,EAAOC,SACnBU,QAAS,IAAMR,KAAKJ,aAAaC,IAEjCM,EAAA,QAAME,MAAM,4BAA4BR,EAAOY,W","ignoreList":[]}

package/dist/huibo-ui/p-f81ec512.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["imageCss","HbImageStyle0","Image","src","alt","width","height","fit","lazy","preview","radius","loaded","error","previewVisible","handleLoad","this","handleError","render","h","key","class","style","borderRadius","objectFit","loading","undefined","onLoad","onError","onClick"],"sources":["src/components/Image/image.css?tag=hb-image&encapsulation=shadow","src/components/Image/Image.tsx"],"sourcesContent":[":host { display: inline-block; }\n.hb-image { position: relative; display: inline-flex; overflow: hidden; background: var(--hb-color-fill-quaternary); }\n.hb-image__inner { width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s; }\n.hb-image__inner--loaded { opacity: 1; }\n.hb-image__error { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: var(--hb-font-size-sm); color: var(--hb-color-text-secondary); }\n.hb-image__preview { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; z-index: 2000; cursor: zoom-out; }\n.hb-image__preview-img { max-width: 90%; max-height: 90%; object-fit: contain; }\n","import { Component, h, Prop, State } from '@stencil/core';\n\n@Component({ tag: 'hb-image', styleUrl: 'image.css', shadow: true })\nexport class Image {\n  @Prop() src: string = '';\n  @Prop() alt: string = '';\n  @Prop() width?: string;\n  @Prop() height?: string;\n  @Prop() fit: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down' = 'fill';\n  @Prop() lazy: boolean = false;\n  @Prop() preview: boolean = false;\n  @Prop() radius?: string;\n\n  @State() loaded: boolean = false;\n  @State() error: boolean = false;\n  @State() previewVisible: boolean = false;\n\n  private handleLoad = () => { this.loaded = true; };\n  private handleError = () => { this.error = true; };\n\n  render() {\n    return (\n      <div class=\"hb-image\" style={{ width: this.width, height: this.height, borderRadius: this.radius }}>\n        {!this.error ? (\n          <img\n            src={this.src} alt={this.alt}\n            class={{ 'hb-image__inner': true, 'hb-image__inner--loaded': this.loaded }}\n            style={{ objectFit: this.fit }}\n            loading={this.lazy ? 'lazy' : undefined}\n            onLoad={this.handleLoad}\n            onError={this.handleError}\n            onClick={() => this.preview && (this.previewVisible = true)}\n          />\n        ) : (\n          <div class=\"hb-image__error\">图片加载失败</div>\n        )}\n        {this.previewVisible && (\n          <div class=\"hb-image__preview\" onClick={() => { this.previewVisible = false; }}>\n            <img src={this.src} alt={this.alt} class=\"hb-image__preview-img\" />\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAW,opMACjB,MAAAC,EAAeD,E,MCEFE,EAAK,M,yBACRC,IAAc,GACdC,IAAc,GACdC,MACAC,OACAC,IAA4D,OAC5DC,KAAgB,MAChBC,QAAmB,MACnBC,OAECC,OAAkB,MAClBC,MAAiB,MACjBC,eAA0B,MAE3BC,WAAa,KAAQC,KAAKJ,OAAS,IAAI,EACvCK,YAAc,KAAQD,KAAKH,MAAQ,IAAI,EAE/C,MAAAK,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,WAAWC,MAAO,CAAEhB,MAAOU,KAAKV,MAAOC,OAAQS,KAAKT,OAAQgB,aAAcP,KAAKL,UACtFK,KAAKH,MACLM,EAAA,OACEf,IAAKY,KAAKZ,IAAKC,IAAKW,KAAKX,IACzBgB,MAAO,CAAE,kBAAmB,KAAM,0BAA2BL,KAAKJ,QAClEU,MAAO,CAAEE,UAAWR,KAAKR,KACzBiB,QAAST,KAAKP,KAAO,OAASiB,UAC9BC,OAAQX,KAAKD,WACba,QAASZ,KAAKC,YACdY,QAAS,IAAMb,KAAKN,UAAYM,KAAKF,eAAiB,QAGxDK,EAAA,OAAKE,MAAM,mBAAiB,UAE7BL,KAAKF,gBACJK,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBAAoBQ,QAAS,KAAQb,KAAKF,eAAiB,KAAK,GACzEK,EAAA,OAAAC,IAAA,2CAAKhB,IAAKY,KAAKZ,IAAKC,IAAKW,KAAKX,IAAKgB,MAAM,2B","ignoreList":[]}