huibo-ui 0.4.0 → 0.5.0

package/dist/huibo-ui/p-10f6c184.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["imagePreviewCss","HbImagePreviewStyle0","ImagePreview","modelValue","src","srcList","current","zoomStep","minZoom","maxZoom","hbClose","hbChange","zoom","rotate","keyDownHandler","e","this","key","close","prev","next","handleVisibleChange","newVal","document","addEventListener","removeEventListener","handleCurrentChange","componentDidLoad","disconnectedCallback","imageList","length","currentIndex","list","currentSrc","isMulti","emit","emitChange","index","zoomIn","Math","min","round","zoomOut","max","handleReset","handleRotateLeft","handleRotateRight","handleWheel","preventDefault","dir","deltaY","intensity","abs","factor","handleOverlayClick","target","currentTarget","stopAndClose","stopPropagation","render","imgStyle","transform","h","class","onClick","alt","style","onWheel","type"],"sources":["src/components/ImagePreview/image-preview.css?tag=hb-image-preview&encapsulation=shadow","src/components/ImagePreview/ImagePreview.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.hb-image-preview {\n  position: fixed;\n  inset: 0;\n  z-index: var(--hb-z-index-modal-mask, 2000);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--hb-color-bg-mask, rgba(0, 0, 0, 0.5));\n}\n\n.hb-image-preview__wrapper {\n  max-width: 90vw;\n  max-height: 90vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.hb-image-preview__img {\n  max-width: 90vw;\n  max-height: 90vh;\n  object-fit: contain;\n  user-select: none;\n  transition: transform 0.2s ease;\n  pointer-events: none;\n}\n\n.hb-image-preview__btn {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 44px;\n  height: 44px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  border-radius: 50%;\n  background-color: rgba(0, 0, 0, 0.4);\n  color: var(--hb-color-text-inverse, #ffffff);\n  font-size: 28px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background-color var(--hb-transition-duration, 0.2s) ease;\n}\n\n.hb-image-preview__btn:hover {\n  background-color: rgba(0, 0, 0, 0.6);\n}\n\n.hb-image-preview__btn--prev {\n  left: 24px;\n}\n\n.hb-image-preview__btn--next {\n  right: 24px;\n}\n\n.hb-image-preview__toolbar {\n  position: absolute;\n  bottom: 32px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 8px 12px;\n  border-radius: var(--hb-border-radius-base, 4px);\n  background-color: rgba(0, 0, 0, 0.5);\n  color: var(--hb-color-text-inverse, #ffffff);\n}\n\n.hb-image-preview__tool {\n  min-width: 32px;\n  height: 32px;\n  padding: 0 8px;\n  border: none;\n  border-radius: var(--hb-border-radius-sm, 2px);\n  background: transparent;\n  color: var(--hb-color-text-inverse, #ffffff);\n  font-size: 16px;\n  cursor: pointer;\n  transition: background-color var(--hb-transition-duration, 0.2s) ease;\n}\n\n.hb-image-preview__tool:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n\n.hb-image-preview__tool-label {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 48px;\n  padding: 0 4px;\n  font-size: 13px;\n  color: var(--hb-color-text-inverse, #ffffff);\n}\n\n.hb-image-preview__close {\n  position: absolute;\n  top: 24px;\n  right: 24px;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  border-radius: 50%;\n  background-color: rgba(0, 0, 0, 0.4);\n  color: var(--hb-color-text-inverse, #ffffff);\n  font-size: 28px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background-color var(--hb-transition-duration, 0.2s) ease;\n}\n\n.hb-image-preview__close:hover {\n  background-color: rgba(0, 0, 0, 0.6);\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Watch, Element } from '@stencil/core';\n\nexport interface ImagePreviewChangeDetail {\n  src: string;\n  index: number;\n}\n\n/**\n * ImagePreview 图片预览组件\n * 点击图片后展示大图，支持缩放、旋转、多图切换\n */\n@Component({\n  tag: 'hb-image-preview',\n  styleUrl: 'image-preview.css',\n  shadow: true,\n})\nexport class ImagePreview {\n  @Element() el: HTMLElement;\n\n  /** 是否显示预览（受控，可双向） */\n  @Prop({ mutable: true }) modelValue: boolean = false;\n\n  /** 单图源（srcList 为空时使用） */\n  @Prop() src: string = '';\n\n  /** 多图源列表 */\n  @Prop() srcList: string[] = [];\n\n  /** 多图当前索引 */\n  @Prop({ mutable: true }) current: number = 0;\n\n  /** 单次缩放步长 */\n  @Prop() zoomStep: number = 0.2;\n\n  /** 最小缩放比例 */\n  @Prop() minZoom: number = 0.5;\n\n  /** 最大缩放比例 */\n  @Prop() maxZoom: number = 3;\n\n  /** 关闭事件 */\n  @Event() hbClose: EventEmitter<void>;\n\n  /** 切换事件，detail 为 { src, index } */\n  @Event() hbChange: EventEmitter<ImagePreviewChangeDetail>;\n\n  /** 当前缩放比例 */\n  @State() zoom: number = 1;\n\n  /** 当前旋转角度 */\n  @State() rotate: number = 0;\n\n  private keyDownHandler = (e: KeyboardEvent) => {\n    if (!this.modelValue) return;\n    if (e.key === 'Escape') {\n      this.close();\n    } else if (e.key === 'ArrowLeft') {\n      this.prev();\n    } else if (e.key === 'ArrowRight') {\n      this.next();\n    }\n  };\n\n  @Watch('modelValue')\n  handleVisibleChange(newVal: boolean) {\n    if (newVal) {\n      // 打开时重置缩放与旋转\n      this.zoom = 1;\n      this.rotate = 0;\n      document.addEventListener('keydown', this.keyDownHandler);\n    } else {\n      document.removeEventListener('keydown', this.keyDownHandler);\n    }\n  }\n\n  @Watch('current')\n  handleCurrentChange() {\n    // 切换图片时重置变换\n    this.zoom = 1;\n    this.rotate = 0;\n  }\n\n  componentDidLoad() {\n    if (this.modelValue) {\n      document.addEventListener('keydown', this.keyDownHandler);\n    }\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('keydown', this.keyDownHandler);\n  }\n\n  /** 实际可切换的图片列表 */\n  private get imageList(): string[] {\n    if (this.srcList && this.srcList.length > 0) {\n      return this.srcList;\n    }\n    return this.src ? [this.src] : [];\n  }\n\n  private get currentIndex(): number {\n    const list = this.imageList;\n    if (list.length === 0) return 0;\n    if (this.current < 0) return 0;\n    if (this.current >= list.length) return list.length - 1;\n    return this.current;\n  }\n\n  private get currentSrc(): string {\n    const list = this.imageList;\n    if (list.length === 0) return '';\n    return list[this.currentIndex] || '';\n  }\n\n  private get isMulti(): boolean {\n    return this.imageList.length > 1;\n  }\n\n  private close = () => {\n    this.modelValue = false;\n    this.hbClose.emit();\n  };\n\n  private emitChange() {\n    this.hbChange.emit({ src: this.currentSrc, index: this.currentIndex });\n  }\n\n  private next = () => {\n    const list = this.imageList;\n    if (list.length <= 1) return;\n    this.current = (this.currentIndex + 1) % list.length;\n    this.emitChange();\n  };\n\n  private prev = () => {\n    const list = this.imageList;\n    if (list.length <= 1) return;\n    this.current = (this.currentIndex - 1 + list.length) % list.length;\n    this.emitChange();\n  };\n\n  private zoomIn = () => {\n    const next = Math.min(this.zoom + this.zoomStep, this.maxZoom);\n    this.zoom = Math.round(next * 100) / 100;\n  };\n\n  private zoomOut = () => {\n    const next = Math.max(this.zoom - this.zoomStep, this.minZoom);\n    this.zoom = Math.round(next * 100) / 100;\n  };\n\n  private handleReset = () => {\n    this.zoom = 1;\n    this.rotate = 0;\n  };\n\n  private handleRotateLeft = () => {\n    this.rotate = this.rotate - 90;\n  };\n\n  private handleRotateRight = () => {\n    this.rotate = this.rotate + 90;\n  };\n\n  /**\n   * 滚轮缩放（平滑 + 像素级响应）：\n   * 按 deltaY 的绝对值映射缩放因子（小滚幅小步、大滚幅大步），\n   * 并夹取到 [minZoom, maxZoom]，避免抖动与越界。\n   */\n  private handleWheel = (e: WheelEvent) => {\n    e.preventDefault();\n    // 把 deltaY 映射成指数缩放系数：wheel 越快缩放越激进，但单次不超 zoomStep*2\n    const dir = e.deltaY < 0 ? 1 : -1;\n    const intensity = Math.min(Math.abs(e.deltaY) / 100, 2); // 0~2\n    const factor = 1 + dir * this.zoomStep * Math.max(1, intensity);\n    const next = Math.max(this.minZoom, Math.min(this.zoom * factor, this.maxZoom));\n    // 平滑：小数位保留两位，避免浮点累积误差\n    this.zoom = Math.round(next * 100) / 100;\n  };\n\n  /** 点击遮罩空白处关闭 */\n  private handleOverlayClick = (e: MouseEvent) => {\n    if (e.target === e.currentTarget) {\n      this.close();\n    }\n  };\n\n  private stopAndClose = (e: MouseEvent) => {\n    e.stopPropagation();\n    this.close();\n  };\n\n  render() {\n    if (!this.modelValue) return null;\n\n    const imgStyle = {\n      transform: `scale(${this.zoom}) rotate(${this.rotate}deg)`,\n    };\n\n    return (\n      <div class=\"hb-image-preview\" onClick={this.handleOverlayClick}>\n        <div class=\"hb-image-preview__wrapper\">\n          <img\n            class=\"hb-image-preview__img\"\n            src={this.currentSrc}\n            alt=\"\"\n            style={imgStyle}\n            onWheel={this.handleWheel}\n          />\n        </div>\n\n        {this.isMulti && (\n          <button\n            type=\"button\"\n            class=\"hb-image-preview__btn hb-image-preview__btn--prev\"\n            onClick={this.prev}\n            aria-label=\"上一张\"\n          >\n            ‹\n          </button>\n        )}\n        {this.isMulti && (\n          <button\n            type=\"button\"\n            class=\"hb-image-preview__btn hb-image-preview__btn--next\"\n            onClick={this.next}\n            aria-label=\"下一张\"\n          >\n            ›\n          </button>\n        )}\n\n        <div class=\"hb-image-preview__toolbar\" onClick={(e) => e.stopPropagation()}>\n          <button type=\"button\" class=\"hb-image-preview__tool\" onClick={this.zoomOut} aria-label=\"缩小\">\n            －\n          </button>\n          <span class=\"hb-image-preview__tool-label\">{Math.round(this.zoom * 100)}%</span>\n          <button type=\"button\" class=\"hb-image-preview__tool\" onClick={this.zoomIn} aria-label=\"放大\">\n            ＋\n          </button>\n          <button type=\"button\" class=\"hb-image-preview__tool\" onClick={this.handleRotateLeft} aria-label=\"左旋\">\n            ↺\n          </button>\n          <button type=\"button\" class=\"hb-image-preview__tool\" onClick={this.handleRotateRight} aria-label=\"右旋\">\n            ↻\n          </button>\n          <button type=\"button\" class=\"hb-image-preview__tool\" onClick={this.handleReset} aria-label=\"重置\">\n            ⟲\n          </button>\n          <button type=\"button\" class=\"hb-image-preview__tool\" onClick={this.stopAndClose} aria-label=\"关闭\">\n            ✕\n          </button>\n        </div>\n\n        <button\n          type=\"button\"\n          class=\"hb-image-preview__close\"\n          onClick={this.stopAndClose}\n          aria-label=\"关闭\"\n        >\n          ×\n        </button>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["imagePreviewCss","HbImagePreviewStyle0","ImagePreview","modelValue","src","srcList","current","zoomStep","minZoom","maxZoom","hbClose","hbChange","zoom","rotate","keyDownHandler","e","this","key","close","prev","next","handleVisibleChange","newVal","document","addEventListener","removeEventListener","handleCurrentChange","componentDidLoad","disconnectedCallback","imageList","length","currentIndex","list","currentSrc","isMulti","emit","emitChange","index","zoomIn","Math","min","round","zoomOut","max","handleReset","handleRotateLeft","handleRotateRight","handleWheel","preventDefault","dir","deltaY","intensity","abs","factor","handleOverlayClick","target","currentTarget","stopAndClose","stopPropagation","render","imgStyle","transform","h","class","onClick","alt","style","onWheel","type"],"sources":["src/components/ImagePreview/image-preview.css?tag=hb-image-preview&encapsulation=shadow","src/components/ImagePreview/ImagePreview.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.hb-image-preview {\n  position: fixed;\n  inset: 0;\n  z-index: var(--hb-z-index-modal-mask, 2000);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--hb-color-bg-mask, rgba(0, 0, 0, 0.5));\n}\n\n.hb-image-preview__wrapper {\n  max-width: 90vw;\n  max-height: 90vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.hb-image-preview__img {\n  max-width: 90vw;\n  max-height: 90vh;\n  object-fit: contain;\n  user-select: none;\n  transition: transform 0.2s ease;\n  pointer-events: none;\n}\n\n.hb-image-preview__btn {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 44px;\n  height: 44px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  border-radius: 50%;\n  background-color: rgba(0, 0, 0, 0.4);\n  color: var(--hb-color-text-inverse, #ffffff);\n  font-size: 28px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background-color var(--hb-transition-duration, 0.2s) ease;\n}\n\n.hb-image-preview__btn:hover {\n  background-color: rgba(0, 0, 0, 0.6);\n}\n\n.hb-image-preview__btn--prev {\n  left: 24px;\n}\n\n.hb-image-preview__btn--next {\n  right: 24px;\n}\n\n.hb-image-preview__toolbar {\n  position: absolute;\n  bottom: 32px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 8px 12px;\n  border-radius: var(--hb-border-radius-base, 4px);\n  background-color: rgba(0, 0, 0, 0.5);\n  color: var(--hb-color-text-inverse, #ffffff);\n}\n\n.hb-image-preview__tool {\n  min-width: 32px;\n  height: 32px;\n  padding: 0 8px;\n  border: none;\n  border-radius: var(--hb-border-radius-sm, 2px);\n  background: transparent;\n  color: var(--hb-color-text-inverse, #ffffff);\n  font-size: 16px;\n  cursor: pointer;\n  transition: background-color var(--hb-transition-duration, 0.2s) ease;\n}\n\n.hb-image-preview__tool:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n\n.hb-image-preview__tool-label {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 48px;\n  padding: 0 4px;\n  font-size: 13px;\n  color: var(--hb-color-text-inverse, #ffffff);\n}\n\n.hb-image-preview__close {\n  position: absolute;\n  top: 24px;\n  right: 24px;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  border-radius: 50%;\n  background-color: rgba(0, 0, 0, 0.4);\n  color: var(--hb-color-text-inverse, #ffffff);\n  font-size: 28px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background-color var(--hb-transition-duration, 0.2s) ease;\n}\n\n.hb-image-preview__close:hover {\n  background-color: rgba(0, 0, 0, 0.6);\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Watch, Element } from '@stencil/core';\n\nexport interface ImagePreviewChangeDetail {\n  src: string;\n  index: number;\n}\n\n/**\n * ImagePreview 图片预览组件\n * 点击图片后展示大图，支持缩放、旋转、多图切换\n */\n@Component({\n  tag: 'hb-image-preview',\n  styleUrl: 'image-preview.css',\n  shadow: true,\n})\nexport class ImagePreview {\n  @Element() el: HTMLElement;\n\n  /** 是否显示预览（受控，可双向） */\n  @Prop({ mutable: true }) modelValue: boolean = false;\n\n  /** 单图源（srcList 为空时使用） */\n  @Prop() src: string = '';\n\n  /** 多图源列表 */\n  @Prop() srcList: string[] = [];\n\n  /** 多图当前索引 */\n  @Prop({ mutable: true }) current: number = 0;\n\n  /** 单次缩放步长 */\n  @Prop() zoomStep: number = 0.2;\n\n  /** 最小缩放比例 */\n  @Prop() minZoom: number = 0.5;\n\n  /** 最大缩放比例 */\n  @Prop() maxZoom: number = 3;\n\n  /** 关闭事件 */\n  @Event() hbClose: EventEmitter<void>;\n\n  /** 切换事件，detail 为 { src, index } */\n  @Event() hbChange: EventEmitter<ImagePreviewChangeDetail>;\n\n  /** 当前缩放比例 */\n  @State() zoom: number = 1;\n\n  /** 当前旋转角度 */\n  @State() rotate: number = 0;\n\n  private keyDownHandler = (e: KeyboardEvent) => {\n    if (!this.modelValue) return;\n    if (e.key === 'Escape') {\n      this.close();\n    } else if (e.key === 'ArrowLeft') {\n      this.prev();\n    } else if (e.key === 'ArrowRight') {\n      this.next();\n    }\n  };\n\n  @Watch('modelValue')\n  handleVisibleChange(newVal: boolean) {\n    if (newVal) {\n      // 打开时重置缩放与旋转\n      this.zoom = 1;\n      this.rotate = 0;\n      document.addEventListener('keydown', this.keyDownHandler);\n    } else {\n      document.removeEventListener('keydown', this.keyDownHandler);\n    }\n  }\n\n  @Watch('current')\n  handleCurrentChange() {\n    // 切换图片时重置变换\n    this.zoom = 1;\n    this.rotate = 0;\n  }\n\n  componentDidLoad() {\n    if (this.modelValue) {\n      document.addEventListener('keydown', this.keyDownHandler);\n    }\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('keydown', this.keyDownHandler);\n  }\n\n  /** 实际可切换的图片列表 */\n  private get imageList(): string[] {\n    if (this.srcList && this.srcList.length > 0) {\n      return this.srcList;\n    }\n    return this.src ? [this.src] : [];\n  }\n\n  private get currentIndex(): number {\n    const list = this.imageList;\n    if (list.length === 0) return 0;\n    if (this.current < 0) return 0;\n    if (this.current >= list.length) return list.length - 1;\n    return this.current;\n  }\n\n  private get currentSrc(): string {\n    const list = this.imageList;\n    if (list.length === 0) return '';\n    return list[this.currentIndex] || '';\n  }\n\n  private get isMulti(): boolean {\n    return this.imageList.length > 1;\n  }\n\n  private close = () => {\n    this.modelValue = false;\n    this.hbClose.emit();\n  };\n\n  private emitChange() {\n    this.hbChange.emit({ src: this.currentSrc, index: this.currentIndex });\n  }\n\n  private next = () => {\n    const list = this.imageList;\n    if (list.length <= 1) return;\n    this.current = (this.currentIndex + 1) % list.length;\n    this.emitChange();\n  };\n\n  private prev = () => {\n    const list = this.imageList;\n    if (list.length <= 1) return;\n    this.current = (this.currentIndex - 1 + list.length) % list.length;\n    this.emitChange();\n  };\n\n  private zoomIn = () => {\n    const next = Math.min(this.zoom + this.zoomStep, this.maxZoom);\n    this.zoom = Math.round(next * 100) / 100;\n  };\n\n  private zoomOut = () => {\n    const next = Math.max(this.zoom - this.zoomStep, this.minZoom);\n    this.zoom = Math.round(next * 100) / 100;\n  };\n\n  private handleReset = () => {\n    this.zoom = 1;\n    this.rotate = 0;\n  };\n\n  private handleRotateLeft = () => {\n    this.rotate = this.rotate - 90;\n  };\n\n  private handleRotateRight = () => {\n    this.rotate = this.rotate + 90;\n  };\n\n  /**\n   * 滚轮缩放（平滑 + 像素级响应）：\n   * 按 deltaY 的绝对值映射缩放因子（小滚幅小步、大滚幅大步），\n   * 并夹取到 [minZoom, maxZoom]，避免抖动与越界。\n   */\n  private handleWheel = (e: WheelEvent) => {\n    e.preventDefault();\n    // 把 deltaY 映射成指数缩放系数：wheel 越快缩放越激进，但单次不超 zoomStep*2\n    const dir = e.deltaY < 0 ? 1 : -1;\n    const intensity = Math.min(Math.abs(e.deltaY) / 100, 2); // 0~2\n    const factor = 1 + dir * this.zoomStep * Math.max(1, intensity);\n    const next = Math.max(this.minZoom, Math.min(this.zoom * factor, this.maxZoom));\n    // 平滑：小数位保留两位，避免浮点累积误差\n    this.zoom = Math.round(next * 100) / 100;\n  };\n\n  /** 点击遮罩空白处关闭 */\n  private handleOverlayClick = (e: MouseEvent) => {\n    if (e.target === e.currentTarget) {\n      this.close();\n    }\n  };\n\n  private stopAndClose = (e: MouseEvent) => {\n    e.stopPropagation();\n    this.close();\n  };\n\n  render() {\n    if (!this.modelValue) return null;\n\n    const imgStyle = {\n      transform: `scale(${this.zoom}) rotate(${this.rotate}deg)`,\n    };\n\n    return (\n      <div class=\"hb-image-preview\" onClick={this.handleOverlayClick}>\n        <div class=\"hb-image-preview__wrapper\">\n          <img class=\"hb-image-preview__img\" src={this.currentSrc} alt=\"\" style={imgStyle} onWheel={this.handleWheel} />\n        </div>\n\n        {this.isMulti && (\n          <button type=\"button\" class=\"hb-image-preview__btn hb-image-preview__btn--prev\" onClick={this.prev} aria-label=\"上一张\">\n            ‹\n          </button>\n        )}\n        {this.isMulti && (\n          <button type=\"button\" class=\"hb-image-preview__btn hb-image-preview__btn--next\" onClick={this.next} aria-label=\"下一张\">\n            ›\n          </button>\n        )}\n\n        <div class=\"hb-image-preview__toolbar\" onClick={e => e.stopPropagation()}>\n          <button type=\"button\" class=\"hb-image-preview__tool\" onClick={this.zoomOut} aria-label=\"缩小\">\n            －\n          </button>\n          <span class=\"hb-image-preview__tool-label\">{Math.round(this.zoom * 100)}%</span>\n          <button type=\"button\" class=\"hb-image-preview__tool\" onClick={this.zoomIn} aria-label=\"放大\">\n            ＋\n          </button>\n          <button type=\"button\" class=\"hb-image-preview__tool\" onClick={this.handleRotateLeft} aria-label=\"左旋\">\n            ↺\n          </button>\n          <button type=\"button\" class=\"hb-image-preview__tool\" onClick={this.handleRotateRight} aria-label=\"右旋\">\n            ↻\n          </button>\n          <button type=\"button\" class=\"hb-image-preview__tool\" onClick={this.handleReset} aria-label=\"重置\">\n            ⟲\n          </button>\n          <button type=\"button\" class=\"hb-image-preview__tool\" onClick={this.stopAndClose} aria-label=\"关闭\">\n            ✕\n          </button>\n        </div>\n\n        <button type=\"button\" class=\"hb-image-preview__close\" onClick={this.stopAndClose} aria-label=\"关闭\">\n          ×\n        </button>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/{p-f4336be9.entry.js → p-14c3b47b.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i}from"./p-e42dfa95.js";import{p as a,a as o,b as r,M as n,c as s,g as l,W as d,d as h}from"./p-08b4005c.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:block}.hb-date-picker-pane{background-color:var(--hb-color-white,#fff);border-radius:4px;padding:12px}.hb-date-picker-pane__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hb-date-picker-pane__header-label{background:0 0;border:none;border-radius:4px;color:var(--hb-color-text-regular,#606266);cursor:pointer;font-size:14px;font-weight:600;padding:4px 8px;transition:color .2s,background-color .2s}.hb-date-picker-pane__header-label:hover{background-color:var(--hb-fill-color-light,#f5f7fa);color:var(--hb-color-primary)}.hb-date-picker-pane__next-btn,.hb-date-picker-pane__prev-btn{background:0 0;border:none;color:var(--hb-color-text-regular,#606266);cursor:pointer;font-size:18px;padding:4px 8px;transition:color .2s}.hb-date-picker-pane__next-btn:hover,.hb-date-picker-pane__prev-btn:hover{color:var(--hb-color-primary)}.hb-date-picker-pane__weekdays{display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.hb-date-picker-pane__weekday{color:var(--hb-color-text-placeholder,#c0c4cc);font-size:12px;font-weight:500;text-align:center}.hb-date-picker-pane__days{display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.hb-date-picker-pane__day{align-items:center;aspect-ratio:1;border-radius:4px;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:flex;font-size:13px;justify-content:center;transition:all .2s}.hb-date-picker-pane__day:hover:not(.hb-date-picker-pane__day--other-month){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-date-picker-pane__day--other-month{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:default}.hb-date-picker-pane__day--today{color:var(--hb-color-primary);font-weight:600}.hb-date-picker-pane__day--selected{background-color:var(--hb-color-primary);color:var(--hb-color-white,#fff)}.hb-date-picker-pane__months,.hb-date-picker-pane__years{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:4px 0}.hb-date-picker-pane__month,.hb-date-picker-pane__year{align-items:center;border-radius:4px;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:flex;font-size:13px;justify-content:center;min-height:48px;transition:background-color .2s,color .2s}.hb-date-picker-pane__month:hover,.hb-date-picker-pane__year:hover{background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-date-picker-pane__month--current,.hb-date-picker-pane__year--current{color:var(--hb-color-primary);font-weight:600}.hb-date-picker-pane__month--selected,.hb-date-picker-pane__year--selected{background-color:var(--hb-color-primary);color:var(--hb-color-white,#fff)}@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 c=p;const b=class{constructor(i){e(this,i);this.hbChange=t(this,"hbChange",7);this.hbViewChange=t(this,"hbViewChange",7)}modelValue;format="YYYY-MM-DD";view="days";selectedDate;hbChange;hbViewChange;componentDidLoad(){this.updateSelectedDate()}handleValueChange(){this.updateSelectedDate()}updateSelectedDate(){this.selectedDate=a(this.modelValue)}handleDateSelect=e=>{this.selectedDate=e;this.modelValue=e;this.hbChange.emit(e)};handlePrev=()=>{const e=this.selectedDate||new Date;if(this.view==="days"){this.selectedDate=o(e,-1)}else if(this.view==="months"){this.selectedDate=r(e,-1)}else{this.selectedDate=r(e,-12)}};handleNext=()=>{const e=this.selectedDate||new Date;if(this.view==="days"){this.selectedDate=o(e,1)}else if(this.view==="months"){this.selectedDate=r(e,1)}else{this.selectedDate=r(e,12)}};handleHeaderTitleClick=()=>{if(this.view==="days"){this.view="months"}else if(this.view==="months"){this.view="years"}this.hbViewChange.emit(this.view)};handleMonthSelect=e=>{const t=this.selectedDate||new Date;const i=new Date(t);i.setMonth(e);this.selectedDate=i;this.view="days";this.hbViewChange.emit(this.view)};handleYearSelect=e=>{const t=this.selectedDate||new Date;const i=new Date(t);i.setFullYear(e);this.selectedDate=i;this.view="months";this.hbViewChange.emit(this.view)};getHeaderTitle(){const e=this.selectedDate||new Date;if(this.view==="days"){return`${e.getFullYear()}年 ${n[e.getMonth()]}`}if(this.view==="months"){return`${e.getFullYear()}年`}const t=s(e);return`${t} - ${t+11}`}render(){const e=this.selectedDate||new Date;return i("div",{key:"e85553514263ff1112d1d3a519f6e283f03e4eca",class:"hb-date-picker-pane"},i("div",{key:"05f8dff146116f3f4e5b09ab1a16bba45bf81b55",class:"hb-date-picker-pane__header"},i("button",{key:"eff475c34cd894a60564e63feef88de2f86ca5eb",type:"button",class:"hb-date-picker-pane__prev-btn","aria-label":"上一个",onClick:this.handlePrev},"‹"),i("button",{key:"da0443845d09f85ae024ef2dd66c65141f4fdd22",type:"button",class:"hb-date-picker-pane__header-label","aria-live":"polite",onClick:this.handleHeaderTitleClick},this.getHeaderTitle()),i("button",{key:"d15be17b942f15bfcb58a43afa1c31aeed8fcd18",type:"button",class:"hb-date-picker-pane__next-btn","aria-label":"下一个",onClick:this.handleNext},"›")),this.view==="days"&&this.renderDaysView(),this.view==="months"&&this.renderMonthsView(e),this.view==="years"&&this.renderYearsView(e))}renderDaysView(){const e=l(this.selectedDate||new Date,this.selectedDate);return i("div",{class:"hb-date-picker-pane__body"},i("div",{class:"hb-date-picker-pane__weekdays"},d.map((e=>i("div",{class:"hb-date-picker-pane__weekday"},e)))),i("div",{class:"hb-date-picker-pane__days"},e.map(((e,t)=>i("div",{key:t,class:{"hb-date-picker-pane__day":true,"hb-date-picker-pane__day--other-month":!e.isCurrentMonth,"hb-date-picker-pane__day--today":e.isToday,"hb-date-picker-pane__day--selected":e.isSelected},onClick:()=>e.isCurrentMonth&&this.handleDateSelect(e.date)},e.date.getDate())))))}renderMonthsView(e){const t=a(this.modelValue);const o=t?t.getMonth():-1;const r=t?t.getFullYear():-1;return i("div",{class:"hb-date-picker-pane__body"},i("div",{class:"hb-date-picker-pane__months"},n.map(((t,a)=>i("div",{key:a,class:{"hb-date-picker-pane__month":true,"hb-date-picker-pane__month--current":a===e.getMonth(),"hb-date-picker-pane__month--selected":a===o&&e.getFullYear()===r},onClick:()=>this.handleMonthSelect(a)},t)))))}renderYearsView(e){const t=a(this.modelValue);const o=h(this.selectedDate||new Date,t);return i("div",{class:"hb-date-picker-pane__body"},i("div",{class:"hb-date-picker-pane__years"},o.map((t=>i("div",{key:t.year,class:{"hb-date-picker-pane__year":true,"hb-date-picker-pane__year--current":t.year===e.getFullYear(),"hb-date-picker-pane__year--selected":t.isSelected},onClick:()=>this.handleYearSelect(t.year)},t.year)))))}static get watchers(){return{modelValue:["handleValueChange"]}}};b.style=c;export{b as hb_date_picker_pane};
-//# sourceMappingURL=p-f4336be9.entry.js.map
+import{r as e,c as t,h as i}from"./p-e42dfa95.js";import{p as a,a as o,b as r,M as n,c as s,g as l,W as d,d as h}from"./p-e0876aca.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:block}.hb-date-picker-pane{background-color:var(--hb-color-white,#fff);border-radius:4px;padding:12px}.hb-date-picker-pane__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hb-date-picker-pane__header-label{background:0 0;border:none;border-radius:4px;color:var(--hb-color-text-regular,#606266);cursor:pointer;font-size:14px;font-weight:600;padding:4px 8px;transition:color .2s,background-color .2s}.hb-date-picker-pane__header-label:hover{background-color:var(--hb-fill-color-light,#f5f7fa);color:var(--hb-color-primary)}.hb-date-picker-pane__next-btn,.hb-date-picker-pane__prev-btn{background:0 0;border:none;color:var(--hb-color-text-regular,#606266);cursor:pointer;font-size:18px;padding:4px 8px;transition:color .2s}.hb-date-picker-pane__next-btn:hover,.hb-date-picker-pane__prev-btn:hover{color:var(--hb-color-primary)}.hb-date-picker-pane__weekdays{display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.hb-date-picker-pane__weekday{color:var(--hb-color-text-placeholder,#c0c4cc);font-size:12px;font-weight:500;text-align:center}.hb-date-picker-pane__days{display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.hb-date-picker-pane__day{align-items:center;aspect-ratio:1;border-radius:4px;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:flex;font-size:13px;justify-content:center;transition:all .2s}.hb-date-picker-pane__day:hover:not(.hb-date-picker-pane__day--other-month){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-date-picker-pane__day--other-month{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:default}.hb-date-picker-pane__day--today{color:var(--hb-color-primary);font-weight:600}.hb-date-picker-pane__day--selected{background-color:var(--hb-color-primary);color:var(--hb-color-white,#fff)}.hb-date-picker-pane__months,.hb-date-picker-pane__years{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:4px 0}.hb-date-picker-pane__month,.hb-date-picker-pane__year{align-items:center;border-radius:4px;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:flex;font-size:13px;justify-content:center;min-height:48px;transition:background-color .2s,color .2s}.hb-date-picker-pane__month:hover,.hb-date-picker-pane__year:hover{background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-date-picker-pane__month--current,.hb-date-picker-pane__year--current{color:var(--hb-color-primary);font-weight:600}.hb-date-picker-pane__month--selected,.hb-date-picker-pane__year--selected{background-color:var(--hb-color-primary);color:var(--hb-color-white,#fff)}@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 c=p;const b=class{constructor(i){e(this,i);this.hbChange=t(this,"hbChange",7);this.hbViewChange=t(this,"hbViewChange",7)}modelValue;format="YYYY-MM-DD";view="days";selectedDate;hbChange;hbViewChange;componentDidLoad(){this.updateSelectedDate()}handleValueChange(){this.updateSelectedDate()}updateSelectedDate(){this.selectedDate=a(this.modelValue)}handleDateSelect=e=>{this.selectedDate=e;this.modelValue=e;this.hbChange.emit(e)};handlePrev=()=>{const e=this.selectedDate||new Date;if(this.view==="days"){this.selectedDate=o(e,-1)}else if(this.view==="months"){this.selectedDate=r(e,-1)}else{this.selectedDate=r(e,-12)}};handleNext=()=>{const e=this.selectedDate||new Date;if(this.view==="days"){this.selectedDate=o(e,1)}else if(this.view==="months"){this.selectedDate=r(e,1)}else{this.selectedDate=r(e,12)}};handleHeaderTitleClick=()=>{if(this.view==="days"){this.view="months"}else if(this.view==="months"){this.view="years"}this.hbViewChange.emit(this.view)};handleMonthSelect=e=>{const t=this.selectedDate||new Date;const i=new Date(t);i.setMonth(e);this.selectedDate=i;this.view="days";this.hbViewChange.emit(this.view)};handleYearSelect=e=>{const t=this.selectedDate||new Date;const i=new Date(t);i.setFullYear(e);this.selectedDate=i;this.view="months";this.hbViewChange.emit(this.view)};getHeaderTitle(){const e=this.selectedDate||new Date;if(this.view==="days"){return`${e.getFullYear()}年 ${n[e.getMonth()]}`}if(this.view==="months"){return`${e.getFullYear()}年`}const t=s(e);return`${t} - ${t+11}`}render(){const e=this.selectedDate||new Date;return i("div",{key:"e85553514263ff1112d1d3a519f6e283f03e4eca",class:"hb-date-picker-pane"},i("div",{key:"05f8dff146116f3f4e5b09ab1a16bba45bf81b55",class:"hb-date-picker-pane__header"},i("button",{key:"eff475c34cd894a60564e63feef88de2f86ca5eb",type:"button",class:"hb-date-picker-pane__prev-btn","aria-label":"上一个",onClick:this.handlePrev},"‹"),i("button",{key:"da0443845d09f85ae024ef2dd66c65141f4fdd22",type:"button",class:"hb-date-picker-pane__header-label","aria-live":"polite",onClick:this.handleHeaderTitleClick},this.getHeaderTitle()),i("button",{key:"d15be17b942f15bfcb58a43afa1c31aeed8fcd18",type:"button",class:"hb-date-picker-pane__next-btn","aria-label":"下一个",onClick:this.handleNext},"›")),this.view==="days"&&this.renderDaysView(),this.view==="months"&&this.renderMonthsView(e),this.view==="years"&&this.renderYearsView(e))}renderDaysView(){const e=l(this.selectedDate||new Date,this.selectedDate);return i("div",{class:"hb-date-picker-pane__body"},i("div",{class:"hb-date-picker-pane__weekdays"},d.map((e=>i("div",{class:"hb-date-picker-pane__weekday"},e)))),i("div",{class:"hb-date-picker-pane__days"},e.map(((e,t)=>i("div",{key:t,class:{"hb-date-picker-pane__day":true,"hb-date-picker-pane__day--other-month":!e.isCurrentMonth,"hb-date-picker-pane__day--today":e.isToday,"hb-date-picker-pane__day--selected":e.isSelected},onClick:()=>e.isCurrentMonth&&this.handleDateSelect(e.date)},e.date.getDate())))))}renderMonthsView(e){const t=a(this.modelValue);const o=t?t.getMonth():-1;const r=t?t.getFullYear():-1;return i("div",{class:"hb-date-picker-pane__body"},i("div",{class:"hb-date-picker-pane__months"},n.map(((t,a)=>i("div",{key:a,class:{"hb-date-picker-pane__month":true,"hb-date-picker-pane__month--current":a===e.getMonth(),"hb-date-picker-pane__month--selected":a===o&&e.getFullYear()===r},onClick:()=>this.handleMonthSelect(a)},t)))))}renderYearsView(e){const t=a(this.modelValue);const o=h(this.selectedDate||new Date,t);return i("div",{class:"hb-date-picker-pane__body"},i("div",{class:"hb-date-picker-pane__years"},o.map((t=>i("div",{key:t.year,class:{"hb-date-picker-pane__year":true,"hb-date-picker-pane__year--current":t.year===e.getFullYear(),"hb-date-picker-pane__year--selected":t.isSelected},onClick:()=>this.handleYearSelect(t.year)},t.year)))))}static get watchers(){return{modelValue:["handleValueChange"]}}};b.style=c;export{b as hb_date_picker_pane};
+//# sourceMappingURL=p-14c3b47b.entry.js.map

package/dist/huibo-ui/{p-c50ad398.entry.js → p-193efdc0.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e}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-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--hb-spacing-xl)0}.hb-empty__image{font-size:48px;margin-bottom:var(--hb-spacing-sm)}.hb-empty__image img{height:auto;width:160px}.hb-empty__description{color:var(--hb-color-text-secondary);font-size:var(--hb-font-size-sm)}.hb-empty__footer{margin-top: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=i;const a=class{constructor(e){t(this,e)}description="暂无数据";image;render(){return e("div",{key:"c5d0bd8a84173bfd5dfa42255288ea2a712c5d7d",class:"hb-empty"},e("div",{key:"286d98932465bb79a74a3db494fee2cbd89e06fc",class:"hb-empty__image"},this.image?e("img",{src:this.image,alt:this.description}):e("span",{class:"hb-empty__icon"},"📭")),e("div",{key:"f8c1af87ab0308ebd0703aaaaffd5c3af3317235",class:"hb-empty__description"},this.description),e("div",{key:"3bbed3cb38933b0ed47ff34409b7f18c7a14044a",class:"hb-empty__footer"},e("slot",{key:"2ffb28e71fe2558c601597265e55bca599617997"})))}};a.style=o;export{a as hb_empty};
-//# sourceMappingURL=p-c50ad398.entry.js.map
+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-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--hb-spacing-xl)0}.hb-empty__image{font-size:48px;margin-bottom:var(--hb-spacing-sm)}.hb-empty__image img{height:auto;width:160px}.hb-empty__description{color:var(--hb-color-text-secondary);font-size:var(--hb-font-size-sm)}.hb-empty__footer{margin-top: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=i;const a=class{constructor(t){e(this,t)}description="暂无数据";image;render(){return t("div",{key:"716385f61e4692d30d9ef0dab2671b4ee4a8381a",class:"hb-empty"},t("div",{key:"39162ccfefa991ae63a59f585e7a91179b64523a",class:"hb-empty__image"},this.image?t("img",{src:this.image,alt:this.description}):t("span",{class:"hb-empty__icon"},"📭")),t("div",{key:"2ada1cc904ba094aaaf863d82ead88b81576590e",class:"hb-empty__description"},this.description),t("div",{key:"cb573d62ea4d81a66815a27be96617e0a3c3e470",class:"hb-empty__footer"},t("slot",{key:"424ec328528ea66240ae4216e178bfc7f5ba2acd"})))}};a.style=o;export{a as hb_empty};
+//# sourceMappingURL=p-193efdc0.entry.js.map

package/dist/huibo-ui/{p-735bceef.entry.js → p-1b98152b.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,g as t,h as o}from"./p-e42dfa95.js";import{c as r}from"./p-4ef5a884.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{--hb-time-picker-font-size:14px;--hb-time-picker-height:32px;--hb-time-picker-border-color:var(--hb-border-color,#dcdfe6);--hb-time-picker-border-color-hover:var(--hb-color-primary);--hb-time-picker-bg-color:var(--hb-color-white,#fff);display:inline-block;position:relative}.hb-time-picker{display:inline-block;position:relative;width:200px}.hb-time-picker__input-wrapper{cursor:pointer;display:inline-block;position:relative;width:100%}.hb-time-picker__input{background-color:var(--hb-time-picker-bg-color);border:1px solid var(--hb-time-picker-border-color);border-radius:4px;box-sizing:border-box;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:inline-block;font-size:var(--hb-time-picker-font-size);height:var(--hb-time-picker-height);line-height:var(--hb-time-picker-height);outline:none;padding:0 30px 0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.hb-time-picker__input:hover:not(:disabled){border-color:var(--hb-time-picker-border-color-hover)}.hb-time-picker__suffix{align-items:center;display:flex;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.hb-time-picker__clear{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:pointer;font-size:16px;margin-right:8px}.hb-time-picker__icon{font-size:14px}.hb-time-picker__dropdown{background-color:var(--hb-time-picker-bg-color);border:1px solid var(--hb-time-picker-border-color);border-radius:4px;box-shadow:0 2px 12px #0000001a;left:0;margin-top:4px;max-height:300px;min-width:200px;position:absolute;top:100%;z-index:1000}.hb-time-picker__body{display:flex;padding:8px}.hb-time-picker__list{flex:1;max-height:280px;overflow-y:auto}.hb-time-picker__list-title{border-bottom:1px solid var(--hb-border-color-lighter,#e4e7ed);color:var(--hb-color-text-placeholder,#c0c4cc);font-size:12px;padding:8px 0;text-align:center}.hb-time-picker__list-content{padding:4px 0}.hb-time-picker__item{color:var(--hb-color-text-regular,#606266);cursor:pointer;font-size:13px;padding:8px 16px;text-align:center;transition:background-color .2s}.hb-time-picker__item:hover{background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-time-picker__item--selected{background-color:var(--hb-color-primary-light-9,#ecf5ff);color:var(--hb-color-primary);font-weight:600}.hb-time-picker--small{width:180px}.hb-time-picker--small .hb-time-picker__input{font-size:12px;height:24px;line-height:24px}.hb-time-picker--large{width:220px}.hb-time-picker--large .hb-time-picker__input{font-size:16px;height:40px;line-height:40px}.hb-time-picker--disabled{cursor:not-allowed}.hb-time-picker--disabled .hb-time-picker__input{background-color:var(--hb-fill-color-light,#f5f7fa);border-color:var(--hb-time-picker-border-color);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 n=a;const s=class{constructor(t){e(this,t);this.hbChange=i(this,"hbChange",7)}get el(){return t(this)}modelValue;placeholder="请选择时间";disabled=false;size="default";clearable=false;format="HH:mm:ss";name;inputId;isOpen=false;inputValue="";selectedHour=0;selectedMinute=0;selectedSecond=0;hbChange;clickOutside=r({host:null,isOpen:()=>this.isOpen,onClose:()=>{this.isOpen=false}});componentDidLoad(){this.clickOutside=r({host:this.el,isOpen:()=>this.isOpen,onClose:()=>{this.isOpen=false}});this.clickOutside.connect();this.updateInputValue()}disconnectedCallback(){this.clickOutside.disconnect()}handleValueChange(){this.updateInputValue()}updateInputValue(){if(!this.modelValue){this.inputValue="";return}const e=this.modelValue.split(":");if(e.length>=2){this.selectedHour=parseInt(e[0])||0;this.selectedMinute=parseInt(e[1])||0;this.selectedSecond=parseInt(e[2])||0;this.inputValue=this.modelValue}}handleInputClick=()=>{if(this.disabled)return;this.isOpen=!this.isOpen};handleClear=e=>{e.stopPropagation();this.modelValue=undefined;this.inputValue="";this.isOpen=false;this.hbChange.emit(undefined)};handleTimeSelect=(e,i,t)=>{this.selectedHour=e;this.selectedMinute=i;this.selectedSecond=t;const o=`${String(e).padStart(2,"0")}:${String(i).padStart(2,"0")}:${String(t).padStart(2,"0")}`;this.modelValue=o;this.inputValue=o;this.isOpen=false;this.hbChange.emit(o)};generateNumbers(e){return Array.from({length:e+1},((e,i)=>i))}render(){const e=this.generateNumbers(23);const i=this.generateNumbers(59);const t=this.generateNumbers(59);return o("div",{key:"8cdcf950bac041ffacd5221763ad1784de2d7b2b",class:{"hb-time-picker":true,"hb-time-picker--open":this.isOpen,"hb-time-picker--disabled":this.disabled,[`hb-time-picker--${this.size}`]:true}},o("div",{key:"bfc62529cec7d175e639095f47b579477c5a9de0",class:"hb-time-picker__input-wrapper",onClick:this.handleInputClick},o("input",{key:"64627f0f677f6274db4b95ac5ea594b372aa72a5",type:"text",id:this.inputId,name:this.name,class:"hb-time-picker__input",placeholder:this.placeholder,value:this.inputValue,disabled:this.disabled,readonly:true}),o("span",{key:"d98fd6ae6c3eef578da51000b44721685bb5241c",class:"hb-time-picker__suffix"},this.clearable&&this.modelValue&&o("span",{key:"28c5b8cb25d98c4117310d6af9eecda062437c2f",class:"hb-time-picker__clear",onClick:this.handleClear},"×"),o("span",{key:"9599e43b4c525558bf70ce01c30b08ed2cd1be68",class:"hb-time-picker__icon"},"🕐"))),this.isOpen&&o("div",{key:"7eab5ddea1cd3c90fc86d1631cf0667b3a268b8f",class:"hb-time-picker__dropdown"},o("div",{key:"f0203a3bc41bbc41dd77d57985d8603dd866c39a",class:"hb-time-picker__body"},o("div",{key:"b193e8f30770fb43f78ae99f208b4e088ac65abd",class:"hb-time-picker__list"},o("div",{key:"7e7a181ec4082df157209ae4d809f2075b65de3f",class:"hb-time-picker__list-title"},"时"),o("div",{key:"1d8eca81ba4e46686a4edda38e7660b271e6e510",class:"hb-time-picker__list-content"},e.map((e=>o("div",{class:{"hb-time-picker__item":true,"hb-time-picker__item--selected":e===this.selectedHour},onClick:()=>this.handleTimeSelect(e,this.selectedMinute,this.selectedSecond)},String(e).padStart(2,"0")))))),o("div",{key:"4a51776b75068af776f3b2365edc3e8a22347798",class:"hb-time-picker__list"},o("div",{key:"1574538a144ab4e6d7cfd7ac0b82c0affbd3d1d3",class:"hb-time-picker__list-title"},"分"),o("div",{key:"4a43690a14e100ea0cb86e4b6537d7c190052363",class:"hb-time-picker__list-content"},i.map((e=>o("div",{class:{"hb-time-picker__item":true,"hb-time-picker__item--selected":e===this.selectedMinute},onClick:()=>this.handleTimeSelect(this.selectedHour,e,this.selectedSecond)},String(e).padStart(2,"0")))))),this.format.includes("ss")&&o("div",{key:"7b63a0e9e4f9590317d3abbc5e6167d507c8ae88",class:"hb-time-picker__list"},o("div",{key:"36b52549545f7a8edcfd4e0e78ceafb0c8baed2e",class:"hb-time-picker__list-title"},"秒"),o("div",{key:"0c800147fbd8dd8ed704d0f2eb430459b005c4d5",class:"hb-time-picker__list-content"},t.map((e=>o("div",{class:{"hb-time-picker__item":true,"hb-time-picker__item--selected":e===this.selectedSecond},onClick:()=>this.handleTimeSelect(this.selectedHour,this.selectedMinute,e)},String(e).padStart(2,"0")))))))))}static get watchers(){return{modelValue:["handleValueChange"]}}};s.style=n;export{s as hb_time_picker};
-//# sourceMappingURL=p-735bceef.entry.js.map
+import{r as e,c as i,g as t,h as r}from"./p-e42dfa95.js";import{c as o}from"./p-4ef5a884.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{--hb-time-picker-font-size:14px;--hb-time-picker-height:32px;--hb-time-picker-border-color:var(--hb-border-color,#dcdfe6);--hb-time-picker-border-color-hover:var(--hb-color-primary);--hb-time-picker-bg-color:var(--hb-color-white,#fff);display:inline-block;position:relative}.hb-time-picker{display:inline-block;position:relative;width:200px}.hb-time-picker__input-wrapper{cursor:pointer;display:inline-block;position:relative;width:100%}.hb-time-picker__input{background-color:var(--hb-time-picker-bg-color);border:1px solid var(--hb-time-picker-border-color);border-radius:4px;box-sizing:border-box;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:inline-block;font-size:var(--hb-time-picker-font-size);height:var(--hb-time-picker-height);line-height:var(--hb-time-picker-height);outline:none;padding:0 30px 0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.hb-time-picker__input:hover:not(:disabled){border-color:var(--hb-time-picker-border-color-hover)}.hb-time-picker__suffix{align-items:center;display:flex;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.hb-time-picker__clear{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:pointer;font-size:16px;margin-right:8px}.hb-time-picker__icon{font-size:14px}.hb-time-picker__dropdown{background-color:var(--hb-time-picker-bg-color);border:1px solid var(--hb-time-picker-border-color);border-radius:4px;box-shadow:0 2px 12px #0000001a;left:0;margin-top:4px;max-height:300px;min-width:200px;position:absolute;top:100%;z-index:1000}.hb-time-picker__body{display:flex;padding:8px}.hb-time-picker__list{flex:1;max-height:280px;overflow-y:auto}.hb-time-picker__list-title{border-bottom:1px solid var(--hb-border-color-lighter,#e4e7ed);color:var(--hb-color-text-placeholder,#c0c4cc);font-size:12px;padding:8px 0;text-align:center}.hb-time-picker__list-content{padding:4px 0}.hb-time-picker__item{color:var(--hb-color-text-regular,#606266);cursor:pointer;font-size:13px;padding:8px 16px;text-align:center;transition:background-color .2s}.hb-time-picker__item:hover{background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-time-picker__item--selected{background-color:var(--hb-color-primary-light-9,#ecf5ff);color:var(--hb-color-primary);font-weight:600}.hb-time-picker--small{width:180px}.hb-time-picker--small .hb-time-picker__input{font-size:12px;height:24px;line-height:24px}.hb-time-picker--large{width:220px}.hb-time-picker--large .hb-time-picker__input{font-size:16px;height:40px;line-height:40px}.hb-time-picker--disabled{cursor:not-allowed}.hb-time-picker--disabled .hb-time-picker__input{background-color:var(--hb-fill-color-light,#f5f7fa);border-color:var(--hb-time-picker-border-color);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 n=a;const s=class{constructor(t){e(this,t);this.hbChange=i(this,"hbChange",7)}get el(){return t(this)}modelValue;placeholder="请选择时间";disabled=false;size="default";clearable=false;format="HH:mm:ss";name;inputId;isOpen=false;inputValue="";selectedHour=0;selectedMinute=0;selectedSecond=0;hbChange;clickOutside=o({host:null,isOpen:()=>this.isOpen,onClose:()=>{this.isOpen=false}});componentDidLoad(){this.clickOutside=o({host:this.el,isOpen:()=>this.isOpen,onClose:()=>{this.isOpen=false}});this.clickOutside.connect();this.updateInputValue()}disconnectedCallback(){this.clickOutside.disconnect()}handleValueChange(){this.updateInputValue()}updateInputValue(){if(!this.modelValue){this.inputValue="";return}const e=this.modelValue.split(":");if(e.length>=2){this.selectedHour=Number.isNaN(parseInt(e[0],10))?0:parseInt(e[0],10);this.selectedMinute=Number.isNaN(parseInt(e[1],10))?0:parseInt(e[1],10);this.selectedSecond=e.length>=3?Number.isNaN(parseInt(e[2],10))?0:parseInt(e[2],10):0;this.inputValue=this.modelValue}}handleInputClick=()=>{if(this.disabled)return;this.isOpen=!this.isOpen};handleClear=e=>{e.stopPropagation();this.modelValue=undefined;this.inputValue="";this.isOpen=false;this.hbChange.emit(undefined)};handleTimeSelect=(e,i,t)=>{this.selectedHour=e;this.selectedMinute=i;this.selectedSecond=t;const r=`${String(e).padStart(2,"0")}:${String(i).padStart(2,"0")}:${String(t).padStart(2,"0")}`;this.modelValue=r;this.inputValue=r;this.isOpen=false;this.hbChange.emit(r)};generateNumbers(e){return Array.from({length:e+1},((e,i)=>i))}render(){const e=this.generateNumbers(23);const i=this.generateNumbers(59);const t=this.generateNumbers(59);return r("div",{key:"5ade3bf29b31c85f1f136ecee2b0b1e2eb3263cd",class:{"hb-time-picker":true,"hb-time-picker--open":this.isOpen,"hb-time-picker--disabled":this.disabled,[`hb-time-picker--${this.size}`]:true}},r("div",{key:"0fde999ad94ab4038b88b7618c96f56a84c00471",class:"hb-time-picker__input-wrapper",onClick:this.handleInputClick},r("input",{key:"861e16645c153fd6f8b2212aa7aca54a25c18681",type:"text",id:this.inputId,name:this.name,class:"hb-time-picker__input",placeholder:this.placeholder,value:this.inputValue,disabled:this.disabled,readonly:true}),r("span",{key:"f21237a91888bd9925f7288812d76f7ef9032b40",class:"hb-time-picker__suffix"},this.clearable&&this.modelValue&&r("span",{key:"b4bbe4997c4bf0fb4495589919024358b42a09a6",class:"hb-time-picker__clear",onClick:this.handleClear},"×"),r("span",{key:"fdebff0eb8341ba04070868e11e2f1cb3faf5f0b",class:"hb-time-picker__icon"},"🕐"))),this.isOpen&&r("div",{key:"fa757f8eea4df02aa9dd380ca73b0960f7e59aee",class:"hb-time-picker__dropdown"},r("div",{key:"08ea256ddb634cacee23382de1edea3dd9bea077",class:"hb-time-picker__body"},r("div",{key:"75081697098c6db720efa86ba2584a1ac664dd66",class:"hb-time-picker__list"},r("div",{key:"2901c1072d665d05420b5b76bed782c3e7728a75",class:"hb-time-picker__list-title"},"时"),r("div",{key:"caaa6a66d2fda1c8085e03442ad7bb6730ccce89",class:"hb-time-picker__list-content"},e.map((e=>r("div",{class:{"hb-time-picker__item":true,"hb-time-picker__item--selected":e===this.selectedHour},onClick:()=>this.handleTimeSelect(e,this.selectedMinute,this.selectedSecond)},String(e).padStart(2,"0")))))),r("div",{key:"58a7c79553a2675927293b7a3a793dec5575751e",class:"hb-time-picker__list"},r("div",{key:"45944f1d7501656603f8303961bf8f0a555a9fa5",class:"hb-time-picker__list-title"},"分"),r("div",{key:"606f423b6853c8856a7e66b2fe7f8164b78e20c4",class:"hb-time-picker__list-content"},i.map((e=>r("div",{class:{"hb-time-picker__item":true,"hb-time-picker__item--selected":e===this.selectedMinute},onClick:()=>this.handleTimeSelect(this.selectedHour,e,this.selectedSecond)},String(e).padStart(2,"0")))))),this.format.includes("ss")&&r("div",{key:"e941e6204eddc3231a33a47e1e743ebb9a1d7c29",class:"hb-time-picker__list"},r("div",{key:"be1fbd18c260c44b3d06184b0da69c48c6f19945",class:"hb-time-picker__list-title"},"秒"),r("div",{key:"c56ae4c77a04922561fb715fa49fea7b1b00acf0",class:"hb-time-picker__list-content"},t.map((e=>r("div",{class:{"hb-time-picker__item":true,"hb-time-picker__item--selected":e===this.selectedSecond},onClick:()=>this.handleTimeSelect(this.selectedHour,this.selectedMinute,e)},String(e).padStart(2,"0")))))))))}static get watchers(){return{modelValue:["handleValueChange"]}}};s.style=n;export{s as hb_time_picker};
+//# sourceMappingURL=p-1b98152b.entry.js.map

package/dist/huibo-ui/p-1b98152b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["timePickerCss","HbTimePickerStyle0","TimePicker","modelValue","placeholder","disabled","size","clearable","format","name","inputId","isOpen","inputValue","selectedHour","selectedMinute","selectedSecond","hbChange","clickOutside","createClickOutsideHandler","host","this","onClose","componentDidLoad","el","connect","updateInputValue","disconnectedCallback","disconnect","handleValueChange","parts","split","length","Number","isNaN","parseInt","handleInputClick","handleClear","e","stopPropagation","undefined","emit","handleTimeSelect","hour","minute","second","timeStr","String","padStart","generateNumbers","max","Array","from","_","i","render","hours","minutes","seconds","h","key","class","onClick","type","id","value","readonly","map","includes"],"sources":["src/components/TimePicker/time-picker.css?tag=hb-time-picker&encapsulation=shadow","src/components/TimePicker/TimePicker.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n  --hb-time-picker-font-size: 14px;\n  --hb-time-picker-height: 32px;\n  --hb-time-picker-border-color: var(--hb-border-color, #dcdfe6);\n  --hb-time-picker-border-color-hover: var(--hb-color-primary);\n  --hb-time-picker-bg-color: var(--hb-color-white, #ffffff);\n}\n\n.hb-time-picker {\n  display: inline-block;\n  position: relative;\n  width: 200px;\n}\n\n.hb-time-picker__input-wrapper {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  cursor: pointer;\n}\n\n.hb-time-picker__input {\n  display: inline-block;\n  width: 100%;\n  height: var(--hb-time-picker-height);\n  line-height: var(--hb-time-picker-height);\n  padding: 0 30px 0 15px;\n  font-size: var(--hb-time-picker-font-size);\n  color: var(--hb-color-text-regular, #606266);\n  background-color: var(--hb-time-picker-bg-color);\n  border: 1px solid var(--hb-time-picker-border-color);\n  border-radius: 4px;\n  box-sizing: border-box;\n  cursor: pointer;\n  outline: none;\n  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hb-time-picker__input:hover:not(:disabled) {\n  border-color: var(--hb-time-picker-border-color-hover);\n}\n\n.hb-time-picker__suffix {\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n}\n\n.hb-time-picker__clear {\n  margin-right: 8px;\n  cursor: pointer;\n  font-size: 16px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n}\n\n.hb-time-picker__icon {\n  font-size: 14px;\n}\n\n.hb-time-picker__dropdown {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  margin-top: 4px;\n  background-color: var(--hb-time-picker-bg-color);\n  border: 1px solid var(--hb-time-picker-border-color);\n  border-radius: 4px;\n  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n  min-width: 200px;\n  max-height: 300px;\n}\n\n.hb-time-picker__body {\n  display: flex;\n  padding: 8px;\n}\n\n.hb-time-picker__list {\n  flex: 1;\n  max-height: 280px;\n  overflow-y: auto;\n}\n\n.hb-time-picker__list-title {\n  text-align: center;\n  font-size: 12px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  padding: 8px 0;\n  border-bottom: 1px solid var(--hb-border-color-lighter, #e4e7ed);\n}\n\n.hb-time-picker__list-content {\n  padding: 4px 0;\n}\n\n.hb-time-picker__item {\n  padding: 8px 16px;\n  text-align: center;\n  font-size: 13px;\n  color: var(--hb-color-text-regular, #606266);\n  cursor: pointer;\n  transition: background-color 0.2s;\n}\n\n.hb-time-picker__item:hover {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-time-picker__item--selected {\n  background-color: var(--hb-color-primary-light-9, #ecf5ff);\n  color: var(--hb-color-primary);\n  font-weight: 600;\n}\n\n.hb-time-picker--small {\n  width: 180px;\n}\n\n.hb-time-picker--small .hb-time-picker__input {\n  height: 24px;\n  line-height: 24px;\n  font-size: 12px;\n}\n\n.hb-time-picker--large {\n  width: 220px;\n}\n\n.hb-time-picker--large .hb-time-picker__input {\n  height: 40px;\n  line-height: 40px;\n  font-size: 16px;\n}\n\n.hb-time-picker--disabled {\n  cursor: not-allowed;\n}\n\n.hb-time-picker--disabled .hb-time-picker__input {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n  border-color: var(--hb-time-picker-border-color);\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\nimport { createClickOutsideHandler } from '../../utils/click-outside';\n\n/**\n * TimePicker 时间选择器组件\n * 用于选择或输入时间\n */\n@Component({\n  tag: 'hb-time-picker',\n  styleUrl: 'time-picker.css',\n  shadow: true,\n})\nexport class TimePicker {\n  @Element() el: HTMLElement;\n\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue?: string;\n\n  /**\n   * 输入框占位文本\n   */\n  @Prop() placeholder: string = '请选择时间';\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 输入框尺寸\n   */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /**\n   * 是否可清空\n   * @default false\n   */\n  @Prop() clearable: boolean = false;\n\n  /**\n   * 时间格式\n   * @default 'HH:mm:ss'\n   */\n  @Prop() format: string = 'HH:mm:ss';\n\n  /**\n   * 原生 name 属性\n   */\n  @Prop() name?: string;\n\n  /**\n   * 原生 id 属性\n   */\n  @Prop() inputId?: string;\n\n  @State() isOpen: boolean = false;\n  @State() inputValue: string = '';\n  @State() selectedHour: number = 0;\n  @State() selectedMinute: number = 0;\n  @State() selectedSecond: number = 0;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<string>;\n\n  private clickOutside = createClickOutsideHandler({\n    host: null as any,\n    isOpen: () => this.isOpen,\n    onClose: () => {\n      this.isOpen = false;\n    },\n  });\n\n  componentDidLoad() {\n    this.clickOutside = createClickOutsideHandler({\n      host: this.el,\n      isOpen: () => this.isOpen,\n      onClose: () => {\n        this.isOpen = false;\n      },\n    });\n    this.clickOutside.connect();\n    this.updateInputValue();\n  }\n\n  disconnectedCallback() {\n    this.clickOutside.disconnect();\n  }\n\n  @Watch('modelValue')\n  handleValueChange() {\n    this.updateInputValue();\n  }\n\n  private updateInputValue() {\n    if (!this.modelValue) {\n      this.inputValue = '';\n      return;\n    }\n\n    const parts = this.modelValue.split(':');\n    if (parts.length >= 2) {\n      // O1：显式传 radix 10（与全库一致），并用 ?? 替代 || 以保留合法的 0。\n      this.selectedHour = Number.isNaN(parseInt(parts[0], 10)) ? 0 : parseInt(parts[0], 10);\n      this.selectedMinute = Number.isNaN(parseInt(parts[1], 10)) ? 0 : parseInt(parts[1], 10);\n      this.selectedSecond = parts.length >= 3 ? (Number.isNaN(parseInt(parts[2], 10)) ? 0 : parseInt(parts[2], 10)) : 0;\n      this.inputValue = this.modelValue;\n    }\n  }\n\n  private handleInputClick = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n  };\n\n  private handleClear = (e: Event) => {\n    e.stopPropagation();\n    this.modelValue = undefined;\n    this.inputValue = '';\n    this.isOpen = false;\n    this.hbChange.emit(undefined);\n  };\n\n  private handleTimeSelect = (hour: number, minute: number, second: number) => {\n    this.selectedHour = hour;\n    this.selectedMinute = minute;\n    this.selectedSecond = second;\n\n    const timeStr = `${String(hour).padStart(2, '0')}:${String(minute).padStart(2, '0')}:${String(second).padStart(2, '0')}`;\n    this.modelValue = timeStr;\n    this.inputValue = timeStr;\n    this.isOpen = false;\n    this.hbChange.emit(timeStr);\n  };\n\n  private generateNumbers(max: number): number[] {\n    return Array.from({ length: max + 1 }, (_, i) => i);\n  }\n\n  render() {\n    const hours = this.generateNumbers(23);\n    const minutes = this.generateNumbers(59);\n    const seconds = this.generateNumbers(59);\n\n    return (\n      <div\n        class={{\n          'hb-time-picker': true,\n          'hb-time-picker--open': this.isOpen,\n          'hb-time-picker--disabled': this.disabled,\n          [`hb-time-picker--${this.size}`]: true,\n        }}\n      >\n        <div class=\"hb-time-picker__input-wrapper\" onClick={this.handleInputClick}>\n          <input\n            type=\"text\"\n            id={this.inputId}\n            name={this.name}\n            class=\"hb-time-picker__input\"\n            placeholder={this.placeholder}\n            value={this.inputValue}\n            disabled={this.disabled}\n            readonly\n          />\n          <span class=\"hb-time-picker__suffix\">\n            {this.clearable && this.modelValue && (\n              <span class=\"hb-time-picker__clear\" onClick={this.handleClear}>\n                ×\n              </span>\n            )}\n            <span class=\"hb-time-picker__icon\">🕐</span>\n          </span>\n        </div>\n        {this.isOpen && (\n          <div class=\"hb-time-picker__dropdown\">\n            <div class=\"hb-time-picker__body\">\n              <div class=\"hb-time-picker__list\">\n                <div class=\"hb-time-picker__list-title\">时</div>\n                <div class=\"hb-time-picker__list-content\">\n                  {hours.map(hour => (\n                    <div\n                      class={{\n                        'hb-time-picker__item': true,\n                        'hb-time-picker__item--selected': hour === this.selectedHour,\n                      }}\n                      onClick={() => this.handleTimeSelect(hour, this.selectedMinute, this.selectedSecond)}\n                    >\n                      {String(hour).padStart(2, '0')}\n                    </div>\n                  ))}\n                </div>\n              </div>\n              <div class=\"hb-time-picker__list\">\n                <div class=\"hb-time-picker__list-title\">分</div>\n                <div class=\"hb-time-picker__list-content\">\n                  {minutes.map(minute => (\n                    <div\n                      class={{\n                        'hb-time-picker__item': true,\n                        'hb-time-picker__item--selected': minute === this.selectedMinute,\n                      }}\n                      onClick={() => this.handleTimeSelect(this.selectedHour, minute, this.selectedSecond)}\n                    >\n                      {String(minute).padStart(2, '0')}\n                    </div>\n                  ))}\n                </div>\n              </div>\n              {this.format.includes('ss') && (\n                <div class=\"hb-time-picker__list\">\n                  <div class=\"hb-time-picker__list-title\">秒</div>\n                  <div class=\"hb-time-picker__list-content\">\n                    {seconds.map(second => (\n                      <div\n                        class={{\n                          'hb-time-picker__item': true,\n                          'hb-time-picker__item--selected': second === this.selectedSecond,\n                        }}\n                        onClick={() => this.handleTimeSelect(this.selectedHour, this.selectedMinute, second)}\n                      >\n                        {String(second).padStart(2, '0')}\n                      </div>\n                    ))}\n                  </div>\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-1f6d0adb.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i}from"./p-e42dfa95.js";import{g as r,l as a,u as o}from"./p-ecce2b5e.js";import{c as n}from"./p-00aa34c8.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{.visible{visibility:visible}.container{width:100%}.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:contents}.hb-drawer-wrapper{inset:0;pointer-events:none;position:fixed;z-index:1000}.hb-drawer-wrapper:not(.hb-drawer-wrapper--visible){display:none}.hb-drawer__overlay{animation:hb-drawer-overlay-in .3s both;background:var(--hb-color-bg-mask);inset:0;pointer-events:auto;position:fixed}.hb-drawer__overlay--leaving{animation:hb-drawer-overlay-out .3s both}@keyframes hb-drawer-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes hb-drawer-overlay-out{0%{opacity:1}to{opacity:0}}.hb-drawer{background:var(--hb-color-bg-elevated);box-shadow:var(--hb-box-shadow-lg);display:flex;flex-direction:column;pointer-events:auto;position:fixed}.hb-drawer--rtl{bottom:0;right:0;top:0}.hb-drawer--ltr{bottom:0;left:0;top:0}.hb-drawer--ttb{left:0;right:0;top:0}.hb-drawer--btt{bottom:0;left:0;right:0}.hb-drawer--visible.hb-drawer--rtl{animation:hb-drawer-in-rtl .3s cubic-bezier(.16,1,.3,1) both}.hb-drawer--visible.hb-drawer--ltr{animation:hb-drawer-in-ltr .3s cubic-bezier(.16,1,.3,1) both}.hb-drawer--visible.hb-drawer--ttb{animation:hb-drawer-in-ttb .3s cubic-bezier(.16,1,.3,1) both}.hb-drawer--visible.hb-drawer--btt{animation:hb-drawer-in-btt .3s cubic-bezier(.16,1,.3,1) both}.hb-drawer--leaving.hb-drawer--rtl{animation:hb-drawer-out-rtl .3s cubic-bezier(.5,0,.75,0) both}.hb-drawer--leaving.hb-drawer--ltr{animation:hb-drawer-out-ltr .3s cubic-bezier(.5,0,.75,0) both}.hb-drawer--leaving.hb-drawer--ttb{animation:hb-drawer-out-ttb .3s cubic-bezier(.5,0,.75,0) both}.hb-drawer--leaving.hb-drawer--btt{animation:hb-drawer-out-btt .3s cubic-bezier(.5,0,.75,0) both}@keyframes hb-drawer-in-rtl{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes hb-drawer-out-rtl{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes hb-drawer-in-ltr{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes hb-drawer-out-ltr{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes hb-drawer-in-ttb{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes hb-drawer-out-ttb{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes hb-drawer-in-btt{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes hb-drawer-out-btt{0%{transform:translateY(0)}to{transform:translateY(100%)}}.hb-drawer__header{align-items:center;border-bottom:1px solid var(--hb-color-border-secondary);display:flex;justify-content:space-between;padding:var(--hb-spacing-md)var(--hb-spacing-lg)}.hb-drawer__title{font-size:var(--hb-font-size-lg);font-weight:600}.hb-drawer__close{align-items:center;background:0 0;border:none;border-radius:var(--hb-border-radius-sm);color:var(--hb-color-text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all var(--hb-transition-duration);width:28px}.hb-drawer__close svg{height:16px;width:16px}.hb-drawer__close:hover{background:var(--hb-color-fill-tertiary);color:var(--hb-color-text-primary)}.hb-drawer__body{flex:1;overflow-y:auto;padding:var(--hb-spacing-lg)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}';const l=s;const d=class{constructor(i){e(this,i);this.hbOpen=t(this,"hbOpen",7);this.hbClose=t(this,"hbClose",7)}modelValue=false;title="";size="30%";direction="rtl";closeOnClickModal=true;showClose=true;modal=true;closeOnPressEscape=true;zIndexState=0;zIndex=0;panelRef;trap;leaving=false;leaveTimer;hbOpen;hbClose;handleVisible(e){if(e){if(this.leaveTimer){clearTimeout(this.leaveTimer);this.leaveTimer=undefined}this.leaving=false;this.zIndex=r();this.zIndexState=this.zIndex;if(this.modal)a();this.hbOpen.emit();document.addEventListener("keydown",this.handleKeyDown)}else{if(this.modal)o();this.hbClose.emit();document.removeEventListener("keydown",this.handleKeyDown);this.leaving=true;if(this.leaveTimer)clearTimeout(this.leaveTimer);this.leaveTimer=setTimeout((()=>{this.leaving=false}),300)}}componentDidRender(){if(!this.panelRef)return;if(this.modelValue){if(!this.trap){this.trap=n({container:this.panelRef})}this.trap.connect()}else{this.trap?.disconnect()}}disconnectedCallback(){if(this.modelValue&&this.modal)o();document.removeEventListener("keydown",this.handleKeyDown);this.trap?.disconnect();if(this.leaveTimer)clearTimeout(this.leaveTimer)}handleKeyDown=e=>{if(this.closeOnPressEscape&&e.key==="Escape"){this.close()}};close=()=>{this.modelValue=false};get shouldRender(){return this.modelValue||this.leaving}render(){const e=this.direction;const t=e==="ttb"||e==="btt";const r=t?{height:this.size}:{width:this.size};const a=`hb-drawer--${e}`;return i("div",{key:"1b19a23690272c043ad80a8f4ad01470ef1f6627",class:{"hb-drawer-wrapper":true,"hb-drawer-wrapper--visible":this.shouldRender}},this.modal&&i("div",{key:"6f1492a485eeb634e59a50300be5ad8af6ebfdcb",class:{"hb-drawer__overlay":true,"hb-drawer__overlay--leaving":this.leaving},style:{zIndex:String(this.zIndexState)},onClick:()=>this.closeOnClickModal&&this.close()}),i("div",{key:"4276468b6d5c2bc8628ccefeafc0de7acf372931",ref:e=>this.panelRef=e,class:{"hb-drawer":true,[a]:true,"hb-drawer--visible":this.modelValue,"hb-drawer--leaving":this.leaving},style:{...r,zIndex:String(this.zIndexState+1)},role:"dialog","aria-modal":"true","aria-label":this.title||undefined,"aria-hidden":this.modelValue?"false":"true"},i("div",{key:"66c7aa0843425292845c3a3c5841abaca233efd4",class:"hb-drawer__header"},i("span",{key:"07226dc7437adb12e0d08ccf2259c6e470d4eea3",class:"hb-drawer__title"},this.title),this.showClose&&i("button",{key:"2658edb09e334c02fa0218b414c354b4cbb20220",type:"button",class:"hb-drawer__close","aria-label":"关闭",onClick:this.close},i("svg",{key:"8ad5e5558c02fdb0271fa93d6fa279dee949d9f0",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},i("path",{key:"ff3585922cdeb73e68dbf1755092ade914579506",d:"M6 6l12 12M18 6L6 18"})))),i("div",{key:"b64ddf86b2f5a0344b80e7fb729c19a2d6d6fe5c",class:"hb-drawer__body"},i("slot",{key:"3e3904d5d149a765130eb5f59ac1d268d48c39f6"}))))}static get watchers(){return{modelValue:["handleVisible"]}}};d.style=l;export{d as hb_drawer};
+//# sourceMappingURL=p-1f6d0adb.entry.js.map

package/dist/huibo-ui/p-1f6d0adb.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["drawerCss","HbDrawerStyle0","Drawer","modelValue","title","size","direction","closeOnClickModal","showClose","modal","closeOnPressEscape","zIndexState","zIndex","panelRef","trap","leaving","leaveTimer","hbOpen","hbClose","handleVisible","val","this","clearTimeout","undefined","getNextZIndex","lockScroll","emit","document","addEventListener","handleKeyDown","unlockScroll","removeEventListener","setTimeout","componentDidRender","createFocusTrap","container","connect","disconnect","disconnectedCallback","e","key","close","shouldRender","render","dir","isVertical","sizeStyle","height","width","translateClass","h","class","style","String","onClick","ref","el","role","type","viewBox","fill","stroke","d"],"sources":["src/components/Drawer/drawer.css?tag=hb-drawer&encapsulation=shadow","src/components/Drawer/Drawer.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n.hb-drawer-wrapper {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  z-index: 1000;\n}\n\n/* wrapper 默认不显示（modelValue=false 且离场结束时）；打开/离场期都可见 */\n.hb-drawer-wrapper:not(.hb-drawer-wrapper--visible) {\n  display: none;\n}\n\n.hb-drawer__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--hb-color-bg-mask);\n  pointer-events: auto;\n  animation: hb-drawer-overlay-in 0.3s ease both;\n}\n.hb-drawer__overlay--leaving {\n  animation: hb-drawer-overlay-out 0.3s ease both;\n}\n@keyframes hb-drawer-overlay-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes hb-drawer-overlay-out {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n\n.hb-drawer {\n  position: fixed;\n  background: var(--hb-color-bg-elevated);\n  box-shadow: var(--hb-box-shadow-lg);\n  display: flex;\n  flex-direction: column;\n  pointer-events: auto;\n}\n\n/* 四方向进场动画（从屏外滑入）。visible 时播放 in；leaving 时播放 out */\n.hb-drawer--rtl {\n  top: 0;\n  right: 0;\n  bottom: 0;\n}\n.hb-drawer--ltr {\n  top: 0;\n  left: 0;\n  bottom: 0;\n}\n.hb-drawer--ttb {\n  left: 0;\n  right: 0;\n  top: 0;\n}\n.hb-drawer--btt {\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.hb-drawer--visible.hb-drawer--rtl {\n  animation: hb-drawer-in-rtl 0.3s cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n.hb-drawer--visible.hb-drawer--ltr {\n  animation: hb-drawer-in-ltr 0.3s cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n.hb-drawer--visible.hb-drawer--ttb {\n  animation: hb-drawer-in-ttb 0.3s cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n.hb-drawer--visible.hb-drawer--btt {\n  animation: hb-drawer-in-btt 0.3s cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n\n.hb-drawer--leaving.hb-drawer--rtl {\n  animation: hb-drawer-out-rtl 0.3s cubic-bezier(0.5, 0, 0.75, 0) both;\n}\n.hb-drawer--leaving.hb-drawer--ltr {\n  animation: hb-drawer-out-ltr 0.3s cubic-bezier(0.5, 0, 0.75, 0) both;\n}\n.hb-drawer--leaving.hb-drawer--ttb {\n  animation: hb-drawer-out-ttb 0.3s cubic-bezier(0.5, 0, 0.75, 0) both;\n}\n.hb-drawer--leaving.hb-drawer--btt {\n  animation: hb-drawer-out-btt 0.3s cubic-bezier(0.5, 0, 0.75, 0) both;\n}\n\n@keyframes hb-drawer-in-rtl {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes hb-drawer-out-rtl {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes hb-drawer-in-ltr {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes hb-drawer-out-ltr {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(-100%);\n  }\n}\n@keyframes hb-drawer-in-ttb {\n  from {\n    transform: translateY(-100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n@keyframes hb-drawer-out-ttb {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(-100%);\n  }\n}\n@keyframes hb-drawer-in-btt {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n@keyframes hb-drawer-out-btt {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(100%);\n  }\n}\n\n.hb-drawer__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--hb-spacing-md) var(--hb-spacing-lg);\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n}\n.hb-drawer__title {\n  font-size: var(--hb-font-size-lg);\n  font-weight: 600;\n}\n.hb-drawer__close {\n  border: none;\n  background: none;\n  cursor: pointer;\n  color: var(--hb-color-text-secondary);\n  width: 28px;\n  height: 28px;\n  border-radius: var(--hb-border-radius-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  transition: all var(--hb-transition-duration);\n}\n.hb-drawer__close svg {\n  width: 16px;\n  height: 16px;\n}\n.hb-drawer__close:hover {\n  background: var(--hb-color-fill-tertiary);\n  color: var(--hb-color-text-primary);\n}\n.hb-drawer__body {\n  flex: 1;\n  padding: var(--hb-spacing-lg);\n  overflow-y: auto;\n}\n","import { Component, h, Prop, Event, EventEmitter, Watch, State } from '@stencil/core';\nimport { lockScroll, unlockScroll, getNextZIndex } from '../../utils/popup-manager';\nimport { createFocusTrap, FocusTrap } from '../../utils/a11y';\n\n@Component({ tag: 'hb-drawer', styleUrl: 'drawer.css', shadow: true })\nexport class Drawer {\n  @Prop({ mutable: true }) modelValue: boolean = false;\n  @Prop() title: string = '';\n  @Prop() size: string = '30%';\n  @Prop() direction: 'ltr' | 'rtl' | 'ttb' | 'btt' = 'rtl';\n  @Prop() closeOnClickModal: boolean = true;\n  @Prop() showClose: boolean = true;\n  @Prop() modal: boolean = true;\n  /** 是否按 ESC 关闭 */\n  @Prop() closeOnPressEscape: boolean = true;\n  @State() private zIndexState: number = 0;\n  private zIndex: number = 0;\n  private panelRef?: HTMLElement;\n  private trap?: FocusTrap;\n  /** 离场动画期内保留渲染 */\n  @State() private leaving: boolean = false;\n  private leaveTimer?: ReturnType<typeof setTimeout>;\n\n  @Event() hbOpen: EventEmitter<void>;\n  @Event() hbClose: EventEmitter<void>;\n\n  @Watch('modelValue')\n  handleVisible(val: boolean) {\n    if (val) {\n      if (this.leaveTimer) {\n        clearTimeout(this.leaveTimer);\n        this.leaveTimer = undefined;\n      }\n      this.leaving = false;\n      this.zIndex = getNextZIndex();\n      this.zIndexState = this.zIndex;\n      if (this.modal) lockScroll();\n      this.hbOpen.emit();\n      document.addEventListener('keydown', this.handleKeyDown);\n    } else {\n      if (this.modal) unlockScroll();\n      this.hbClose.emit();\n      document.removeEventListener('keydown', this.handleKeyDown);\n      // 进入离场动画期，结束后真正卸载\n      this.leaving = true;\n      if (this.leaveTimer) clearTimeout(this.leaveTimer);\n      this.leaveTimer = setTimeout(() => {\n        this.leaving = false;\n      }, 300);\n    }\n  }\n\n  componentDidRender() {\n    if (!this.panelRef) return;\n    if (this.modelValue) {\n      if (!this.trap) {\n        this.trap = createFocusTrap({ container: this.panelRef });\n      }\n      this.trap.connect();\n    } else {\n      this.trap?.disconnect();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.modelValue && this.modal) unlockScroll();\n    document.removeEventListener('keydown', this.handleKeyDown);\n    this.trap?.disconnect();\n    if (this.leaveTimer) clearTimeout(this.leaveTimer);\n  }\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (this.closeOnPressEscape && e.key === 'Escape') {\n      this.close();\n    }\n  };\n\n  private close = () => {\n    this.modelValue = false;\n  };\n\n  private get shouldRender(): boolean {\n    return this.modelValue || this.leaving;\n  }\n\n  render() {\n    const dir = this.direction;\n    const isVertical = dir === 'ttb' || dir === 'btt';\n    const sizeStyle = isVertical ? { height: this.size } : { width: this.size };\n    const translateClass = `hb-drawer--${dir}`;\n\n    return (\n      <div class={{ 'hb-drawer-wrapper': true, 'hb-drawer-wrapper--visible': this.shouldRender }}>\n        {this.modal && (\n          <div\n            class={{\n              'hb-drawer__overlay': true,\n              'hb-drawer__overlay--leaving': this.leaving,\n            }}\n            style={{ zIndex: String(this.zIndexState) }}\n            onClick={() => this.closeOnClickModal && this.close()}\n          />\n        )}\n        <div\n          ref={el => (this.panelRef = el as HTMLElement)}\n          class={{\n            'hb-drawer': true,\n            [translateClass]: true,\n            'hb-drawer--visible': this.modelValue,\n            'hb-drawer--leaving': this.leaving,\n          }}\n          style={{ ...sizeStyle, zIndex: String(this.zIndexState + 1) }}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label={this.title || undefined}\n          aria-hidden={this.modelValue ? 'false' : 'true'}\n        >\n          <div class=\"hb-drawer__header\">\n            <span class=\"hb-drawer__title\">{this.title}</span>\n            {this.showClose && (\n              <button type=\"button\" class=\"hb-drawer__close\" aria-label=\"关闭\" onClick={this.close}>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                  <path d=\"M6 6l12 12M18 6L6 18\" />\n                </svg>\n              </button>\n            )}\n          </div>\n          <div class=\"hb-drawer__body\">\n            <slot />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/{p-2943f5d0.entry.js → p-29092b85.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,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-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;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@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{.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inline-block{display:inline-block}.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)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-table{background-color:var(--hb-color-bg);border-radius:var(--hb-border-radius-base);overflow:hidden;position:relative}.hb-table--border{border:1px solid var(--hb-color-border-secondary)}.hb-table--border .hb-table__table th,.hb-table--border .hb-table__td{border-right:1px solid var(--hb-color-border-secondary)}.hb-table__wrapper{overflow-x:auto}.hb-table__table{border-collapse:collapse;border-spacing:0;table-layout:auto;width:100%}.hb-table__table th{background-color:var(--hb-table-header-bg);border-bottom:1px solid var(--hb-color-border-secondary);color:var(--hb-table-header-color);font-size:var(--hb-font-size-sm);font-weight:600;padding:10px 12px;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.hb-table__th-content{align-items:center;display:inline-flex;gap:4px}.hb-table__th--sortable{cursor:pointer}.hb-table__th--sortable:hover{background-color:var(--hb-color-fill-tertiary)}.hb-table__sort{display:inline-flex;flex-direction:column;font-size:10px;gap:1px;line-height:1}.hb-table__sort-icon{color:var(--hb-color-text-quaternary);transition:color var(--hb-transition-duration)}.hb-table__sort-icon--active{color:var(--hb-color-primary)}.hb-table__td{border-bottom:1px solid var(--hb-table-border-color);color:var(--hb-color-text);font-size:var(--hb-font-size-sm);padding:10px 12px;transition:background-color var(--hb-transition-duration)}.hb-table__row:hover .hb-table__td{background-color:var(--hb-table-row-hover-bg)}.hb-table__row--striped .hb-table__td{background-color:var(--hb-table-stripe-bg)}.hb-table__row--current .hb-table__td{background-color:var(--hb-color-primary-bg)}.hb-table__empty{color:var(--hb-color-text-secondary);padding:var(--hb-spacing-xl)0;text-align:center}.hb-table__loading{align-items:center;background-color:#ffffffb3;display:flex;inset:0;justify-content:center;position:absolute;z-index:1}.hb-table__loading-spinner{animation:hb-spin .8s linear infinite;border:3px solid var(--hb-color-border-secondary);border-radius:50%;border-top-color:var(--hb-color-primary);height:32px;width:32px}.hb-table--small .hb-table__table th,.hb-table--small .hb-table__td{font-size:var(--hb-font-size-xs);padding:6px 8px}.hb-table--large .hb-table__table th,.hb-table--large .hb-table__td{font-size:var(--hb-font-size-base);padding:14px 16px}.hb-table__selection{min-width:48px;text-align:center;white-space:nowrap;width:48px}.hb-table__checkbox{accent-color:var(--hb-color-primary);cursor:pointer;height:16px;vertical-align:middle;width:16px}.hb-table__selection .hb-table__checkbox{margin:0}.hb-table__row--selected .hb-table__td{background-color:var(--hb-color-primary-bg)}.hb-table__cell--fixed-left,.hb-table__cell--fixed-right{background-color:var(--hb-color-bg);position:sticky;z-index:2}.hb-table__table th.hb-table__cell--fixed-left,.hb-table__table th.hb-table__cell--fixed-right{background-color:var(--hb-table-header-bg)}.hb-table__cell--fixed-right{box-shadow:-4px 0 8px #0000000f}.hb-table__cell--fixed-left:not(.hb-table__cell--fixed-right){box-shadow:4px 0 8px #0000000f}.hb-table__row--selected .hb-table__cell--fixed-left,.hb-table__row--selected .hb-table__cell--fixed-right{background-color:var(--hb-color-primary-bg)}.hb-table__row:hover .hb-table__cell--fixed-left,.hb-table__row:hover .hb-table__cell--fixed-right{background-color:var(--hb-table-row-hover-bg)}@keyframes hb-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.hb-table__action{background:0 0;border:none;color:var(--hb-color-primary,#1677ff);cursor:pointer;font-size:var(--hb-font-size-sm,14px);line-height:1.5;padding:0;transition:opacity var(--hb-transition-duration,.2s)}.hb-table__action:hover{opacity:.8}.hb-table__action:disabled{color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}.hb-table__action--danger{color:var(--hb-color-danger,#f5222d)}.hb-table__action--danger:disabled{color:var(--hb-color-text-disabled,#c0c4cc)}.hb-table__action+.hb-table__action{margin-left:var(--hb-spacing-sm,12px)}.hb-table--virtual{overflow:hidden}.hb-table__virtual-wrapper{display:flex;flex-direction:column}.hb-table__virtual-viewport{overflow:auto;position:relative}.hb-table__virtual-spacer{position:relative;width:100%}.hb-table__table--virtual{table-layout:fixed;width:100%}.hb-table__table--virtual tbody{position:relative}.hb-table__expand{align-items:center;background:0 0;border:none;color:var(--hb-color-text-secondary,#595959);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:10px;height:16px;justify-content:center;line-height:1;margin-right:4px;padding:0;transition:color var(--hb-transition-duration,.2s);vertical-align:middle;width:16px}.hb-table__expand:hover{color:var(--hb-color-primary,#1677ff)}.hb-table__row--tree .hb-table__td{white-space:nowrap}.hb-table__cell--editable{cursor:text}.hb-table__cell--editable:hover{background-color:var(--hb-color-fill-tertiary,#f5f5f5)}.hb-table__edit-input{background-color:var(--hb-color-bg,#fff);border:1px solid var(--hb-color-primary,#1677ff);border-radius:var(--hb-border-radius-base,4px);box-sizing:border-box;color:var(--hb-color-text,#262626);font-size:var(--hb-font-size-sm,14px);min-width:60px;outline:none;padding:2px 6px;width:100%}@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}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@media (max-width:575.98px){.hb-table__table{min-width:480px}.hb-table__table thead th{background-color:var(--hb-color-bg-container,#fafafa);position:sticky;top:0;z-index:2}}';const r=a;const o=class{constructor(i){t(this,i);this.hbSortChange=e(this,"hbSortChange",7);this.hbRowClick=e(this,"hbRowClick",7);this.hbSelectionChange=e(this,"hbSelectionChange",7);this.hbAction=e(this,"hbAction",7);this.hbExpandChange=e(this,"hbExpandChange",7);this.hbCellChange=e(this,"hbCellChange",7)}data=[];columns=[];stripe=false;border=false;size="default";loading=false;rowKey="";emptyText="暂无数据";maxHeight;highlightCurrentRow=false;selectable=false;actions=[];virtualScroll=false;itemHeight=48;virtualScrollHeight=400;treeProps;editable=false;sortProp="";sortDirection=null;currentRow=-1;selectedRows=new Set;scrollTop=0;expandedRowKeys=[];editingCell=null;hbSortChange;hbRowClick;hbSelectionChange;hbAction;hbExpandChange;hbCellChange;handleDataChange(){this.selectedRows=new Set;this.emitSelection()}get isTreeMode(){return!!this.treeProps}get childrenField(){return this.treeProps&&this.treeProps.children||"children"}flattenTree(t,e=0,i=""){const a=this.childrenField;const r=[];t.forEach(((t,o)=>{const l=i?`${i}.${o}`:`${o}`;const s=this.rowKey?t[this.rowKey]:l;const n=t[a];const h=Array.isArray(n)&&n.length>0;r.push({row:t,level:e,key:s,hasChildren:h,index:o});if(h&&this.expandedRowKeys.indexOf(s)!==-1){r.push(...this.flattenTree(n,e+1,l))}}));return r}toggleExpand=(t,e)=>{const i=this.expandedRowKeys.indexOf(e);const a=i===-1;this.expandedRowKeys=a?[...this.expandedRowKeys,e]:this.expandedRowKeys.filter((t=>t!==e));this.hbExpandChange.emit({expanded:a,row:t})};startEdit=(t,e,i)=>{t.stopPropagation();if(!this.editable)return;this.editingCell={rowKey:e,prop:i}};commitEdit=(t,e,i)=>{const a=t.target;const r=a.value;e[i]=r;this.editingCell=null;this.hbCellChange.emit({row:e,prop:i,value:r})};onEditKeydown=(t,e,i)=>{if(t.key==="Enter"){t.preventDefault();this.commitEdit(t,e,i)}else if(t.key==="Escape"){t.preventDefault();this.editingCell=null}};allCheckboxRef;componentDidRender(){if(this.allCheckboxRef){this.allCheckboxRef.indeterminate=this.isIndeterminate}}virtualBuffer=5;handleVirtualScroll=t=>{const e=t.target;this.scrollTop=e.scrollTop};get visibleRange(){const t=this.data.length;if(t===0)return{startIndex:0,endIndex:0};const e=this.itemHeight>0?this.itemHeight:1;const i=this.virtualScrollHeight;let a=Math.floor(this.scrollTop/e)-this.virtualBuffer;if(a<0)a=0;let r=Math.ceil((this.scrollTop+i)/e)+this.virtualBuffer;if(r>t)r=t;return{startIndex:a,endIndex:r}}get virtualTotalHeight(){return this.data.length*(this.itemHeight>0?this.itemHeight:1)}handleSort=t=>{if(this.sortProp===t){this.sortDirection=this.sortDirection==="ascending"?"descending":this.sortDirection==="descending"?null:"ascending"}else{this.sortProp=t;this.sortDirection="ascending"}this.hbSortChange.emit({prop:t,order:this.sortDirection})};get sortedData(){if(!this.sortProp||!this.sortDirection)return this.data;const t=this.sortDirection==="ascending"?1:-1;return[...this.data].sort(((e,i)=>{const a=e[this.sortProp];const r=i[this.sortProp];if(a<r)return-1*t;if(a>r)return 1*t;return 0}))}get isAllSelected(){return this.data.length>0&&this.selectedRows.size===this.data.length}get isIndeterminate(){return this.selectedRows.size>0&&this.selectedRows.size<this.data.length}toggleRow=(t,e)=>{e.stopPropagation();const i=new Set(this.selectedRows);if(i.has(t)){i.delete(t)}else{i.add(t)}this.selectedRows=i;this.emitSelection()};toggleAll=()=>{if(this.isAllSelected){this.selectedRows=new Set}else{this.selectedRows=new Set(this.data.map(((t,e)=>e)))}this.emitSelection()};emitSelection(){const t=Array.from(this.selectedRows).sort(((t,e)=>t-e)).map((t=>this.data[t])).filter(Boolean);this.hbSelectionChange.emit(t)}handleRowClick=(t,e)=>{this.currentRow=e;this.hbRowClick.emit({row:t,index:e})};handleAction=(t,e,i)=>{this.hbAction.emit({row:t,index:e,action:i})};get hasActions(){return!!this.actions&&this.actions.length>0}get fixedOffsets(){const t={};let e="0px";for(const i of this.columns){const a=i.fixed===true?"left":i.fixed;if(a==="left"){t[i.prop]={side:"left",left:e};e=`calc(${e} + ${i.width||"0px"})`}}let i="0px";for(let e=this.columns.length-1;e>=0;e--){const a=this.columns[e];if(a.fixed==="right"){t[a.prop]={side:"right",right:i};i=`calc(${i} + ${a.width||"0px"})`}}return t}cellStyle(t,e){const i=this.fixedOffsets[t];const a={...e||{}};if(i?.side==="left"){a.position="sticky";a.left=i.left;a.zIndex="2"}else if(i?.side==="right"){a.position="sticky";a.right=i.right;a.zIndex="2"}return a}renderRow(t,e,a){const r=!!a;const o=a?a.level:0;const l=a?a.key:this.rowKey?t[this.rowKey]:e;const s=o*16;const n=t=>!!this.editingCell&&this.editingCell.rowKey===l&&this.editingCell.prop===t;return i("tr",{key:l,class:{"hb-table__row":true,"hb-table__row--striped":this.stripe&&e%2===1,"hb-table__row--current":this.highlightCurrentRow&&e===this.currentRow,"hb-table__row--selected":this.selectedRows.has(e),"hb-table__row--tree":r},onClick:()=>this.handleRowClick(t,e)},this.selectable&&i("td",{class:"hb-table__selection",onClick:t=>t.stopPropagation()},i("input",{type:"checkbox",class:"hb-table__checkbox",checked:this.selectedRows.has(e),onChange:t=>this.toggleRow(e,t)})),this.columns.map(((o,h)=>{const b=this.fixedOffsets[o.prop];const d=h===0;const c=r&&d&&a.hasChildren;const p=c&&this.expandedRowKeys.indexOf(l)!==-1;const f=this.editable&&!!o.editable&&n(o.prop);const g=this.editable&&!!o.editable;return i("td",{key:o.prop,style:this.cellStyle(o.prop,{textAlign:o.align||"left"}),class:{"hb-table__td":true,"hb-table__cell--fixed-left":b?.side==="left","hb-table__cell--fixed-right":b?.side==="right","hb-table__cell--editable":g},onClick:g?t=>this.startEdit(t,l,o.prop):undefined},r&&d&&i("span",{class:"hb-table__indent",style:{display:"inline-block",width:`${s}px`},"aria-hidden":"true"}),c&&i("button",{type:"button",class:{"hb-table__expand":true,"hb-table__expand--expanded":p},"aria-label":p?"收起":"展开",onClick:e=>{e.stopPropagation();this.toggleExpand(t,l)}},p?"▼":"▶"),c===false&&r&&d&&i("span",{class:"hb-table__expand-placeholder",style:{display:"inline-block",width:"16px"},"aria-hidden":"true"}),f?i("input",{class:"hb-table__edit-input",type:"text",value:t[o.prop]??"",onBlur:e=>this.commitEdit(e,t,o.prop),onKeyDown:e=>this.onEditKeydown(e,t,o.prop)}):i("slot",{name:`cell-${o.prop}`},o.formatter?o.formatter(t,e):t[o.prop]??""))})),this.hasActions&&i("td",{class:"hb-table__td--actions",style:{textAlign:"right",whiteSpace:"nowrap"},onClick:t=>t.stopPropagation()},this.actions.map((a=>i("button",{type:"button",class:{"hb-table__action":true,"hb-table__action--primary":a.type==="primary","hb-table__action--danger":a.type==="danger"},disabled:a.disabled?a.disabled(t,e):false,onClick:()=>this.handleAction(t,e,a.key)},a.label)))))}renderHeader(){return i("thead",null,i("tr",null,this.selectable&&i("th",{class:"hb-table__selection"},i("input",{type:"checkbox",class:"hb-table__checkbox",checked:this.isAllSelected,ref:t=>{this.allCheckboxRef=t},onChange:this.toggleAll})),this.columns.map((t=>{const e=this.fixedOffsets[t.prop];return i("th",{key:t.prop,style:this.cellStyle(t.prop,{width:t.width,minWidth:t.minWidth,textAlign:t.align||"left"}),class:{"hb-table__th--sortable":t.sortable,"hb-table__cell--fixed-left":e?.side==="left","hb-table__cell--fixed-right":e?.side==="right"},onClick:t.sortable?()=>this.handleSort(t.prop):undefined},i("div",{class:"hb-table__th-content"},i("span",null,t.label),t.sortable&&i("span",{class:"hb-table__sort"},i("span",{class:{"hb-table__sort-icon":true,"hb-table__sort-icon--active":this.sortProp===t.prop&&this.sortDirection==="ascending"}},"▲"),i("span",{class:{"hb-table__sort-icon":true,"hb-table__sort-icon--active":this.sortProp===t.prop&&this.sortDirection==="descending"}},"▼"))))})),this.hasActions&&i("th",{class:"hb-table__th--actions",style:{textAlign:"right",whiteSpace:"nowrap"}},"操作")))}render(){const t=this.sortedData;const e=t.length===0;const a=this.isTreeMode?this.flattenTree(t):[];const r=()=>{const{startIndex:a,endIndex:r}=this.visibleRange;const o=a*(this.itemHeight>0?this.itemHeight:1);return i("div",{class:"hb-table__virtual-viewport",style:{height:`${this.virtualScrollHeight}px`,overflowY:"auto"},onScroll:this.handleVirtualScroll},i("div",{class:"hb-table__virtual-spacer",style:{height:`${this.virtualTotalHeight}px`,position:"relative"}},i("table",{class:"hb-table__table hb-table__table--virtual"},i("tbody",null,e?i("tr",null,i("td",{colSpan:this.columns.length+(this.selectable?1:0)+(this.hasActions?1:0),class:"hb-table__empty"},this.emptyText)):i("tr",{style:{height:`${o}px`},"aria-hidden":"true"}),t.slice(a,r).map(((t,e)=>this.renderRow(t,a+e)))))))};const o=()=>i("tbody",null,e?i("tr",null,i("td",{colSpan:this.columns.length+(this.selectable?1:0)+(this.hasActions?1:0),class:"hb-table__empty"},this.emptyText)):this.isTreeMode?a.map(((t,e)=>this.renderRow(t.row,e,t))):t.map(((t,e)=>this.renderRow(t,e))));return i("div",{class:{"hb-table":true,[`hb-table--${this.size}`]:true,"hb-table--border":this.border,"hb-table--virtual":this.virtualScroll}},this.loading&&i("div",{class:"hb-table__loading"},i("div",{class:"hb-table__loading-spinner"})),this.virtualScroll?i("div",{class:"hb-table__virtual-wrapper"},i("table",{class:"hb-table__table"},this.renderHeader()),r()):i("div",{class:"hb-table__wrapper",style:this.maxHeight?{maxHeight:this.maxHeight,overflow:"auto"}:undefined},i("table",{class:"hb-table__table"},this.renderHeader(),o())))}static get watchers(){return{data:["handleDataChange"]}}};o.style=r;export{o as hb_table};
-//# sourceMappingURL=p-2943f5d0.entry.js.map
+import{r as t,c as e,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-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;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@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{.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inline-block{display:inline-block}.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)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-table{background-color:var(--hb-color-bg);border-radius:var(--hb-border-radius-base);overflow:hidden;position:relative}.hb-table--border{border:1px solid var(--hb-color-border-secondary)}.hb-table--border .hb-table__table th,.hb-table--border .hb-table__td{border-right:1px solid var(--hb-color-border-secondary)}.hb-table__wrapper{overflow-x:auto}.hb-table__table{border-collapse:collapse;border-spacing:0;table-layout:auto;width:100%}.hb-table__table th{background-color:var(--hb-table-header-bg);border-bottom:1px solid var(--hb-color-border-secondary);color:var(--hb-table-header-color);font-size:var(--hb-font-size-sm);font-weight:600;padding:10px 12px;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.hb-table__th-content{align-items:center;display:inline-flex;gap:4px}.hb-table__th--sortable{cursor:pointer}.hb-table__th--sortable:hover{background-color:var(--hb-color-fill-tertiary)}.hb-table__sort{display:inline-flex;flex-direction:column;font-size:10px;gap:1px;line-height:1}.hb-table__sort-icon{color:var(--hb-color-text-quaternary);transition:color var(--hb-transition-duration)}.hb-table__sort-icon--active{color:var(--hb-color-primary)}.hb-table__td{border-bottom:1px solid var(--hb-table-border-color);color:var(--hb-color-text);font-size:var(--hb-font-size-sm);padding:10px 12px;transition:background-color var(--hb-transition-duration)}.hb-table__row:hover .hb-table__td{background-color:var(--hb-table-row-hover-bg)}.hb-table__row--striped .hb-table__td{background-color:var(--hb-table-stripe-bg)}.hb-table__row--current .hb-table__td{background-color:var(--hb-color-primary-bg)}.hb-table__empty{color:var(--hb-color-text-secondary);padding:var(--hb-spacing-xl)0;text-align:center}.hb-table__loading{align-items:center;background-color:#ffffffb3;display:flex;inset:0;justify-content:center;position:absolute;z-index:1}.hb-table__loading-spinner{animation:hb-spin .8s linear infinite;border:3px solid var(--hb-color-border-secondary);border-radius:50%;border-top-color:var(--hb-color-primary);height:32px;width:32px}.hb-table--small .hb-table__table th,.hb-table--small .hb-table__td{font-size:var(--hb-font-size-xs);padding:6px 8px}.hb-table--large .hb-table__table th,.hb-table--large .hb-table__td{font-size:var(--hb-font-size-base);padding:14px 16px}.hb-table__selection{min-width:48px;text-align:center;white-space:nowrap;width:48px}.hb-table__checkbox{accent-color:var(--hb-color-primary);cursor:pointer;height:16px;vertical-align:middle;width:16px}.hb-table__selection .hb-table__checkbox{margin:0}.hb-table__row--selected .hb-table__td{background-color:var(--hb-color-primary-bg)}.hb-table__cell--fixed-left,.hb-table__cell--fixed-right{background-color:var(--hb-color-bg);position:sticky;z-index:2}.hb-table__table th.hb-table__cell--fixed-left,.hb-table__table th.hb-table__cell--fixed-right{background-color:var(--hb-table-header-bg)}.hb-table__cell--fixed-right{box-shadow:-4px 0 8px #0000000f}.hb-table__cell--fixed-left:not(.hb-table__cell--fixed-right){box-shadow:4px 0 8px #0000000f}.hb-table__row--selected .hb-table__cell--fixed-left,.hb-table__row--selected .hb-table__cell--fixed-right{background-color:var(--hb-color-primary-bg)}.hb-table__row:hover .hb-table__cell--fixed-left,.hb-table__row:hover .hb-table__cell--fixed-right{background-color:var(--hb-table-row-hover-bg)}@keyframes hb-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.hb-table__action{background:0 0;border:none;color:var(--hb-color-primary,#1677ff);cursor:pointer;font-size:var(--hb-font-size-sm,14px);line-height:1.5;padding:0;transition:opacity var(--hb-transition-duration,.2s)}.hb-table__action:hover{opacity:.8}.hb-table__action:disabled{color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}.hb-table__action--danger{color:var(--hb-color-danger,#f5222d)}.hb-table__action--danger:disabled{color:var(--hb-color-text-disabled,#c0c4cc)}.hb-table__action+.hb-table__action{margin-left:var(--hb-spacing-sm,12px)}.hb-table--virtual{overflow:hidden}.hb-table__virtual-wrapper{display:flex;flex-direction:column}.hb-table__virtual-viewport{overflow:auto;position:relative}.hb-table__virtual-spacer{position:relative;width:100%}.hb-table__table--virtual{table-layout:fixed;width:100%}.hb-table__table--virtual tbody{position:relative}.hb-table__expand{align-items:center;background:0 0;border:none;color:var(--hb-color-text-secondary,#595959);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:10px;height:16px;justify-content:center;line-height:1;margin-right:4px;padding:0;transition:color var(--hb-transition-duration,.2s);vertical-align:middle;width:16px}.hb-table__expand:hover{color:var(--hb-color-primary,#1677ff)}.hb-table__row--tree .hb-table__td{white-space:nowrap}.hb-table__cell--editable{cursor:text}.hb-table__cell--editable:hover{background-color:var(--hb-color-fill-tertiary,#f5f5f5)}.hb-table__edit-input{background-color:var(--hb-color-bg,#fff);border:1px solid var(--hb-color-primary,#1677ff);border-radius:var(--hb-border-radius-base,4px);box-sizing:border-box;color:var(--hb-color-text,#262626);font-size:var(--hb-font-size-sm,14px);min-width:60px;outline:none;padding:2px 6px;width:100%}@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}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@media (max-width:575.98px){.hb-table__table{min-width:480px}.hb-table__table thead th{background-color:var(--hb-color-bg-container,#fafafa);position:sticky;top:0;z-index:2}}';const r=a;const o=class{constructor(i){t(this,i);this.hbSortChange=e(this,"hbSortChange",7);this.hbRowClick=e(this,"hbRowClick",7);this.hbSelectionChange=e(this,"hbSelectionChange",7);this.hbAction=e(this,"hbAction",7);this.hbExpandChange=e(this,"hbExpandChange",7);this.hbCellChange=e(this,"hbCellChange",7)}data=[];columns=[];stripe=false;border=false;size="default";loading=false;rowKey="";emptyText="暂无数据";maxHeight;highlightCurrentRow=false;selectable=false;actions=[];virtualScroll=false;itemHeight=48;virtualScrollHeight=400;treeProps;editable=false;sortProp="";sortDirection=null;currentRow=-1;selectedRows=new Set;scrollTop=0;expandedRowKeys=[];editingCell=null;hbSortChange;hbRowClick;hbSelectionChange;hbAction;hbExpandChange;hbCellChange;handleDataChange(){this.selectedRows=new Set;this.emitSelection()}get isTreeMode(){return!!this.treeProps}get childrenField(){return this.treeProps&&this.treeProps.children||"children"}flattenTree(t,e=0,i=""){const a=this.childrenField;const r=[];t.forEach(((t,o)=>{const l=i?`${i}.${o}`:`${o}`;const s=this.rowKey?t[this.rowKey]:l;const n=t[a];const h=Array.isArray(n)&&n.length>0;r.push({row:t,level:e,key:s,hasChildren:h,index:o});if(h&&this.expandedRowKeys.indexOf(s)!==-1){r.push(...this.flattenTree(n,e+1,l))}}));return r}toggleExpand=(t,e)=>{const i=this.expandedRowKeys.indexOf(e);const a=i===-1;this.expandedRowKeys=a?[...this.expandedRowKeys,e]:this.expandedRowKeys.filter((t=>t!==e));this.hbExpandChange.emit({expanded:a,row:t})};startEdit=(t,e,i)=>{t.stopPropagation();if(!this.editable)return;this.editingCell={rowKey:e,prop:i}};commitEdit=(t,e,i)=>{const a=t.target;const r=a.value;e[i]=r;this.editingCell=null;this.hbCellChange.emit({row:e,prop:i,value:r})};onEditKeydown=(t,e,i)=>{if(t.key==="Enter"){t.preventDefault();this.commitEdit(t,e,i)}else if(t.key==="Escape"){t.preventDefault();this.editingCell=null}};allCheckboxRef;componentDidRender(){if(this.allCheckboxRef){this.allCheckboxRef.indeterminate=this.isIndeterminate}}virtualBuffer=5;handleVirtualScroll=t=>{const e=t.target;this.scrollTop=e.scrollTop};get visibleRange(){const t=this.data.length;if(t===0)return{startIndex:0,endIndex:0};const e=this.itemHeight>0?this.itemHeight:1;const i=this.virtualScrollHeight;let a=Math.floor(this.scrollTop/e)-this.virtualBuffer;if(a<0)a=0;let r=Math.ceil((this.scrollTop+i)/e)+this.virtualBuffer;if(r>t)r=t;return{startIndex:a,endIndex:r}}get virtualTotalHeight(){return this.data.length*(this.itemHeight>0?this.itemHeight:1)}handleSort=t=>{if(this.sortProp===t){this.sortDirection=this.sortDirection==="ascending"?"descending":this.sortDirection==="descending"?null:"ascending"}else{this.sortProp=t;this.sortDirection="ascending"}this.hbSortChange.emit({prop:t,order:this.sortDirection})};get sortedData(){if(!this.sortProp||!this.sortDirection)return this.data;const t=this.sortDirection==="ascending"?1:-1;return[...this.data].sort(((e,i)=>{const a=e[this.sortProp];const r=i[this.sortProp];if(a<r)return-1*t;if(a>r)return 1*t;return 0}))}get isAllSelected(){return this.data.length>0&&this.selectedRows.size===this.data.length}get isIndeterminate(){return this.selectedRows.size>0&&this.selectedRows.size<this.data.length}toggleRow=(t,e)=>{e.stopPropagation();const i=new Set(this.selectedRows);if(i.has(t)){i.delete(t)}else{i.add(t)}this.selectedRows=i;this.emitSelection()};toggleAll=()=>{if(this.isAllSelected){this.selectedRows=new Set}else{this.selectedRows=new Set(this.data.map(((t,e)=>e)))}this.emitSelection()};emitSelection(){const t=Array.from(this.selectedRows).sort(((t,e)=>t-e)).map((t=>this.data[t])).filter(Boolean);this.hbSelectionChange.emit(t)}handleRowClick=(t,e)=>{this.currentRow=e;this.hbRowClick.emit({row:t,index:e})};handleAction=(t,e,i)=>{this.hbAction.emit({row:t,index:e,action:i})};get hasActions(){return!!this.actions&&this.actions.length>0}_fixedOffsetsCache=null;_fixedOffsetsColumnsRef=null;getFixedOffsets(){if(this._fixedOffsetsCache&&this._fixedOffsetsColumnsRef===this.columns){return this._fixedOffsetsCache}const t={};let e="0px";for(const i of this.columns){const a=i.fixed===true?"left":i.fixed;if(a==="left"){t[i.prop]={side:"left",left:e};e=`calc(${e} + ${i.width||"0px"})`}}let i="0px";for(let e=this.columns.length-1;e>=0;e--){const a=this.columns[e];if(a.fixed==="right"){t[a.prop]={side:"right",right:i};i=`calc(${i} + ${a.width||"0px"})`}}this._fixedOffsetsCache=t;this._fixedOffsetsColumnsRef=this.columns;return t}cellStyle(t,e){const i=this.getFixedOffsets()[t];const a={...e||{}};if(i?.side==="left"){a.position="sticky";a.left=i.left;a.zIndex="2"}else if(i?.side==="right"){a.position="sticky";a.right=i.right;a.zIndex="2"}return a}renderRow(t,e,a){const r=!!a;const o=a?a.level:0;const l=a?a.key:this.rowKey?t[this.rowKey]:e;const s=o*16;const n=t=>!!this.editingCell&&this.editingCell.rowKey===l&&this.editingCell.prop===t;return i("tr",{key:l,class:{"hb-table__row":true,"hb-table__row--striped":this.stripe&&e%2===1,"hb-table__row--current":this.highlightCurrentRow&&e===this.currentRow,"hb-table__row--selected":this.selectedRows.has(e),"hb-table__row--tree":r},onClick:()=>this.handleRowClick(t,e)},this.selectable&&i("td",{class:"hb-table__selection",onClick:t=>t.stopPropagation()},i("input",{type:"checkbox",class:"hb-table__checkbox",checked:this.selectedRows.has(e),onChange:t=>this.toggleRow(e,t)})),this.columns.map(((o,h)=>{const b=this.getFixedOffsets()[o.prop];const d=h===0;const c=r&&d&&a.hasChildren;const p=c&&this.expandedRowKeys.indexOf(l)!==-1;const f=this.editable&&!!o.editable&&n(o.prop);const u=this.editable&&!!o.editable;return i("td",{key:o.prop,style:this.cellStyle(o.prop,{textAlign:o.align||"left"}),class:{"hb-table__td":true,"hb-table__cell--fixed-left":b?.side==="left","hb-table__cell--fixed-right":b?.side==="right","hb-table__cell--editable":u},onClick:u?t=>this.startEdit(t,l,o.prop):undefined},r&&d&&i("span",{class:"hb-table__indent",style:{display:"inline-block",width:`${s}px`},"aria-hidden":"true"}),c&&i("button",{type:"button",class:{"hb-table__expand":true,"hb-table__expand--expanded":p},"aria-label":p?"收起":"展开",onClick:e=>{e.stopPropagation();this.toggleExpand(t,l)}},p?"▼":"▶"),c===false&&r&&d&&i("span",{class:"hb-table__expand-placeholder",style:{display:"inline-block",width:"16px"},"aria-hidden":"true"}),f?i("input",{class:"hb-table__edit-input",type:"text",value:t[o.prop]??"",onBlur:e=>this.commitEdit(e,t,o.prop),onKeyDown:e=>this.onEditKeydown(e,t,o.prop)}):i("slot",{name:`cell-${o.prop}`},o.formatter?o.formatter(t,e):t[o.prop]??""))})),this.hasActions&&i("td",{class:"hb-table__td--actions",style:{textAlign:"right",whiteSpace:"nowrap"},onClick:t=>t.stopPropagation()},this.actions.map((a=>i("button",{type:"button",class:{"hb-table__action":true,"hb-table__action--primary":a.type==="primary","hb-table__action--danger":a.type==="danger"},disabled:a.disabled?a.disabled(t,e):false,onClick:()=>this.handleAction(t,e,a.key)},a.label)))))}renderHeader(){return i("thead",null,i("tr",null,this.selectable&&i("th",{class:"hb-table__selection"},i("input",{type:"checkbox",class:"hb-table__checkbox",checked:this.isAllSelected,ref:t=>{this.allCheckboxRef=t},onChange:this.toggleAll})),this.columns.map((t=>{const e=this.getFixedOffsets()[t.prop];return i("th",{key:t.prop,style:this.cellStyle(t.prop,{width:t.width,minWidth:t.minWidth,textAlign:t.align||"left"}),class:{"hb-table__th--sortable":t.sortable,"hb-table__cell--fixed-left":e?.side==="left","hb-table__cell--fixed-right":e?.side==="right"},onClick:t.sortable?()=>this.handleSort(t.prop):undefined},i("div",{class:"hb-table__th-content"},i("span",null,t.label),t.sortable&&i("span",{class:"hb-table__sort"},i("span",{class:{"hb-table__sort-icon":true,"hb-table__sort-icon--active":this.sortProp===t.prop&&this.sortDirection==="ascending"}},"▲"),i("span",{class:{"hb-table__sort-icon":true,"hb-table__sort-icon--active":this.sortProp===t.prop&&this.sortDirection==="descending"}},"▼"))))})),this.hasActions&&i("th",{class:"hb-table__th--actions",style:{textAlign:"right",whiteSpace:"nowrap"}},"操作")))}render(){const t=this.sortedData;const e=t.length===0;const a=this.isTreeMode?this.flattenTree(t):[];const r=()=>{const{startIndex:a,endIndex:r}=this.visibleRange;const o=a*(this.itemHeight>0?this.itemHeight:1);return i("div",{class:"hb-table__virtual-viewport",style:{height:`${this.virtualScrollHeight}px`,overflowY:"auto"},onScroll:this.handleVirtualScroll},i("div",{class:"hb-table__virtual-spacer",style:{height:`${this.virtualTotalHeight}px`,position:"relative"}},i("table",{class:"hb-table__table hb-table__table--virtual"},i("tbody",null,e?i("tr",null,i("td",{colSpan:this.columns.length+(this.selectable?1:0)+(this.hasActions?1:0),class:"hb-table__empty"},this.emptyText)):i("tr",{style:{height:`${o}px`},"aria-hidden":"true"}),t.slice(a,r).map(((t,e)=>this.renderRow(t,a+e)))))))};const o=()=>i("tbody",null,e?i("tr",null,i("td",{colSpan:this.columns.length+(this.selectable?1:0)+(this.hasActions?1:0),class:"hb-table__empty"},this.emptyText)):this.isTreeMode?a.map(((t,e)=>this.renderRow(t.row,e,t))):t.map(((t,e)=>this.renderRow(t,e))));return i("div",{class:{"hb-table":true,[`hb-table--${this.size}`]:true,"hb-table--border":this.border,"hb-table--virtual":this.virtualScroll}},this.loading&&i("div",{class:"hb-table__loading"},i("div",{class:"hb-table__loading-spinner"})),this.virtualScroll?i("div",{class:"hb-table__virtual-wrapper"},i("table",{class:"hb-table__table"},this.renderHeader()),r()):i("div",{class:"hb-table__wrapper",style:this.maxHeight?{maxHeight:this.maxHeight,overflow:"auto"}:undefined},i("table",{class:"hb-table__table"},this.renderHeader(),o())))}static get watchers(){return{data:["handleDataChange"]}}};o.style=r;export{o as hb_table};
+//# sourceMappingURL=p-29092b85.entry.js.map