huibo-ui 0.4.0 → 0.6.0

package/dist/components/p-cc0aeb50.js.map

@@ -1 +0,0 @@
-{"file":"p-cc0aeb50.js","mappings":"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","names":[],"sources":["src/utils/a11y.ts"],"sourcesContent":["/**\n * 无障碍（a11y）工具集\n * 统一 ARIA 属性辅助、焦点陷阱、列表键盘导航等在交互组件（Dialog / Drawer / Menu /\n * Dropdown / Select 等）中重复出现且容易写错的可访问性逻辑。\n *\n * 参考标准：WAI-ARIA Authoring Practices 1.2。\n */\n\n/** 判定按键是否为「激活」键（Enter / Space），用于自定义可聚焦元素的点击替代 */\nexport function isActivationKey(key: string | undefined): boolean {\n  return key === 'Enter' || key === ' ' || key === 'Spacebar';\n}\n\n/** 查询容器内可聚焦的元素顺序（tabindex >= 0 的语义元素） */\nconst FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'textarea:not([disabled])',\n  'input:not([disabled])',\n  'select:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n  '[contenteditable=\"true\"]',\n].join(',');\n\nexport function getFocusableElements(container: HTMLElement): HTMLElement[] {\n  return Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)).filter(\n    (el) => el.getAttribute('aria-hidden') !== 'true' && el.style.display !== 'none',\n  );\n}\n\n/** 焦点陷阱选项 */\nexport interface FocusTrapOptions {\n  /** 焦点受限的容器元素 */\n  container: HTMLElement;\n  /** 打开时是否自动聚焦容器内首个可聚焦元素 */\n  autoFocus?: boolean;\n  /** 容器激活前的元素（用于关闭时归还焦点） */\n  returnFocusTo?: HTMLElement | null;\n}\n\n/** 焦点陷阱句柄 */\nexport interface FocusTrap {\n  /** 启用：绑定 Tab 拦截，可选自动聚焦 */\n  connect: () => void;\n  /** 关闭：解除拦截，归还焦点 */\n  disconnect: () => void;\n}\n\n/**\n * 创建焦点陷阱（Dialog / Drawer 打开时把 Tab 循环限制在容器内）。\n * 关键点：Tab 与 Shift+Tab 在容器边界时回环到另一端，防止焦点逃逸到背景。\n * 返回句柄，组件在打开时 connect()、关闭时 disconnect()。\n */\nexport function createFocusTrap(options: FocusTrapOptions): FocusTrap {\n  const { container, autoFocus = true, returnFocusTo } = options;\n  let active = false;\n  let previouslyFocused: HTMLElement | null = null;\n\n  const handleKeydown = (e: KeyboardEvent) => {\n    if (e.key !== 'Tab') return;\n    const focusable = getFocusableElements(container);\n    if (focusable.length === 0) {\n      e.preventDefault();\n      container.focus();\n      return;\n    }\n    const first = focusable[0];\n    const last = focusable[focusable.length - 1];\n    const activeEl = document.activeElement;\n\n    if (e.shiftKey) {\n      if (activeEl === first || !container.contains(activeEl)) {\n        e.preventDefault();\n        last.focus();\n      }\n    } else {\n      if (activeEl === last) {\n        e.preventDefault();\n        first.focus();\n      }\n    }\n  };\n\n  const connect = () => {\n    if (active) return;\n    active = true;\n    previouslyFocused = (returnFocusTo ?? document.activeElement) as HTMLElement | null;\n    container.addEventListener('keydown', handleKeydown);\n    if (autoFocus) {\n      const focusable = getFocusableElements(container);\n      (focusable[0] ?? container).focus();\n    }\n  };\n\n  const disconnect = () => {\n    if (!active) return;\n    active = false;\n    container.removeEventListener('keydown', handleKeydown);\n    if (previouslyFocused && typeof previouslyFocused.focus === 'function') {\n      previouslyFocused.focus();\n    }\n    previouslyFocused = null;\n  };\n\n  return { connect, disconnect };\n}\n\n/** 列表键盘导航产生的动作 */\nexport type ListKeyAction =\n  | { type: 'navigate'; index: number }\n  | { type: 'select'; index: number }\n  | { type: 'close' }\n  | { type: 'none' };\n\n/** 列表键盘导航参数 */\nexport interface ListKeyboardOptions {\n  /** 当前高亮项索引（-1 表示无高亮） */\n  activeIndex: number;\n  /** 列表项总数 */\n  itemCount: number;\n  /** 是否允许循环（首尾跳转） */\n  loop?: boolean;\n}\n\n/**\n * 列表 / 菜单 / 下拉选项的键盘导航核心逻辑（listbox / menu / combobox 通用）。\n * 返回应执行的动作，由调用方据此更新 activeIndex / 触发选中 / 关闭。\n *\n * 支持：ArrowDown/ArrowUp（竖排）/ArrowRight/ArrowLeft（横排）移动、Home/End 跳首尾、\n * Enter/Space 选中、Escape 关闭。\n */\nexport function handleListKeyboard(event: KeyboardEvent, options: ListKeyboardOptions): ListKeyAction {\n  const { activeIndex, itemCount, loop = true } = options;\n  if (itemCount <= 0) return { type: 'none' };\n\n  const clamp = (idx: number) => (idx + itemCount) % itemCount;\n  const within = (idx: number) => Math.max(0, Math.min(idx, itemCount - 1));\n\n  switch (event.key) {\n    case 'ArrowDown':\n    case 'ArrowRight':\n      return { type: 'navigate', index: loop ? clamp(activeIndex + 1) : within(activeIndex + 1) };\n    case 'ArrowUp':\n    case 'ArrowLeft':\n      return { type: 'navigate', index: loop ? clamp(activeIndex - 1) : within(activeIndex - 1) };\n    case 'Home':\n      return { type: 'navigate', index: 0 };\n    case 'End':\n      return { type: 'navigate', index: itemCount - 1 };\n    case 'Enter':\n    case ' ':\n    case 'Spacebar':\n      return activeIndex >= 0 ? { type: 'select', index: activeIndex } : { type: 'none' };\n    case 'Escape':\n      return { type: 'close' };\n    default:\n      return { type: 'none' };\n  }\n}\n\n/**\n * 为元素批量设置 ARIA 属性（不可变：返回新映射，但直接操作 DOM 属性是 a11y 的固有需求）。\n * 组件挂载后调用一次即可，避免每次 render 重复写 setAttribute。\n */\nexport function applyAria(el: HTMLElement, attrs: Record<string, string | boolean | undefined>): void {\n  Object.entries(attrs).forEach(([key, value]) => {\n    if (value === undefined || value === null) {\n      el.removeAttribute(`aria-${key}`);\n    } else {\n      el.setAttribute(`aria-${key}`, String(value));\n    }\n  });\n}\n"],"version":3}

package/dist/esm/a11y-f9ab2964.js.map

@@ -1 +0,0 @@
-{"file":"a11y-f9ab2964.js","mappings":"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","names":[],"sources":["src/utils/a11y.ts"],"sourcesContent":["/**\n * 无障碍（a11y）工具集\n * 统一 ARIA 属性辅助、焦点陷阱、列表键盘导航等在交互组件（Dialog / Drawer / Menu /\n * Dropdown / Select 等）中重复出现且容易写错的可访问性逻辑。\n *\n * 参考标准：WAI-ARIA Authoring Practices 1.2。\n */\n\n/** 判定按键是否为「激活」键（Enter / Space），用于自定义可聚焦元素的点击替代 */\nexport function isActivationKey(key: string | undefined): boolean {\n  return key === 'Enter' || key === ' ' || key === 'Spacebar';\n}\n\n/** 查询容器内可聚焦的元素顺序（tabindex >= 0 的语义元素） */\nconst FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'textarea:not([disabled])',\n  'input:not([disabled])',\n  'select:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n  '[contenteditable=\"true\"]',\n].join(',');\n\nexport function getFocusableElements(container: HTMLElement): HTMLElement[] {\n  return Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)).filter(\n    (el) => el.getAttribute('aria-hidden') !== 'true' && el.style.display !== 'none',\n  );\n}\n\n/** 焦点陷阱选项 */\nexport interface FocusTrapOptions {\n  /** 焦点受限的容器元素 */\n  container: HTMLElement;\n  /** 打开时是否自动聚焦容器内首个可聚焦元素 */\n  autoFocus?: boolean;\n  /** 容器激活前的元素（用于关闭时归还焦点） */\n  returnFocusTo?: HTMLElement | null;\n}\n\n/** 焦点陷阱句柄 */\nexport interface FocusTrap {\n  /** 启用：绑定 Tab 拦截，可选自动聚焦 */\n  connect: () => void;\n  /** 关闭：解除拦截，归还焦点 */\n  disconnect: () => void;\n}\n\n/**\n * 创建焦点陷阱（Dialog / Drawer 打开时把 Tab 循环限制在容器内）。\n * 关键点：Tab 与 Shift+Tab 在容器边界时回环到另一端，防止焦点逃逸到背景。\n * 返回句柄，组件在打开时 connect()、关闭时 disconnect()。\n */\nexport function createFocusTrap(options: FocusTrapOptions): FocusTrap {\n  const { container, autoFocus = true, returnFocusTo } = options;\n  let active = false;\n  let previouslyFocused: HTMLElement | null = null;\n\n  const handleKeydown = (e: KeyboardEvent) => {\n    if (e.key !== 'Tab') return;\n    const focusable = getFocusableElements(container);\n    if (focusable.length === 0) {\n      e.preventDefault();\n      container.focus();\n      return;\n    }\n    const first = focusable[0];\n    const last = focusable[focusable.length - 1];\n    const activeEl = document.activeElement;\n\n    if (e.shiftKey) {\n      if (activeEl === first || !container.contains(activeEl)) {\n        e.preventDefault();\n        last.focus();\n      }\n    } else {\n      if (activeEl === last) {\n        e.preventDefault();\n        first.focus();\n      }\n    }\n  };\n\n  const connect = () => {\n    if (active) return;\n    active = true;\n    previouslyFocused = (returnFocusTo ?? document.activeElement) as HTMLElement | null;\n    container.addEventListener('keydown', handleKeydown);\n    if (autoFocus) {\n      const focusable = getFocusableElements(container);\n      (focusable[0] ?? container).focus();\n    }\n  };\n\n  const disconnect = () => {\n    if (!active) return;\n    active = false;\n    container.removeEventListener('keydown', handleKeydown);\n    if (previouslyFocused && typeof previouslyFocused.focus === 'function') {\n      previouslyFocused.focus();\n    }\n    previouslyFocused = null;\n  };\n\n  return { connect, disconnect };\n}\n\n/** 列表键盘导航产生的动作 */\nexport type ListKeyAction =\n  | { type: 'navigate'; index: number }\n  | { type: 'select'; index: number }\n  | { type: 'close' }\n  | { type: 'none' };\n\n/** 列表键盘导航参数 */\nexport interface ListKeyboardOptions {\n  /** 当前高亮项索引（-1 表示无高亮） */\n  activeIndex: number;\n  /** 列表项总数 */\n  itemCount: number;\n  /** 是否允许循环（首尾跳转） */\n  loop?: boolean;\n}\n\n/**\n * 列表 / 菜单 / 下拉选项的键盘导航核心逻辑（listbox / menu / combobox 通用）。\n * 返回应执行的动作，由调用方据此更新 activeIndex / 触发选中 / 关闭。\n *\n * 支持：ArrowDown/ArrowUp（竖排）/ArrowRight/ArrowLeft（横排）移动、Home/End 跳首尾、\n * Enter/Space 选中、Escape 关闭。\n */\nexport function handleListKeyboard(event: KeyboardEvent, options: ListKeyboardOptions): ListKeyAction {\n  const { activeIndex, itemCount, loop = true } = options;\n  if (itemCount <= 0) return { type: 'none' };\n\n  const clamp = (idx: number) => (idx + itemCount) % itemCount;\n  const within = (idx: number) => Math.max(0, Math.min(idx, itemCount - 1));\n\n  switch (event.key) {\n    case 'ArrowDown':\n    case 'ArrowRight':\n      return { type: 'navigate', index: loop ? clamp(activeIndex + 1) : within(activeIndex + 1) };\n    case 'ArrowUp':\n    case 'ArrowLeft':\n      return { type: 'navigate', index: loop ? clamp(activeIndex - 1) : within(activeIndex - 1) };\n    case 'Home':\n      return { type: 'navigate', index: 0 };\n    case 'End':\n      return { type: 'navigate', index: itemCount - 1 };\n    case 'Enter':\n    case ' ':\n    case 'Spacebar':\n      return activeIndex >= 0 ? { type: 'select', index: activeIndex } : { type: 'none' };\n    case 'Escape':\n      return { type: 'close' };\n    default:\n      return { type: 'none' };\n  }\n}\n\n/**\n * 为元素批量设置 ARIA 属性（不可变：返回新映射，但直接操作 DOM 属性是 a11y 的固有需求）。\n * 组件挂载后调用一次即可，避免每次 render 重复写 setAttribute。\n */\nexport function applyAria(el: HTMLElement, attrs: Record<string, string | boolean | undefined>): void {\n  Object.entries(attrs).forEach(([key, value]) => {\n    if (value === undefined || value === null) {\n      el.removeAttribute(`aria-${key}`);\n    } else {\n      el.setAttribute(`aria-${key}`, String(value));\n    }\n  });\n}\n"],"version":3}

package/dist/esm/date-helpers-44507189.js.map

@@ -1 +0,0 @@
-{"file":"date-helpers-44507189.js","mappings":"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","names":[],"sources":["src/utils/date-helpers.ts"],"sourcesContent":["/**\n * 日历和日期工具函数\n * 从 DatePicker / DateTimePicker / DatePickerPane 中提取的共享逻辑\n */\n\nexport interface CalendarDay {\n  date: Date;\n  isCurrentMonth: boolean;\n  isToday: boolean;\n  isSelected: boolean;\n}\n\n/** 判断两个日期是否为同一天 */\nexport function isSameDay(date1: Date, date2: Date): boolean {\n  return (\n    date1.getFullYear() === date2.getFullYear() &&\n    date1.getMonth() === date2.getMonth() &&\n    date1.getDate() === date2.getDate()\n  );\n}\n\n/** 生成 42 天（6 周）的日历网格数据 */\nexport function getCalendarDays(\n  viewDate: Date,\n  selectedDate?: Date,\n  today: Date = new Date(),\n  firstDayOfWeek: number = 0\n): CalendarDay[] {\n  const days: CalendarDay[] = [];\n  const year = viewDate.getFullYear();\n  const month = viewDate.getMonth();\n\n  const firstDay = new Date(year, month, 1);\n  const lastDay = new Date(year, month + 1, 0);\n  const firstDayWeek = firstDay.getDay();\n  const daysInMonth = lastDay.getDate();\n\n  // 按 firstDayOfWeek 计算需要补多少上月天数。\n  // 默认 firstDayOfWeek=0（周日为首列）时，offset = firstDayWeek；\n  // firstDayOfWeek=1（周一为首列）时，周日的 offset 多 1、周一的 offset 为 0。\n  const offset = ((firstDayWeek - firstDayOfWeek) + 7) % 7;\n\n  // 上月填充\n  const prevMonth = new Date(year, month - 1, 0);\n  for (let i = offset - 1; i >= 0; i--) {\n    const date = new Date(year, month - 1, prevMonth.getDate() - i);\n    days.push({\n      date,\n      isCurrentMonth: false,\n      isToday: isSameDay(date, today),\n      isSelected: !!selectedDate && isSameDay(date, selectedDate),\n    });\n  }\n\n  // 当月日期\n  for (let i = 1; i <= daysInMonth; i++) {\n    const date = new Date(year, month, i);\n    days.push({\n      date,\n      isCurrentMonth: true,\n      isToday: isSameDay(date, today),\n      isSelected: !!selectedDate && isSameDay(date, selectedDate),\n    });\n  }\n\n  // 下月填充（补齐 42 天）\n  const remainingDays = 42 - days.length;\n  for (let i = 1; i <= remainingDays; i++) {\n    const date = new Date(year, month + 1, i);\n    days.push({\n      date,\n      isCurrentMonth: false,\n      isToday: isSameDay(date, today),\n      isSelected: !!selectedDate && isSameDay(date, selectedDate),\n    });\n  }\n\n  return days;\n}\n\n/**\n * 格式化日期为指定格式字符串\n * 支持：YYYY, MM, DD, HH, mm, ss\n */\nexport function formatDate(date: Date, format: string): string {\n  const year = date.getFullYear();\n  const month = String(date.getMonth() + 1).padStart(2, '0');\n  const day = String(date.getDate()).padStart(2, '0');\n  const hours = String(date.getHours()).padStart(2, '0');\n  const minutes = String(date.getMinutes()).padStart(2, '0');\n  const seconds = String(date.getSeconds()).padStart(2, '0');\n\n  return format\n    .replace('YYYY', String(year))\n    .replace('MM', month)\n    .replace('DD', day)\n    .replace('HH', hours)\n    .replace('mm', minutes)\n    .replace('ss', seconds);\n}\n\n/** 安全解析日期值 */\nexport function parseDate(value: string | Date | undefined): Date | undefined {\n  if (!value) return undefined;\n  const date = value instanceof Date ? value : new Date(value);\n  if (isNaN(date.getTime())) return undefined;\n  return date;\n}\n\n/** 月份偏移，返回新日期对象（不可变） */\nexport function addMonths(date: Date, delta: number): Date {\n  const result = new Date(date);\n  result.setMonth(result.getMonth() + delta);\n  return result;\n}\n\n/** 年份偏移，返回新日期对象（不可变） */\nexport function addYears(date: Date, delta: number): Date {\n  const result = new Date(date);\n  result.setFullYear(result.getFullYear() + delta);\n  return result;\n}\n\n/**\n * 生成 years 视图的 12 年档数据（每档 12 年）。\n * 以 viewDate 所在年份向下取整到 12 的倍数作为起点。\n */\nexport interface CalendarYear {\n  year: number;\n  isCurrentYearRange: boolean;\n  isSelected: boolean;\n}\n\nexport function getCalendarYears(\n  viewDate: Date,\n  selectedDate?: Date,\n  startYearBase?: number\n): CalendarYear[] {\n  const year = viewDate.getFullYear();\n  const rangeStart = startYearBase ?? year - (year % 12);\n  const years: CalendarYear[] = [];\n  for (let i = 0; i < 12; i++) {\n    const y = rangeStart + i;\n    years.push({\n      year: y,\n      isCurrentYearRange: y === year,\n      isSelected: !!selectedDate && selectedDate.getFullYear() === y,\n    });\n  }\n  return years;\n}\n\n/** 获取 years 视图标题所显示的年份档区间起点 */\nexport function getYearRangeStart(viewDate: Date): number {\n  const year = viewDate.getFullYear();\n  return year - (year % 12);\n}\n\n/** 中文月份名称 */\nexport const MONTH_NAMES = [\n  '一月', '二月', '三月', '四月', '五月', '六月',\n  '七月', '八月', '九月', '十月', '十一月', '十二月',\n];\n\n/** 中文星期名称 */\nexport const WEEK_DAY_NAMES = ['日', '一', '二', '三', '四', '五', '六'];\n"],"version":3}

package/dist/huibo-ui/p-08b4005c.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["isSameDay","date1","date2","getFullYear","getMonth","getDate","getCalendarDays","viewDate","selectedDate","today","Date","firstDayOfWeek","days","year","month","firstDay","lastDay","firstDayWeek","getDay","daysInMonth","offset","prevMonth","i","date","push","isCurrentMonth","isToday","isSelected","remainingDays","length","formatDate","format","String","padStart","day","hours","getHours","minutes","getMinutes","seconds","getSeconds","replace","parseDate","value","undefined","isNaN","getTime","addMonths","delta","result","setMonth","addYears","setFullYear","getCalendarYears","startYearBase","rangeStart","years","y","isCurrentYearRange","getYearRangeStart","MONTH_NAMES","WEEK_DAY_NAMES"],"sources":["src/utils/date-helpers.ts"],"sourcesContent":["/**\n * 日历和日期工具函数\n * 从 DatePicker / DateTimePicker / DatePickerPane 中提取的共享逻辑\n */\n\nexport interface CalendarDay {\n  date: Date;\n  isCurrentMonth: boolean;\n  isToday: boolean;\n  isSelected: boolean;\n}\n\n/** 判断两个日期是否为同一天 */\nexport function isSameDay(date1: Date, date2: Date): boolean {\n  return (\n    date1.getFullYear() === date2.getFullYear() &&\n    date1.getMonth() === date2.getMonth() &&\n    date1.getDate() === date2.getDate()\n  );\n}\n\n/** 生成 42 天（6 周）的日历网格数据 */\nexport function getCalendarDays(\n  viewDate: Date,\n  selectedDate?: Date,\n  today: Date = new Date(),\n  firstDayOfWeek: number = 0\n): CalendarDay[] {\n  const days: CalendarDay[] = [];\n  const year = viewDate.getFullYear();\n  const month = viewDate.getMonth();\n\n  const firstDay = new Date(year, month, 1);\n  const lastDay = new Date(year, month + 1, 0);\n  const firstDayWeek = firstDay.getDay();\n  const daysInMonth = lastDay.getDate();\n\n  // 按 firstDayOfWeek 计算需要补多少上月天数。\n  // 默认 firstDayOfWeek=0（周日为首列）时，offset = firstDayWeek；\n  // firstDayOfWeek=1（周一为首列）时，周日的 offset 多 1、周一的 offset 为 0。\n  const offset = ((firstDayWeek - firstDayOfWeek) + 7) % 7;\n\n  // 上月填充\n  const prevMonth = new Date(year, month - 1, 0);\n  for (let i = offset - 1; i >= 0; i--) {\n    const date = new Date(year, month - 1, prevMonth.getDate() - i);\n    days.push({\n      date,\n      isCurrentMonth: false,\n      isToday: isSameDay(date, today),\n      isSelected: !!selectedDate && isSameDay(date, selectedDate),\n    });\n  }\n\n  // 当月日期\n  for (let i = 1; i <= daysInMonth; i++) {\n    const date = new Date(year, month, i);\n    days.push({\n      date,\n      isCurrentMonth: true,\n      isToday: isSameDay(date, today),\n      isSelected: !!selectedDate && isSameDay(date, selectedDate),\n    });\n  }\n\n  // 下月填充（补齐 42 天）\n  const remainingDays = 42 - days.length;\n  for (let i = 1; i <= remainingDays; i++) {\n    const date = new Date(year, month + 1, i);\n    days.push({\n      date,\n      isCurrentMonth: false,\n      isToday: isSameDay(date, today),\n      isSelected: !!selectedDate && isSameDay(date, selectedDate),\n    });\n  }\n\n  return days;\n}\n\n/**\n * 格式化日期为指定格式字符串\n * 支持：YYYY, MM, DD, HH, mm, ss\n */\nexport function formatDate(date: Date, format: string): string {\n  const year = date.getFullYear();\n  const month = String(date.getMonth() + 1).padStart(2, '0');\n  const day = String(date.getDate()).padStart(2, '0');\n  const hours = String(date.getHours()).padStart(2, '0');\n  const minutes = String(date.getMinutes()).padStart(2, '0');\n  const seconds = String(date.getSeconds()).padStart(2, '0');\n\n  return format\n    .replace('YYYY', String(year))\n    .replace('MM', month)\n    .replace('DD', day)\n    .replace('HH', hours)\n    .replace('mm', minutes)\n    .replace('ss', seconds);\n}\n\n/** 安全解析日期值 */\nexport function parseDate(value: string | Date | undefined): Date | undefined {\n  if (!value) return undefined;\n  const date = value instanceof Date ? value : new Date(value);\n  if (isNaN(date.getTime())) return undefined;\n  return date;\n}\n\n/** 月份偏移，返回新日期对象（不可变） */\nexport function addMonths(date: Date, delta: number): Date {\n  const result = new Date(date);\n  result.setMonth(result.getMonth() + delta);\n  return result;\n}\n\n/** 年份偏移，返回新日期对象（不可变） */\nexport function addYears(date: Date, delta: number): Date {\n  const result = new Date(date);\n  result.setFullYear(result.getFullYear() + delta);\n  return result;\n}\n\n/**\n * 生成 years 视图的 12 年档数据（每档 12 年）。\n * 以 viewDate 所在年份向下取整到 12 的倍数作为起点。\n */\nexport interface CalendarYear {\n  year: number;\n  isCurrentYearRange: boolean;\n  isSelected: boolean;\n}\n\nexport function getCalendarYears(\n  viewDate: Date,\n  selectedDate?: Date,\n  startYearBase?: number\n): CalendarYear[] {\n  const year = viewDate.getFullYear();\n  const rangeStart = startYearBase ?? year - (year % 12);\n  const years: CalendarYear[] = [];\n  for (let i = 0; i < 12; i++) {\n    const y = rangeStart + i;\n    years.push({\n      year: y,\n      isCurrentYearRange: y === year,\n      isSelected: !!selectedDate && selectedDate.getFullYear() === y,\n    });\n  }\n  return years;\n}\n\n/** 获取 years 视图标题所显示的年份档区间起点 */\nexport function getYearRangeStart(viewDate: Date): number {\n  const year = viewDate.getFullYear();\n  return year - (year % 12);\n}\n\n/** 中文月份名称 */\nexport const MONTH_NAMES = [\n  '一月', '二月', '三月', '四月', '五月', '六月',\n  '七月', '八月', '九月', '十月', '十一月', '十二月',\n];\n\n/** 中文星期名称 */\nexport const WEEK_DAY_NAMES = ['日', '一', '二', '三', '四', '五', '六'];\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["calendarCss","HbCalendarStyle0","Calendar","modelValue","firstDayOfWeek","disabledDate","hbChange","viewDate","Date","selectedDate","focusDate","componentDidLoad","this","initFromModelValue","handleModelValueChange","parsed","parseDate","getFullYear","getMonth","handleSelect","day","isCurrentMonth","date","iso","toISODate","emit","handleGridKeydown","e","next","key","setDate","getDate","d","getDay","setMonth","preventDefault","y","m","String","padStart","changeMonth","delta","addMonths","orderedWeekNames","offset","WEEK_DAY_NAMES","slice","render","days","getCalendarDays","current","h","class","type","onClick","MONTH_NAMES","role","map","onKeyDown","index","isFocused","isSameDay","dayDisabled","isToday","isSelected","tabindex","undefined"],"sources":["src/components/Calendar/calendar.css?tag=hb-calendar&encapsulation=shadow","src/components/Calendar/Calendar.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-calendar {\n  width: 100%;\n  padding: 12px;\n  box-sizing: border-box;\n  background-color: var(--hb-color-white, #ffffff);\n  border-radius: 4px;\n}\n\n/* 头部：年月 + 上下月按钮 */\n.hb-calendar__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.hb-calendar__header-label {\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-calendar__prev-btn,\n.hb-calendar__next-btn {\n  background: none;\n  border: none;\n  font-size: 18px;\n  cursor: pointer;\n  color: var(--hb-color-text-regular, #606266);\n  padding: 4px 8px;\n  line-height: 1;\n  transition: color 0.2s;\n}\n\n.hb-calendar__prev-btn:hover,\n.hb-calendar__next-btn:hover {\n  color: var(--hb-color-primary);\n}\n\n/* 星期行 */\n.hb-calendar__weekdays {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n  margin-bottom: 8px;\n}\n\n.hb-calendar__weekday {\n  text-align: center;\n  font-size: 12px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  font-weight: 500;\n  padding: 4px 0;\n}\n\n/* 日期网格 */\n.hb-calendar__days {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n}\n\n.hb-calendar__day {\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  color: var(--hb-color-text-regular, #606266);\n  cursor: pointer;\n  border-radius: 4px;\n  transition: all 0.2s;\n  user-select: none;\n}\n\n.hb-calendar__day:hover:not(.hb-calendar__day--other-month) {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-calendar__day--other-month {\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  cursor: default;\n}\n\n.hb-calendar__day--today {\n  color: var(--hb-color-primary);\n  font-weight: 600;\n}\n\n.hb-calendar__day--selected {\n  background-color: var(--hb-color-primary);\n  color: var(--hb-color-white, #ffffff);\n}\n\n.hb-calendar__day--selected:hover {\n  background-color: var(--hb-color-primary);\n}\n\n/* 键盘焦点日（roving tabindex 的可见焦点态） */\n.hb-calendar__day--focused {\n  outline: 2px solid var(--hb-color-primary, #1677ff);\n  outline-offset: -2px;\n}\n\n.hb-calendar__day--disabled {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.hb-calendar__day--disabled:hover {\n  background-color: transparent;\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport {\n  getCalendarDays,\n  parseDate,\n  addMonths,\n  isSameDay,\n  MONTH_NAMES,\n  WEEK_DAY_NAMES,\n} from '../../utils/date-helpers';\n\n/**\n * Calendar 日历组件\n * 月份视图日历，支持选中日期与月份切换\n */\n@Component({\n  tag: 'hb-calendar',\n  styleUrl: 'calendar.css',\n  shadow: true,\n})\nexport class Calendar {\n  /**\n   * 绑定值（ISO 日期字符串）\n   */\n  @Prop({ mutable: true }) modelValue?: string;\n\n  /**\n   * 每周第一天（0=周日，1=周一 …）\n   * @default 0\n   */\n  @Prop() firstDayOfWeek: number = 0;\n\n  /**\n   * 禁用日期判定（声明预留，暂不强求实现）\n   */\n  @Prop() disabledDate?: (date: Date) => boolean;\n\n  /**\n   * 值改变事件，detail 为 ISO 日期字符串\n   */\n  @Event() hbChange: EventEmitter<string>;\n\n  @State() viewDate: Date = new Date();\n  @State() selectedDate?: Date;\n  /** 键盘导航的焦点日期（用于 role=gridcell 的 roving tabindex） */\n  @State() focusDate: Date = new Date();\n\n  componentDidLoad() {\n    this.initFromModelValue();\n  }\n\n  @Watch('modelValue')\n  handleModelValueChange() {\n    this.initFromModelValue();\n  }\n\n  private initFromModelValue() {\n    const parsed = parseDate(this.modelValue);\n    this.selectedDate = parsed;\n    if (parsed) {\n      this.viewDate = new Date(parsed.getFullYear(), parsed.getMonth(), 1);\n      this.focusDate = new Date(parsed);\n    } else {\n      // 无选中值时焦点默认到今天\n      this.focusDate = new Date();\n    }\n  }\n\n  private handleSelect = (day: { date: Date; isCurrentMonth: boolean }) => {\n    if (!day.isCurrentMonth) return;\n    if (this.disabledDate && this.disabledDate(day.date)) return;\n    this.selectedDate = day.date;\n    this.focusDate = new Date(day.date);\n    const iso = this.toISODate(day.date);\n    this.modelValue = iso;\n    this.hbChange.emit(iso);\n  };\n\n  /**\n   * 日期网格键盘导航（对齐 WAI-ARIA grid / antd Calendar）：\n   * - ArrowRight/Left：±1 天\n   * - ArrowDown/Up：±7 天\n   * - Home/End：当周首/末日\n   * - PageDown/Up：±1 月\n   * - Enter：选中焦点日\n   * 焦点日跨月时同步滚动 viewDate。\n   */\n  private handleGridKeydown = (e: KeyboardEvent) => {\n    const next = new Date(this.focusDate);\n    let monthDelta = 0;\n    switch (e.key) {\n      case 'ArrowRight': next.setDate(next.getDate() + 1); break;\n      case 'ArrowLeft': next.setDate(next.getDate() - 1); break;\n      case 'ArrowDown': next.setDate(next.getDate() + 7); break;\n      case 'ArrowUp': next.setDate(next.getDate() - 7); break;\n      case 'Home': { const d = next.getDay(); next.setDate(next.getDate() - d); break; }\n      case 'End': { const d = 6 - next.getDay(); next.setDate(next.getDate() + d); break; }\n      case 'PageDown': next.setMonth(next.getMonth() + 1); monthDelta = 1; break;\n      case 'PageUp': next.setMonth(next.getMonth() - 1); monthDelta = -1; break;\n      case 'Enter':\n        e.preventDefault();\n        this.handleSelect({ date: this.focusDate, isCurrentMonth: true });\n        return;\n      default:\n        return;\n    }\n    e.preventDefault();\n    // 焦点跨月：viewDate 跟随（PageUp/Down 或方向键滑出）\n    if (next.getMonth() !== this.viewDate.getMonth() || next.getFullYear() !== this.viewDate.getFullYear()) {\n      this.viewDate = new Date(next.getFullYear(), next.getMonth(), 1);\n    }\n    if (monthDelta) void monthDelta;\n    this.focusDate = next;\n  };\n\n  private toISODate(date: Date): string {\n    const y = date.getFullYear();\n    const m = String(date.getMonth() + 1).padStart(2, '0');\n    const d = String(date.getDate()).padStart(2, '0');\n    return `${y}-${m}-${d}`;\n  }\n\n  private changeMonth(delta: number) {\n    this.viewDate = addMonths(this.viewDate, delta);\n  }\n\n  /** 按 firstDayOfWeek 重排星期标题；getCalendarDays 也按同一 firstDayOfWeek 对齐网格 */\n  private get orderedWeekNames(): string[] {\n    const offset = ((this.firstDayOfWeek % 7) + 7) % 7;\n    return [...WEEK_DAY_NAMES.slice(offset), ...WEEK_DAY_NAMES.slice(0, offset)];\n  }\n\n  render() {\n    const days = getCalendarDays(this.viewDate, this.selectedDate, new Date(), this.firstDayOfWeek);\n    const current = this.viewDate;\n\n    return (\n      <div class=\"hb-calendar\">\n        <div class=\"hb-calendar__header\">\n          <button\n            type=\"button\"\n            class=\"hb-calendar__prev-btn\"\n            onClick={() => this.changeMonth(-1)}\n            aria-label=\"上一月\"\n          >\n            ‹\n          </button>\n          <span class=\"hb-calendar__header-label\" aria-live=\"polite\">\n            {current.getFullYear()}年 {MONTH_NAMES[current.getMonth()]}\n          </span>\n          <button\n            type=\"button\"\n            class=\"hb-calendar__next-btn\"\n            onClick={() => this.changeMonth(1)}\n            aria-label=\"下一月\"\n          >\n            ›\n          </button>\n        </div>\n        <div class=\"hb-calendar__body\" role=\"grid\" aria-label={`${current.getFullYear()}年${current.getMonth() + 1}月日历`}>\n          <div class=\"hb-calendar__weekdays\" role=\"row\">\n            {this.orderedWeekNames.map((day) => (\n              <div class=\"hb-calendar__weekday\" role=\"columnheader\" aria-disabled=\"true\">{day}</div>\n            ))}\n          </div>\n          <div class=\"hb-calendar__days\" role=\"row\" onKeyDown={this.handleGridKeydown}>\n            {days.map((day, index) => {\n              const isFocused = isSameDay(day.date, this.focusDate);\n              const dayDisabled = day.isCurrentMonth && !!this.disabledDate && this.disabledDate(day.date);\n              return (\n                <div\n                  key={index}\n                  class={{\n                    'hb-calendar__day': true,\n                    'hb-calendar__day--other-month': !day.isCurrentMonth,\n                    'hb-calendar__day--today': day.isToday,\n                    'hb-calendar__day--selected': day.isSelected,\n                    'hb-calendar__day--focused': isFocused,\n                    'hb-calendar__day--disabled': dayDisabled,\n                  }}\n                  role=\"gridcell\"\n                  tabindex={isFocused ? 0 : -1}\n                  aria-selected={day.isSelected ? 'true' : 'false'}\n                  aria-current={day.isToday ? 'date' : undefined}\n                  aria-disabled={!day.isCurrentMonth || dayDisabled ? 'true' : undefined}\n                  aria-label={this.toISODate(day.date)}\n                  onClick={() => this.handleSelect(day)}\n                >\n                  {day.date.getDate()}\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-213b9de7.entry.js.map

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

package/dist/huibo-ui/p-25fd7d5c.entry.js

@@ -1,2 +0,0 @@
-import{r as t,g as e,h as i}from"./p-e42dfa95.js";import{c as o,g as a}from"./p-ecce2b5e.js";import{i as n}from"./p-cc0aeb50.js";const r='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;.hb-tooltip__trigger,:host{display:inline-block}.hb-tooltip__popup{background-color:var(--hb-p-gray-800);border-radius:var(--hb-border-radius-sm);box-shadow:var(--hb-box-shadow);color:#fff;font-size:var(--hb-font-size-sm);pointer-events:auto;word-wrap:break-word;animation:hb-tooltip-fade-in .15s ease-out;line-height:1.4;max-width:300px;padding:6px 12px;position:fixed}.hb-tooltip__arrow{background-color:var(--hb-p-gray-800);height:8px;position:absolute;transform:rotate(45deg);width:8px}.hb-tooltip__content{position:relative;z-index:1}@keyframes hb-tooltip-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';const s=r;const l=class{constructor(e){t(this,e)}get el(){return e(this)}content="";placement="top";trigger="hover";disabled=false;showArrow=true;visible=false;popupStyle={};triggerRef;popupRef;hideTimer;show=()=>{if(this.disabled)return;clearTimeout(this.hideTimer);this.visible=true;requestAnimationFrame((()=>this.updatePosition()))};hide=()=>{this.hideTimer=setTimeout((()=>{this.visible=false}),100)};toggle=()=>{if(this.disabled)return;if(this.visible){this.hide()}else{this.show()}};handleKeydown=t=>{if(t.key==="Escape"&&this.visible){t.preventDefault();clearTimeout(this.hideTimer);this.visible=false;return}if(this.trigger==="click"&&n(t.key)){t.preventDefault();this.toggle()}};updatePosition(){if(!this.triggerRef||!this.popupRef)return;const t=this.triggerRef.getBoundingClientRect();const{width:e,height:i}=this.popupRef.getBoundingClientRect();const n=o(t,e,i,this.placement,8);this.popupStyle={top:`${n.top}px`,left:`${n.left}px`,zIndex:String(a())}}render(){const t=this.trigger==="hover"?{onMouseEnter:this.show,onMouseLeave:this.hide}:{onClick:this.toggle};return i("div",{key:"a3a485a0fc8b99e61ef0c4fd30208ac6f42af2e2",class:"hb-tooltip",...t,onKeyDown:this.handleKeydown},i("div",{key:"24e68cfd99dc409e5a1f3a396b506fc97827da5f",ref:t=>{this.triggerRef=t},class:"hb-tooltip__trigger",tabindex:this.disabled?-1:0,"aria-describedby":this.visible?"hb-tooltip__popup":undefined,onFocus:this.trigger==="hover"?this.show:undefined,onBlur:this.trigger==="hover"?this.hide:undefined},i("slot",{key:"d947c801efabae564e012cbe7a19c938e2ae2f7c"})),this.visible&&i("div",{key:"e88b4aad5403c495b0484aff6a2fcb56c32efb4c",id:"hb-tooltip__popup",ref:t=>{this.popupRef=t},class:"hb-tooltip__popup",style:this.popupStyle,role:"tooltip",onMouseEnter:()=>this.trigger==="hover"&&this.show(),onMouseLeave:()=>this.trigger==="hover"&&this.hide()},this.showArrow&&i("div",{key:"b16d5c23542c60f2ad398eb055c33cc995af89f7",class:"hb-tooltip__arrow"}),i("div",{key:"600a64459740e735a5d7b9487debd1e8ca590ea3",class:"hb-tooltip__content"},this.content)))}};l.style=s;export{l as hb_tooltip};
-//# sourceMappingURL=p-25fd7d5c.entry.js.map

package/dist/huibo-ui/p-25fd7d5c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["tooltipCss","HbTooltipStyle0","Tooltip","content","placement","trigger","disabled","showArrow","visible","popupStyle","triggerRef","popupRef","hideTimer","show","this","clearTimeout","requestAnimationFrame","updatePosition","hide","setTimeout","toggle","handleKeydown","e","key","preventDefault","isActivationKey","triggerRect","getBoundingClientRect","width","height","pos","computePosition","top","left","zIndex","String","getNextZIndex","render","triggerEvents","onMouseEnter","onMouseLeave","onClick","h","class","onKeyDown","ref","el","tabindex","undefined","onFocus","onBlur","id","style","role"],"sources":["src/components/Tooltip/tooltip.css?tag=hb-tooltip&encapsulation=shadow","src/components/Tooltip/Tooltip.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.hb-tooltip__trigger {\n  display: inline-block;\n}\n\n.hb-tooltip__popup {\n  position: fixed;\n  padding: 6px 12px;\n  border-radius: var(--hb-border-radius-sm);\n  background-color: var(--hb-p-gray-800);\n  color: #fff;\n  font-size: var(--hb-font-size-sm);\n  line-height: 1.4;\n  pointer-events: auto;\n  box-shadow: var(--hb-box-shadow);\n  animation: hb-tooltip-fade-in 0.15s ease-out;\n  max-width: 300px;\n  word-wrap: break-word;\n}\n\n.hb-tooltip__arrow {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background-color: var(--hb-p-gray-800);\n  transform: rotate(45deg);\n}\n\n.hb-tooltip__content {\n  position: relative;\n  z-index: 1;\n}\n\n@keyframes hb-tooltip-fade-in {\n  from { opacity: 0; transform: scale(0.95); }\n  to   { opacity: 1; transform: scale(1); }\n}\n","import { Component, h, Prop, State, Element } from '@stencil/core';\nimport { computePosition, getNextZIndex, Placement } from '../../utils/popup-manager';\nimport { isActivationKey } from '../../utils/a11y';\n\n/**\n * Tooltip 文字提示组件\n * 鼠标悬停或点击时显示提示文字。\n *\n * 无障碍（对齐 antd / WAI-ARIA）：\n * - 触发器 aria-describedby 关联浮层 id（屏幕阅读器读出 content）\n * - 浮层 role=tooltip\n * - hover 触发时：focus 也显示（键盘用户可见，关键修复）\n * - click 触发时：Enter/Space 切换；任意模式 Esc 关闭\n */\n@Component({\n  tag: 'hb-tooltip',\n  styleUrl: 'tooltip.css',\n  shadow: true,\n})\nexport class Tooltip {\n  @Element() el: HTMLElement;\n\n  /** 提示文字 */\n  @Prop() content: string = '';\n\n  /** 弹出位置 */\n  @Prop() placement: Placement = 'top';\n\n  /** 触发方式 */\n  @Prop() trigger: 'hover' | 'click' = 'hover';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 是否显示箭头 */\n  @Prop() showArrow: boolean = true;\n\n  @State() visible: boolean = false;\n  @State() popupStyle: Record<string, string> = {};\n\n  private triggerRef?: HTMLElement;\n  private popupRef?: HTMLDivElement;\n  private hideTimer?: ReturnType<typeof setTimeout>;\n\n  private show = () => {\n    if (this.disabled) return;\n    clearTimeout(this.hideTimer);\n    this.visible = true;\n    requestAnimationFrame(() => this.updatePosition());\n  };\n\n  private hide = () => {\n    this.hideTimer = setTimeout(() => { this.visible = false; }, 100);\n  };\n\n  private toggle = () => {\n    if (this.disabled) return;\n    if (this.visible) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  };\n\n  /** 键盘：Esc 关闭；click 模式 Enter/Space 切换 */\n  private handleKeydown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape' && this.visible) {\n      e.preventDefault();\n      // 立即关（不等延迟）\n      clearTimeout(this.hideTimer);\n      this.visible = false;\n      return;\n    }\n    if (this.trigger === 'click' && isActivationKey(e.key)) {\n      e.preventDefault();\n      this.toggle();\n    }\n  };\n\n  private updatePosition() {\n    if (!this.triggerRef || !this.popupRef) return;\n    const triggerRect = this.triggerRef.getBoundingClientRect();\n    const { width, height } = this.popupRef.getBoundingClientRect();\n    const pos = computePosition(triggerRect, width, height, this.placement, 8);\n    this.popupStyle = {\n      top: `${pos.top}px`,\n      left: `${pos.left}px`,\n      zIndex: String(getNextZIndex()),\n    };\n  }\n\n  render() {\n    const triggerEvents = this.trigger === 'hover'\n      ? { onMouseEnter: this.show, onMouseLeave: this.hide }\n      : { onClick: this.toggle };\n\n    return (\n      <div class=\"hb-tooltip\" {...triggerEvents} onKeyDown={this.handleKeydown}>\n        <div\n          ref={(el: any) => { this.triggerRef = el; }}\n          class=\"hb-tooltip__trigger\"\n          tabindex={this.disabled ? -1 : 0}\n          aria-describedby={this.visible ? 'hb-tooltip__popup' : undefined}\n          // hover 触发：focus 展开让键盘用户也能读到提示（对齐 antd 行为）\n          onFocus={this.trigger === 'hover' ? this.show : undefined}\n          onBlur={this.trigger === 'hover' ? this.hide : undefined}\n        >\n          <slot />\n        </div>\n        {this.visible && (\n          <div\n            id=\"hb-tooltip__popup\"\n            ref={(el: any) => { this.popupRef = el; }}\n            class=\"hb-tooltip__popup\"\n            style={this.popupStyle}\n            role=\"tooltip\"\n            onMouseEnter={() => this.trigger === 'hover' && this.show()}\n            onMouseLeave={() => this.trigger === 'hover' && this.hide()}\n          >\n            {this.showArrow && <div class=\"hb-tooltip__arrow\" />}\n            <div class=\"hb-tooltip__content\">{this.content}</div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"iIAAA,MAAMA,EAAa,ktMACnB,MAAAC,EAAeD,E,MCkBFE,EAAO,M,iDAIVC,QAAkB,GAGlBC,UAAuB,MAGvBC,QAA6B,QAG7BC,SAAoB,MAGpBC,UAAqB,KAEpBC,QAAmB,MACnBC,WAAqC,GAEtCC,WACAC,SACAC,UAEAC,KAAO,KACb,GAAIC,KAAKR,SAAU,OACnBS,aAAaD,KAAKF,WAClBE,KAAKN,QAAU,KACfQ,uBAAsB,IAAMF,KAAKG,kBAAiB,EAG5CC,KAAO,KACbJ,KAAKF,UAAYO,YAAW,KAAQL,KAAKN,QAAU,KAAK,GAAK,IAAI,EAG3DY,OAAS,KACf,GAAIN,KAAKR,SAAU,OACnB,GAAIQ,KAAKN,QAAS,CAChBM,KAAKI,M,KACA,CACLJ,KAAKD,M,GAKDQ,cAAiBC,IACvB,GAAIA,EAAEC,MAAQ,UAAYT,KAAKN,QAAS,CACtCc,EAAEE,iBAEFT,aAAaD,KAAKF,WAClBE,KAAKN,QAAU,MACf,M,CAEF,GAAIM,KAAKT,UAAY,SAAWoB,EAAgBH,EAAEC,KAAM,CACtDD,EAAEE,iBACFV,KAAKM,Q,GAID,cAAAH,GACN,IAAKH,KAAKJ,aAAeI,KAAKH,SAAU,OACxC,MAAMe,EAAcZ,KAAKJ,WAAWiB,wBACpC,MAAMC,MAAEA,EAAKC,OAAEA,GAAWf,KAAKH,SAASgB,wBACxC,MAAMG,EAAMC,EAAgBL,EAAaE,EAAOC,EAAQf,KAAKV,UAAW,GACxEU,KAAKL,WAAa,CAChBuB,IAAK,GAAGF,EAAIE,QACZC,KAAM,GAAGH,EAAIG,SACbC,OAAQC,OAAOC,K,CAInB,MAAAC,GACE,MAAMC,EAAgBxB,KAAKT,UAAY,QACnC,CAAEkC,aAAczB,KAAKD,KAAM2B,aAAc1B,KAAKI,MAC9C,CAAEuB,QAAS3B,KAAKM,QAEpB,OACEsB,EAAA,OAAAnB,IAAA,2CAAKoB,MAAM,gBAAiBL,EAAeM,UAAW9B,KAAKO,eACzDqB,EAAA,OAAAnB,IAAA,2CACEsB,IAAMC,IAAchC,KAAKJ,WAAaoC,CAAE,EACxCH,MAAM,sBACNI,SAAUjC,KAAKR,UAAY,EAAI,EAAC,mBACdQ,KAAKN,QAAU,oBAAsBwC,UAEvDC,QAASnC,KAAKT,UAAY,QAAUS,KAAKD,KAAOmC,UAChDE,OAAQpC,KAAKT,UAAY,QAAUS,KAAKI,KAAO8B,WAE/CN,EAAA,QAAAnB,IAAA,8CAEDT,KAAKN,SACJkC,EAAA,OAAAnB,IAAA,2CACE4B,GAAG,oBACHN,IAAMC,IAAchC,KAAKH,SAAWmC,CAAE,EACtCH,MAAM,oBACNS,MAAOtC,KAAKL,WACZ4C,KAAK,UACLd,aAAc,IAAMzB,KAAKT,UAAY,SAAWS,KAAKD,OACrD2B,aAAc,IAAM1B,KAAKT,UAAY,SAAWS,KAAKI,QAEpDJ,KAAKP,WAAamC,EAAA,OAAAnB,IAAA,2CAAKoB,MAAM,sBAC9BD,EAAA,OAAAnB,IAAA,2CAAKoB,MAAM,uBAAuB7B,KAAKX,U","ignoreList":[]}

package/dist/huibo-ui/p-2811e603.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["formItemCss","HbFormItemStyle0","FormItem","prop","label","labelWidth","required","rules","size","errors","isvalidating","componentDidLoad","this","el","dispatchEvent","CustomEvent","detail","validate","resetValue","getValue","bubbles","composed","addEventListener","handleChildChange","disconnectedCallback","removeEventListener","length","formRules","form","closest","formLevelRules","isRequired","some","r","resolvedLabelPosition","labelPosition","async","value","rule","isEmpty","undefined","Array","isArray","push","message","pattern","ok","RegExp","test","String","type","min","max","validator","err","input","querySelector","modelValue","render","labelTop","h","key","class","style","width","title","role"],"sources":["src/components/Form/form-item.css?tag=hb-form-item&encapsulation=shadow","src/components/Form/FormItem.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-form-item {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--hb-spacing-sm);\n}\n\n/* label 位置：顶部（对齐 antd label-position=\"top\"）——\n   需要 Form 通过 class 下发，但 FormItem 在独立使用时也支持自身包装。\n   这里用 :host([data-label-position=\"top\"]) 兜底，Form 可通过 setting attribute 生效。 */\n:host([data-label-top]) .hb-form-item,\n.hb-form-item--label-top {\n  flex-direction: column;\n  align-items: stretch;\n  gap: var(--hb-spacing-xs);\n}\n\n.hb-form-item__label {\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-end;\n  height: var(--hb-size-default, 32px);\n  font-size: var(--hb-font-size-sm, 14px);\n  color: var(--hb-color-text);\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n/* label-position=top 时标签左对齐 */\n:host([data-label-top]) .hb-form-item__label,\n.hb-form-item--label-top .hb-form-item__label {\n  justify-content: flex-start;\n  height: auto;\n  padding-bottom: var(--hb-spacing-xxs, 2px);\n}\n\n/* label-position=left 时标签左对齐 */\n.hb-form-item--label-left .hb-form-item__label {\n  justify-content: flex-start;\n}\n\n.hb-form-item__required {\n  color: var(--hb-color-danger);\n  margin-right: 4px;\n  font-size: var(--hb-font-size-sm, 14px);\n  font-family: SimSun, sans-serif;\n}\n\n.hb-form-item__content {\n  flex: 1;\n  position: relative;\n  min-width: 0;\n}\n\n.hb-form-item__error {\n  font-size: var(--hb-font-size-xs, 12px);\n  color: var(--hb-color-danger);\n  margin-top: 4px;\n  line-height: 1.5;\n  min-height: 0;\n  animation: hb-form-error-fade-in 0.2s ease-out;\n}\n\n@keyframes hb-form-error-fade-in {\n  from { opacity: 0; transform: translateY(-4px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n/* ============================================================\n * 响应式（移动端）：小屏强制 label 顶部布局，\n * 避免标签列在窄屏被挤压。覆盖 hb-form-item--label-left/right。\n * ============================================================ */\n@media (max-width: 575.98px) {\n  .hb-form-item {\n    flex-direction: column !important;\n    align-items: stretch !important;\n    gap: var(--hb-spacing-xs) !important;\n  }\n\n  .hb-form-item__label {\n    justify-content: flex-start !important;\n    height: auto !important;\n    padding-bottom: var(--hb-spacing-xxs, 2px) !important;\n  }\n}\n","import { Component, h, Prop, State, Element } from '@stencil/core';\n\n/**\n * FormItem 表单项组件\n * 表单中的每一项\n */\n@Component({\n  tag: 'hb-form-item',\n  styleUrl: 'form-item.css',\n  shadow: true,\n})\nexport class FormItem {\n  @Element() el: HTMLElement;\n\n  /** 字段名 */\n  @Prop() prop: string = '';\n\n  /** 标签文本 */\n  @Prop() label: string = '';\n\n  /** 标签宽度 */\n  @Prop() labelWidth?: string;\n\n  /** 是否必填 */\n  @Prop() required: boolean = false;\n\n  /** 该表单项的验证规则 */\n  @Prop() rules: any[] = [];\n\n  /** 表单尺寸 */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  @State() errors: string[] = [];\n  @State() isvalidating: boolean = false;\n\n  /** hb-form 在 componentWillLoad 注册的事件监听；FormItem 在 componentDidLoad 派发，\n   *  但 componentWillLoad 早于子组件的 componentDidLoad，因此注册一定先到。\n   *  这里还监听 hbFieldReset，便于 Form.resetFields 主动广播。 */\n\n  componentDidLoad() {\n    // 向父级 hb-form 注册\n    this.el.dispatchEvent(new CustomEvent('hbFormFieldRegister', {\n      detail: {\n        prop: this.prop,\n        validate: this.validate,\n        resetValue: this.resetValue,\n        getValue: this.getValue,\n      },\n      bubbles: true,\n      composed: true, // 穿越 Shadow DOM 边界（FormItem 自身 shadow -> Form host）\n    }));\n\n    // 子控件值变化时清错（对齐 antd：合法输入即移除错误提示）\n    this.el.addEventListener('hbChange', this.handleChildChange);\n  }\n\n  disconnectedCallback() {\n    this.el.removeEventListener('hbChange', this.handleChildChange);\n  }\n\n  /** 子控件 hbChange 时，若当前有错误则重新校验以尽早清除错误提示 */\n  private handleChildChange = () => {\n    if (this.errors.length > 0) {\n      void this.validate();\n    }\n  };\n\n  private get formRules(): any[] {\n    // 合并 prop 对应的 form rules 和自身 rules\n    const form = this.el.closest('hb-form');\n    const formLevelRules = form ? (form as any).rules?.[this.prop] || [] : [];\n    return [...formLevelRules, ...this.rules];\n  }\n\n  /** 是否渲染必填星号：显式 required 或任一规则带 required（对齐 antd 自动推断） */\n  private get isRequired(): boolean {\n    if (this.required) return true;\n    return this.formRules.some(r => r && r.required);\n  }\n\n  /** 继承父 hb-form 的 labelPosition（FormItem 自身无此 prop，避免与 Form 冲突时以 Form 为准） */\n  private get resolvedLabelPosition(): 'left' | 'right' | 'top' {\n    const form = this.el.closest('hb-form') as any;\n    return (form && form.labelPosition) || 'right';\n  }\n\n  /**\n   * 验证此字段\n   */\n  @Prop() validate = async (): Promise<string[]> => {\n    const value = this.getValue();\n    const rules = this.formRules;\n\n    if (rules.length === 0) {\n      this.errors = [];\n      return [];\n    }\n\n    this.isvalidating = true;\n    const errors: string[] = [];\n\n    for (const rule of rules) {\n      // 必填校验：空字符串 / null / undefined / 空数组均视为\"未填\"\n      const isEmpty =\n        value === undefined ||\n        value === null ||\n        value === '' ||\n        (Array.isArray(value) && value.length === 0);\n      if (rule.required && isEmpty) {\n        errors.push(rule.message || `${this.label || this.prop}不能为空`);\n        continue;\n      }\n      // 非必填且为空时，跳过后续格式校验（与 antd 行为一致）\n      if (isEmpty) continue;\n      if (rule.pattern) {\n        const ok = typeof rule.pattern === 'string'\n          ? new RegExp(rule.pattern).test(String(value))\n          : rule.pattern.test(String(value));\n        if (!ok) {\n          errors.push(rule.message || `${this.label || this.prop}格式不正确`);\n          continue;\n        }\n      }\n      if (rule.type === 'email') {\n        if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(String(value))) {\n          errors.push(rule.message || `${this.label || this.prop}格式不正确`);\n          continue;\n        }\n      }\n      if (rule.min !== undefined && typeof value === 'string' && value.length < rule.min) {\n        errors.push(rule.message || `${this.label || this.prop}最少${rule.min}个字符`);\n        continue;\n      }\n      if (rule.max !== undefined && typeof value === 'string' && value.length > rule.max) {\n        errors.push(rule.message || `${this.label || this.prop}最多${rule.max}个字符`);\n        continue;\n      }\n      if (rule.validator) {\n        try {\n          await rule.validator(value, this.formRules);\n        } catch (err: any) {\n          errors.push(err.message || rule.message || `${this.label || this.prop}验证失败`);\n        }\n      }\n    }\n\n    this.errors = errors;\n    this.isvalidating = false;\n    return errors;\n  };\n\n  @Prop() resetValue = () => {\n    this.errors = [];\n  };\n\n  @Prop() getValue = (): any => {\n    // 覆盖所有表单控件：input/select/cascader/date 系列/数字/checkbox/radio/switch/slider/color-picker/rate/upload\n    const input = this.el.querySelector(\n      'hb-input, hb-select, hb-cascader, hb-date-picker, hb-date-time-picker, hb-date-range-picker, ' +\n      'hb-input-number, hb-textarea, hb-checkbox, hb-checkbox-group, hb-radio-group, hb-switch, ' +\n      'hb-slider, hb-color-picker, hb-rate, hb-time-picker, hb-time-select',\n    );\n    if (input) {\n      return (input as any).modelValue;\n    }\n    return undefined;\n  };\n\n  render() {\n    const labelTop = this.resolvedLabelPosition === 'top';\n    return (\n      <div\n        class={{\n          'hb-form-item': true,\n          'hb-form-item--error': this.errors.length > 0,\n          'hb-form-item--validating': this.isvalidating,\n          'hb-form-item--required': this.isRequired,\n          'hb-form-item--label-top': labelTop,\n          'hb-form-item--label-left': this.resolvedLabelPosition === 'left',\n        }}\n      >\n        {this.label && (\n          <label\n            class=\"hb-form-item__label\"\n            style={this.labelWidth ? { width: this.labelWidth } : undefined}\n            title={this.label}\n          >\n            {this.isRequired && (\n              <span class=\"hb-form-item__required\" aria-hidden=\"true\">*</span>\n            )}\n            {this.label}\n          </label>\n        )}\n        <div class=\"hb-form-item__content\">\n          <slot />\n          {this.errors.length > 0 && (\n            <div class=\"hb-form-item__error\" role=\"alert\">{this.errors[0]}</div>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-2943f5d0.entry.js

@@ -1,2 +0,0 @@
-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

package/dist/huibo-ui/p-2943f5d0.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["tableCss","HbTableStyle0","Table","data","columns","stripe","border","size","loading","rowKey","emptyText","maxHeight","highlightCurrentRow","selectable","actions","virtualScroll","itemHeight","virtualScrollHeight","treeProps","editable","sortProp","sortDirection","currentRow","selectedRows","Set","scrollTop","expandedRowKeys","editingCell","hbSortChange","hbRowClick","hbSelectionChange","hbAction","hbExpandChange","hbCellChange","handleDataChange","this","emitSelection","isTreeMode","childrenField","children","flattenTree","list","level","parentKeyPath","field","result","forEach","row","i","keyPath","key","kids","hasKids","Array","isArray","length","push","hasChildren","index","indexOf","toggleExpand","idx","expanded","filter","k","emit","startEdit","e","prop","stopPropagation","commitEdit","input","target","value","onEditKeydown","preventDefault","allCheckboxRef","componentDidRender","indeterminate","isIndeterminate","virtualBuffer","handleVirtualScroll","visibleRange","total","startIndex","endIndex","viewport","Math","floor","ceil","virtualTotalHeight","handleSort","order","sortedData","direction","sort","a","b","va","vb","isAllSelected","toggleRow","next","has","delete","add","toggleAll","map","_","selected","from","Boolean","handleRowClick","handleAction","action","hasActions","fixedOffsets","leftAcc","c","side","fixed","left","width","rightAcc","right","cellStyle","base","off","style","position","zIndex","renderRow","rowIndex","fr","tree","rowKeyVal","indent","isEditing","h","class","onClick","type","checked","onChange","col","colIdx","isFirstCol","showExpand","editing","editableActive","textAlign","align","undefined","display","onBlur","onKeyDown","name","formatter","whiteSpace","act","disabled","label","renderHeader","ref","el","minWidth","sortable","render","displayData","isEmpty","flatRows","renderVirtualBody","offsetTop","height","overflowY","onScroll","colSpan","slice","renderNormalBody","overflow"],"sources":["src/components/Table/table.css?tag=hb-table&encapsulation=shadow","src/components/Table/Table.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-table {\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--hb-border-radius-base);\n  background-color: var(--hb-color-bg);\n}\n\n.hb-table--border {\n  border: 1px solid var(--hb-color-border-secondary);\n}\n\n.hb-table--border .hb-table__td,\n.hb-table--border .hb-table__table th {\n  border-right: 1px solid var(--hb-color-border-secondary);\n}\n\n.hb-table__wrapper {\n  overflow-x: auto;\n}\n\n.hb-table__table {\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  table-layout: auto;\n}\n\n.hb-table__table th {\n  background-color: var(--hb-table-header-bg);\n  color: var(--hb-table-header-color);\n  font-weight: 600;\n  font-size: var(--hb-font-size-sm);\n  padding: 10px 12px;\n  text-align: left;\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n  white-space: nowrap;\n  user-select: none;\n}\n\n.hb-table__th-content {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.hb-table__th--sortable {\n  cursor: pointer;\n}\n\n.hb-table__th--sortable:hover {\n  background-color: var(--hb-color-fill-tertiary);\n}\n\n.hb-table__sort {\n  display: inline-flex;\n  flex-direction: column;\n  line-height: 1;\n  font-size: 10px;\n  gap: 1px;\n}\n\n.hb-table__sort-icon {\n  color: var(--hb-color-text-quaternary);\n  transition: color var(--hb-transition-duration);\n}\n\n.hb-table__sort-icon--active {\n  color: var(--hb-color-primary);\n}\n\n.hb-table__td {\n  padding: 10px 12px;\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text);\n  border-bottom: 1px solid var(--hb-table-border-color);\n  transition: background-color var(--hb-transition-duration);\n}\n\n.hb-table__row:hover .hb-table__td {\n  background-color: var(--hb-table-row-hover-bg);\n}\n\n.hb-table__row--striped .hb-table__td {\n  background-color: var(--hb-table-stripe-bg);\n}\n\n.hb-table__row--current .hb-table__td {\n  background-color: var(--hb-color-primary-bg);\n}\n\n.hb-table__empty {\n  text-align: center;\n  color: var(--hb-color-text-secondary);\n  padding: var(--hb-spacing-xl) 0;\n}\n\n.hb-table__loading {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(255, 255, 255, 0.7);\n  z-index: 1;\n}\n\n.hb-table__loading-spinner {\n  width: 32px;\n  height: 32px;\n  border: 3px solid var(--hb-color-border-secondary);\n  border-top-color: var(--hb-color-primary);\n  border-radius: 50%;\n  animation: hb-spin 0.8s linear infinite;\n}\n\n/* ---- 尺寸 ---- */\n.hb-table--small .hb-table__table th,\n.hb-table--small .hb-table__td {\n  padding: 6px 8px;\n  font-size: var(--hb-font-size-xs);\n}\n\n.hb-table--large .hb-table__table th,\n.hb-table--large .hb-table__td {\n  padding: 14px 16px;\n  font-size: var(--hb-font-size-base);\n}\n\n/* ---- 行选择 ---- */\n.hb-table__selection {\n  width: 48px;\n  min-width: 48px;\n  text-align: center;\n  white-space: nowrap;\n}\n.hb-table__checkbox {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n  accent-color: var(--hb-color-primary);\n  vertical-align: middle;\n}\n.hb-table__selection .hb-table__checkbox {\n  margin: 0;\n}\n.hb-table__row--selected .hb-table__td {\n  background-color: var(--hb-color-primary-bg);\n}\n\n/* ---- 固定列（sticky） ---- */\n/* 固定列单元格需要不透明背景，避免横向滚动时底层内容透出 */\n.hb-table__cell--fixed-left,\n.hb-table__cell--fixed-right {\n  position: sticky;\n  z-index: 2;\n  background-color: var(--hb-color-bg);\n}\n.hb-table__table th.hb-table__cell--fixed-left,\n.hb-table__table th.hb-table__cell--fixed-right {\n  background-color: var(--hb-table-header-bg);\n}\n.hb-table__cell--fixed-right {\n  box-shadow: -4px 0 8px rgba(0, 0, 0, 0.06);\n}\n.hb-table__cell--fixed-left:not(.hb-table__cell--fixed-right) {\n  box-shadow: 4px 0 8px rgba(0, 0, 0, 0.06);\n}\n/* 固定列在选中行需保持选中背景 */\n.hb-table__row--selected .hb-table__cell--fixed-left,\n.hb-table__row--selected .hb-table__cell--fixed-right {\n  background-color: var(--hb-color-primary-bg);\n}\n.hb-table__row:hover .hb-table__cell--fixed-left,\n.hb-table__row:hover .hb-table__cell--fixed-right {\n  background-color: var(--hb-table-row-hover-bg);\n}\n\n@keyframes hb-spin {\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(360deg); }\n}\n\n/* 行操作按钮（link 风格，类 Ant Design） */\n.hb-table__action {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  font-size: var(--hb-font-size-sm, 14px);\n  line-height: 1.5;\n  color: var(--hb-color-primary, #1677ff);\n  transition: opacity var(--hb-transition-duration, 0.2s);\n}\n.hb-table__action:hover {\n  opacity: 0.8;\n}\n.hb-table__action:disabled {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n.hb-table__action--danger {\n  color: var(--hb-color-danger, #f5222d);\n}\n.hb-table__action--danger:disabled {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n}\n.hb-table__action + .hb-table__action {\n  margin-left: var(--hb-spacing-sm, 12px);\n}\n\n/* ---- 虚拟滚动 ---- */\n.hb-table--virtual {\n  overflow: hidden;\n}\n.hb-table__virtual-wrapper {\n  display: flex;\n  flex-direction: column;\n}\n.hb-table__virtual-viewport {\n  overflow-y: auto;\n  overflow-x: auto;\n  position: relative;\n}\n.hb-table__virtual-spacer {\n  position: relative;\n  width: 100%;\n}\n.hb-table__table--virtual {\n  width: 100%;\n  table-layout: fixed;\n}\n.hb-table__table--virtual tbody {\n  /* 可见窗口的行紧跟在 offset 占位行之后，撑高容器由 spacer 负责 */\n  position: relative;\n}\n\n/* ---- 树形数据（可展开行） ---- */\n.hb-table__expand {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  margin-right: 4px;\n  padding: 0;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--hb-color-text-secondary, #595959);\n  font-size: 10px;\n  line-height: 1;\n  vertical-align: middle;\n  transition: color var(--hb-transition-duration, 0.2s);\n  flex-shrink: 0;\n}\n.hb-table__expand:hover {\n  color: var(--hb-color-primary, #1677ff);\n}\n.hb-table__row--tree .hb-table__td {\n  /* 树形行第一列内容随缩进对齐 */\n  white-space: nowrap;\n}\n\n/* ---- 行内编辑 ---- */\n.hb-table__cell--editable {\n  cursor: text;\n}\n.hb-table__cell--editable:hover {\n  background-color: var(--hb-color-fill-tertiary, #f5f5f5);\n}\n.hb-table__edit-input {\n  width: 100%;\n  min-width: 60px;\n  box-sizing: border-box;\n  padding: 2px 6px;\n  font-size: var(--hb-font-size-sm, 14px);\n  color: var(--hb-color-text, #262626);\n  border: 1px solid var(--hb-color-primary, #1677ff);\n  border-radius: var(--hb-border-radius-base, 4px);\n  outline: none;\n  background-color: var(--hb-color-bg, #fff);\n}\n\n/* ============================================================\n * 响应式（移动端）：\n * - 小屏强制最小宽度，避免列被挤压到不可读（保留横向滚动）\n * - sticky 表头在滚动时保持可见\n * ============================================================ */\n@media (max-width: 575.98px) {\n  .hb-table__table {\n    /* 最小宽度保证列内容可读，超出靠 wrapper 横向滚动 */\n    min-width: 480px;\n  }\n\n  /* sticky 表头：横向滚动时表头跟随 */\n  .hb-table__table thead th {\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    background-color: var(--hb-color-bg-container, #fafafa);\n  }\n}\n","import { Component, h, Prop, State, Event, EventEmitter, Watch } from '@stencil/core';\n\nexport interface TableColumn {\n  /** 列字段名 */\n  prop: string;\n  /** 列标题 */\n  label: string;\n  /** 列宽 */\n  width?: string;\n  /** 最小列宽 */\n  minWidth?: string;\n  /** 是否可排序 */\n  sortable?: boolean;\n  /** 对齐方式 */\n  align?: 'left' | 'center' | 'right';\n  /** 固定列：left / right / true（等同 left） */\n  fixed?: 'left' | 'right' | boolean;\n  /** 单元格文本格式化（框架无关，返回纯文本字符串） */\n  formatter?: (row: Record<string, any>, index: number) => string;\n  /** 该列是否可（行内）编辑；需同时开启 Table.editable 才生效 */\n  editable?: boolean;\n}\n\n/**\n * 行操作按钮配置（框架无关）。\n * 由 Table 自身渲染按钮（在 shadow DOM 内），点击派发 hbAction 事件，\n * 消费方据此执行编辑/删除等逻辑——无需往每行塞框架专属元素，绕开「slot 跨行共享」限制。\n */\nexport interface TableAction {\n  /** 操作标识，回传到 hbAction.detail.action */\n  key: string;\n  /** 按钮文案 */\n  label: string;\n  /** 按钮样式：default 主色文字 / danger 危险色 */\n  type?: 'default' | 'primary' | 'danger';\n  /** 是否禁用（按行判断） */\n  disabled?: (row: Record<string, any>, index: number) => boolean;\n}\n\nexport type SortDirection = 'ascending' | 'descending' | null;\n\n/**\n * 树形数据配置。\n * `children` 指定子节点在每行数据中的字段名（默认 'children'），\n * 行存在该字段（非空数组）时渲染展开箭头，可递归展开后代。\n */\nexport interface TableTreeProps {\n  children?: string;\n}\n\n/**\n * 拍平后的可见行：保留原始 row + 嵌套层级 + 唯一 key，\n * 供 render 一次性 map 成 <tr>（仅含已展开链路上的后代）。\n */\ninterface FlatRow {\n  row: Record<string, any>;\n  level: number;\n  key: string | number;\n  /** 该行是否有非空 children（决定是否渲染展开箭头） */\n  hasChildren: boolean;\n  /** 该行在父层数组中的索引（用于 rowKey 缺省回退与稳定 key） */\n  index: number;\n}\n\ninterface FixedOffset {\n  side?: 'left' | 'right';\n  left?: string;\n  right?: string;\n}\n\n/**\n * Table 表格组件\n * 用于展示多条结构类似的数据，可对数据进行排序、筛选、选择等操作\n */\n@Component({\n  tag: 'hb-table',\n  styleUrl: 'table.css',\n  shadow: true,\n})\nexport class Table {\n  /** 数据源 */\n  @Prop() data: Record<string, any>[] = [];\n\n  /** 列配置 */\n  @Prop() columns: TableColumn[] = [];\n\n  /** 是否带斑马纹 */\n  @Prop() stripe: boolean = false;\n\n  /** 是否带边框 */\n  @Prop() border: boolean = false;\n\n  /** 表格尺寸 */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /** 是否显示加载状态 */\n  @Prop() loading: boolean = false;\n\n  /** 行数据的 Key */\n  @Prop() rowKey: string = '';\n\n  /** 空数据文案 */\n  @Prop() emptyText: string = '暂无数据';\n\n  /** 最大高度（超出固定表头） */\n  @Prop() maxHeight?: string;\n\n  /** 是否高亮当前行 */\n  @Prop() highlightCurrentRow: boolean = false;\n\n  /** 是否开启行选择（显示 checkbox 列） */\n  @Prop() selectable: boolean = false;\n\n  /** 行操作配置；非空时自动在末尾渲染「操作」列 */\n  @Prop() actions: TableAction[] = [];\n\n  /** 是否开启虚拟滚动（大数据量场景，默认关闭，向后兼容） */\n  @Prop() virtualScroll: boolean = false;\n\n  /** 虚拟滚动每行预估高度(px)，用于计算撑高容器与可见窗口 */\n  @Prop() itemHeight: number = 48;\n\n  /** 虚拟滚动视口高度(px)，超过此高度出现滚动条 */\n  @Prop() virtualScrollHeight: number = 400;\n\n  /**\n   * 树形数据配置：传入后启用「可展开行」模式。\n   * data 行含 `children` 字段（字段名可经此配置覆盖）时渲染展开箭头。\n   * 默认 undefined —— 不启用树形。\n   */\n  @Prop() treeProps?: TableTreeProps;\n\n  /** 是否开启行内编辑模式（默认关闭）。需列配置 column.editable=true 才对该列生效 */\n  @Prop() editable: boolean = false;\n\n  @State() sortProp: string = '';\n  @State() sortDirection: SortDirection = null;\n  @State() currentRow: number = -1;\n  @State() selectedRows: Set<number> = new Set();\n  /** 虚拟滚动：当前滚动位置(px)，驱动可见窗口计算 */\n  @State() scrollTop: number = 0;\n\n  /** 树形模式：已展开行的 key 列表 */\n  @State() expandedRowKeys: Array<string | number> = [];\n\n  /** 行内编辑：当前正在编辑的单元格 { key, prop }，null 表示无 */\n  @State() editingCell: { rowKey: string | number; prop: string } | null = null;\n\n  /** 排序变化事件 */\n  @Event() hbSortChange: EventEmitter<{ prop: string; order: SortDirection }>;\n\n  /** 行点击事件 */\n  @Event() hbRowClick: EventEmitter<{ row: Record<string, any>; index: number }>;\n\n  /** 选择变化事件 */\n  @Event() hbSelectionChange: EventEmitter<Record<string, any>[]>;\n\n  /** 行操作点击事件 */\n  @Event() hbAction: EventEmitter<{ row: Record<string, any>; index: number; action: string }>;\n\n  /** 树形行展开/收起事件 */\n  @Event() hbExpandChange: EventEmitter<{ expanded: boolean; row: Record<string, any> }>;\n\n  /** 行内编辑提交事件 */\n  @Event() hbCellChange: EventEmitter<{ row: Record<string, any>; prop: string; value: any }>;\n\n  @Watch('data')\n  handleDataChange() {\n    this.selectedRows = new Set();\n    this.emitSelection();\n  }\n\n  /** 树形模式是否启用（显式传入 treeProps 即启用） */\n  private get isTreeMode(): boolean {\n    return !!this.treeProps;\n  }\n\n  /** 子节点字段名（treeProps.children 缺省回退 'children'） */\n  private get childrenField(): string {\n    return (this.treeProps && this.treeProps.children) || 'children';\n  }\n\n  /**\n   * 把树拍平成可见行列表：仅保留「祖先链路全部已展开」的后代。\n   * @param list  当前层级的数组\n   * @param level 当前层级（根 = 0）\n   * @param parentKeyPath 父级 key 路径，用于构造深层稳定 key（避免不同分支同 index 撞 key）\n   */\n  private flattenTree(list: Record<string, any>[], level: number = 0, parentKeyPath: string = ''): FlatRow[] {\n    const field = this.childrenField;\n    const result: FlatRow[] = [];\n    list.forEach((row, i) => {\n      const keyPath = parentKeyPath ? `${parentKeyPath}.${i}` : `${i}`;\n      const key = this.rowKey ? row[this.rowKey] : keyPath;\n      const kids = row[field];\n      const hasKids = Array.isArray(kids) && kids.length > 0;\n      result.push({ row, level, key, hasChildren: hasKids, index: i });\n      // 仅当该行已展开时，递归拍入其 children\n      if (hasKids && this.expandedRowKeys.indexOf(key) !== -1) {\n        result.push(...this.flattenTree(kids as Record<string, any>[], level + 1, keyPath));\n      }\n    });\n    return result;\n  }\n\n  /** 树形展开/收起切换 */\n  private toggleExpand = (row: Record<string, any>, key: string | number) => {\n    const idx = this.expandedRowKeys.indexOf(key);\n    const expanded = idx === -1;\n    this.expandedRowKeys = expanded ? [...this.expandedRowKeys, key] : this.expandedRowKeys.filter((k) => k !== key);\n    this.hbExpandChange.emit({ expanded, row });\n  };\n\n  /** 行内编辑：进入编辑态 */\n  private startEdit = (e: Event, key: string | number, prop: string) => {\n    e.stopPropagation();\n    if (!this.editable) return;\n    this.editingCell = { rowKey: key, prop };\n  };\n\n  /** 行内编辑：提交（回车 / 失焦 / Change） */\n  private commitEdit = (e: Event, row: Record<string, any>, prop: string) => {\n    const input = e.target as HTMLInputElement;\n    const value = input.value;\n    // 就地更新（简单可用版）：修改 row[prop] 后强制重渲染\n    row[prop] = value;\n    this.editingCell = null;\n    this.hbCellChange.emit({ row, prop, value });\n  };\n\n  /** 行内编辑：回车提交 / Esc 取消 */\n  private onEditKeydown = (e: KeyboardEvent, row: Record<string, any>, prop: string) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      this.commitEdit(e, row, prop);\n    } else if (e.key === 'Escape') {\n      e.preventDefault();\n      this.editingCell = null;\n    }\n  };\n\n  private allCheckboxRef?: HTMLInputElement;\n\n  componentDidRender() {\n    // indeterminate 不是可反射的 HTML 属性，必须通过 DOM 属性设置\n    if (this.allCheckboxRef) {\n      this.allCheckboxRef.indeterminate = this.isIndeterminate;\n    }\n  }\n\n  /** 虚拟滚动上下缓冲行数 */\n  private readonly virtualBuffer = 5;\n\n  /** 虚拟滚动：滚动事件回调，更新 scrollTop 触发可见窗口重算 */\n  private handleVirtualScroll = (e: Event) => {\n    const target = e.target as HTMLElement;\n    this.scrollTop = target.scrollTop;\n  };\n\n  /** 虚拟滚动：计算可见窗口 [startIndex, endIndex) */\n  private get visibleRange(): { startIndex: number; endIndex: number } {\n    const total = this.data.length;\n    if (total === 0) return { startIndex: 0, endIndex: 0 };\n\n    const itemHeight = this.itemHeight > 0 ? this.itemHeight : 1;\n    const viewport = this.virtualScrollHeight;\n\n    let startIndex = Math.floor(this.scrollTop / itemHeight) - this.virtualBuffer;\n    if (startIndex < 0) startIndex = 0;\n\n    let endIndex = Math.ceil((this.scrollTop + viewport) / itemHeight) + this.virtualBuffer;\n    if (endIndex > total) endIndex = total;\n\n    return { startIndex, endIndex };\n  }\n\n  /** 虚拟滚动：撑高容器总高度 */\n  private get virtualTotalHeight(): number {\n    return this.data.length * (this.itemHeight > 0 ? this.itemHeight : 1);\n  }\n\n  private handleSort = (prop: string) => {\n    if (this.sortProp === prop) {\n      this.sortDirection =\n        this.sortDirection === 'ascending' ? 'descending' : this.sortDirection === 'descending' ? null : 'ascending';\n    } else {\n      this.sortProp = prop;\n      this.sortDirection = 'ascending';\n    }\n    this.hbSortChange.emit({ prop, order: this.sortDirection });\n  };\n\n  private get sortedData(): Record<string, any>[] {\n    if (!this.sortProp || !this.sortDirection) return this.data;\n    const direction = this.sortDirection === 'ascending' ? 1 : -1;\n    return [...this.data].sort((a, b) => {\n      const va = a[this.sortProp];\n      const vb = b[this.sortProp];\n      if (va < vb) return -1 * direction;\n      if (va > vb) return 1 * direction;\n      return 0;\n    });\n  };\n\n  private get isAllSelected(): boolean {\n    return this.data.length > 0 && this.selectedRows.size === this.data.length;\n  }\n\n  private get isIndeterminate(): boolean {\n    return this.selectedRows.size > 0 && this.selectedRows.size < this.data.length;\n  }\n\n  private toggleRow = (index: number, e: Event) => {\n    e.stopPropagation();\n    const next = new Set(this.selectedRows);\n    if (next.has(index)) {\n      next.delete(index);\n    } else {\n      next.add(index);\n    }\n    this.selectedRows = next;\n    this.emitSelection();\n  };\n\n  private toggleAll = () => {\n    if (this.isAllSelected) {\n      this.selectedRows = new Set();\n    } else {\n      this.selectedRows = new Set(this.data.map((_, i) => i));\n    }\n    this.emitSelection();\n  };\n\n  private emitSelection() {\n    const selected = Array.from(this.selectedRows)\n      .sort((a, b) => a - b)\n      .map((i) => this.data[i])\n      .filter(Boolean);\n    this.hbSelectionChange.emit(selected);\n  }\n\n  private handleRowClick = (row: Record<string, any>, index: number) => {\n    this.currentRow = index;\n    this.hbRowClick.emit({ row, index });\n  };\n\n  private handleAction = (row: Record<string, any>, index: number, action: string) => {\n    this.hbAction.emit({ row, index, action });\n  };\n\n  private get hasActions(): boolean {\n    return !!this.actions && this.actions.length > 0;\n  }\n\n  /** 计算固定列的 sticky 偏移（左侧/右侧累计宽度） */\n  private get fixedOffsets(): Record<string, FixedOffset> {\n    const result: Record<string, FixedOffset> = {};\n    let leftAcc = '0px';\n    for (const c of this.columns) {\n      const side = c.fixed === true ? 'left' : c.fixed;\n      if (side === 'left') {\n        result[c.prop] = { side: 'left', left: leftAcc };\n        leftAcc = `calc(${leftAcc} + ${c.width || '0px'})`;\n      }\n    }\n    let rightAcc = '0px';\n    for (let i = this.columns.length - 1; i >= 0; i--) {\n      const c = this.columns[i];\n      if (c.fixed === 'right') {\n        result[c.prop] = { side: 'right', right: rightAcc };\n        rightAcc = `calc(${rightAcc} + ${c.width || '0px'})`;\n      }\n    }\n    return result;\n  }\n\n  private cellStyle(prop: string, base?: Record<string, string>): Record<string, string> {\n    const off = this.fixedOffsets[prop];\n    const style: Record<string, string> = { ...(base || {}) };\n    if (off?.side === 'left') {\n      style.position = 'sticky';\n      style.left = off.left as string;\n      style.zIndex = '2';\n    } else if (off?.side === 'right') {\n      style.position = 'sticky';\n      style.right = off.right as string;\n      style.zIndex = '2';\n    }\n    return style;\n  }\n\n  /**\n   * 渲染单行（普通 + 虚拟滚动 + 树形 共用）。\n   * - 普通模式：rowIndex 为在 sortedData 中的全局索引。\n   * - 树形模式：fr.level 决定缩进，第一列渲染展开箭头，key 取 fr.key。\n   * fr 为可选；未传时按普通模式渲染。\n   */\n  private renderRow(row: Record<string, any>, rowIndex: number, fr?: FlatRow) {\n    const tree = !!fr;\n    const level = fr ? fr.level : 0;\n    const rowKeyVal = fr ? fr.key : this.rowKey ? row[this.rowKey] : rowIndex;\n    const indent = level * 16;\n\n    const isEditing = (prop: string) => !!this.editingCell && this.editingCell.rowKey === rowKeyVal && this.editingCell.prop === prop;\n\n    return (\n      <tr\n        key={rowKeyVal}\n        class={{\n          'hb-table__row': true,\n          'hb-table__row--striped': this.stripe && rowIndex % 2 === 1,\n          'hb-table__row--current': this.highlightCurrentRow && rowIndex === this.currentRow,\n          'hb-table__row--selected': this.selectedRows.has(rowIndex),\n          'hb-table__row--tree': tree,\n        }}\n        onClick={() => this.handleRowClick(row, rowIndex)}\n      >\n        {this.selectable && (\n          <td class=\"hb-table__selection\" onClick={(e) => e.stopPropagation()}>\n            <input\n              type=\"checkbox\"\n              class=\"hb-table__checkbox\"\n              checked={this.selectedRows.has(rowIndex)}\n              onChange={(e) => this.toggleRow(rowIndex, e)}\n            />\n          </td>\n        )}\n        {this.columns.map((col, colIdx) => {\n          const off = this.fixedOffsets[col.prop];\n          // 树形模式：第一列加缩进 + 展开箭头\n          const isFirstCol = colIdx === 0;\n          const showExpand = tree && isFirstCol && fr!.hasChildren;\n          const expanded = showExpand && this.expandedRowKeys.indexOf(rowKeyVal) !== -1;\n          const editing = this.editable && !!col.editable && isEditing(col.prop);\n          const editableActive = this.editable && !!col.editable;\n\n          return (\n            <td\n              key={col.prop}\n              style={this.cellStyle(col.prop, { textAlign: col.align || 'left' })}\n              class={{\n                'hb-table__td': true,\n                'hb-table__cell--fixed-left': off?.side === 'left',\n                'hb-table__cell--fixed-right': off?.side === 'right',\n                'hb-table__cell--editable': editableActive,\n              }}\n              onClick={editableActive ? (e) => this.startEdit(e, rowKeyVal, col.prop) : undefined}\n            >\n              {tree && isFirstCol && (\n                <span class=\"hb-table__indent\" style={{ display: 'inline-block', width: `${indent}px` }} aria-hidden=\"true\" />\n              )}\n              {showExpand && (\n                <button\n                  type=\"button\"\n                  class={{ 'hb-table__expand': true, 'hb-table__expand--expanded': expanded }}\n                  aria-label={expanded ? '收起' : '展开'}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    this.toggleExpand(row, rowKeyVal);\n                  }}\n                >\n                  {expanded ? '▼' : '▶'}\n                </button>\n              )}\n              {showExpand === false && tree && isFirstCol && (\n                <span class=\"hb-table__expand-placeholder\" style={{ display: 'inline-block', width: '16px' }} aria-hidden=\"true\" />\n              )}\n              {editing ? (\n                <input\n                  class=\"hb-table__edit-input\"\n                  type=\"text\"\n                  value={row[col.prop] ?? ''}\n                  onBlur={(e) => this.commitEdit(e, row, col.prop)}\n                  onKeyDown={(e) => this.onEditKeydown(e, row, col.prop)}\n                />\n              ) : (\n                <slot name={`cell-${col.prop}`}>{col.formatter ? col.formatter(row, rowIndex) : row[col.prop] ?? ''}</slot>\n              )}\n            </td>\n          );\n        })}\n        {this.hasActions && (\n          <td class=\"hb-table__td--actions\" style={{ textAlign: 'right', whiteSpace: 'nowrap' }} onClick={(e) => e.stopPropagation()}>\n            {this.actions.map((act) => (\n              <button\n                type=\"button\"\n                class={{\n                  'hb-table__action': true,\n                  'hb-table__action--primary': act.type === 'primary',\n                  'hb-table__action--danger': act.type === 'danger',\n                }}\n                disabled={act.disabled ? act.disabled(row, rowIndex) : false}\n                onClick={() => this.handleAction(row, rowIndex, act.key)}\n              >\n                {act.label}\n              </button>\n            ))}\n          </td>\n        )}\n      </tr>\n    );\n  }\n\n  /** 渲染表头（普通 + 虚拟滚动共用，表头始终固定不随滚） */\n  private renderHeader() {\n    return (\n      <thead>\n        <tr>\n          {this.selectable && (\n            <th class=\"hb-table__selection\">\n              <input\n                type=\"checkbox\"\n                class=\"hb-table__checkbox\"\n                checked={this.isAllSelected}\n                ref={(el) => {\n                  this.allCheckboxRef = el as HTMLInputElement;\n                }}\n                onChange={this.toggleAll}\n              />\n            </th>\n          )}\n          {this.columns.map((col) => {\n            const off = this.fixedOffsets[col.prop];\n            return (\n              <th\n                key={col.prop}\n                style={this.cellStyle(col.prop, {\n                  width: col.width,\n                  minWidth: col.minWidth,\n                  textAlign: col.align || 'left',\n                })}\n                class={{\n                  'hb-table__th--sortable': col.sortable,\n                  'hb-table__cell--fixed-left': off?.side === 'left',\n                  'hb-table__cell--fixed-right': off?.side === 'right',\n                }}\n                onClick={col.sortable ? () => this.handleSort(col.prop) : undefined}\n              >\n                <div class=\"hb-table__th-content\">\n                  <span>{col.label}</span>\n                  {col.sortable && (\n                    <span class=\"hb-table__sort\">\n                      <span class={{ 'hb-table__sort-icon': true, 'hb-table__sort-icon--active': this.sortProp === col.prop && this.sortDirection === 'ascending' }}>▲</span>\n                      <span class={{ 'hb-table__sort-icon': true, 'hb-table__sort-icon--active': this.sortProp === col.prop && this.sortDirection === 'descending' }}>▼</span>\n                    </span>\n                  )}\n                </div>\n              </th>\n            );\n          })}\n          {this.hasActions && (\n            <th class=\"hb-table__th--actions\" style={{ textAlign: 'right', whiteSpace: 'nowrap' }}>\n              操作\n            </th>\n          )}\n        </tr>\n      </thead>\n    );\n  }\n\n  render() {\n    const displayData = this.sortedData;\n    const isEmpty = displayData.length === 0;\n\n    // 树形模式：把可见树拍平成带 level 的行列表（仅含已展开链路上的后代）\n    const flatRows: FlatRow[] = this.isTreeMode ? this.flattenTree(displayData) : [];\n\n    // 虚拟滚动：固定高度滚动视口 + 撑高容器 + 仅渲染可见窗口行（绝对定位 offset）\n    // 注意：树形 + 虚拟滚动组合较复杂，此处虚拟滚动沿用普通行渲染（不展开树），\n    // 保留树形仅在普通模式下生效以降低风险。\n    const renderVirtualBody = () => {\n      const { startIndex, endIndex } = this.visibleRange;\n      const offsetTop = startIndex * (this.itemHeight > 0 ? this.itemHeight : 1);\n      return (\n        <div\n          class=\"hb-table__virtual-viewport\"\n          style={{ height: `${this.virtualScrollHeight}px`, overflowY: 'auto' }}\n          onScroll={this.handleVirtualScroll}\n        >\n          <div class=\"hb-table__virtual-spacer\" style={{ height: `${this.virtualTotalHeight}px`, position: 'relative' }}>\n            <table class=\"hb-table__table hb-table__table--virtual\">\n              <tbody>\n                {isEmpty ? (\n                  <tr>\n                    <td colSpan={this.columns.length + (this.selectable ? 1 : 0) + (this.hasActions ? 1 : 0)} class=\"hb-table__empty\">\n                      {this.emptyText}\n                    </td>\n                  </tr>\n                ) : (\n                  <tr style={{ height: `${offsetTop}px` }} aria-hidden=\"true\" />\n                )}\n                {displayData.slice(startIndex, endIndex).map((row, i) => this.renderRow(row, startIndex + i))}\n              </tbody>\n            </table>\n          </div>\n        </div>\n      );\n    };\n\n    // 普通模式：树形启用时按拍平列表渲染（带 level 缩进 + 展开箭头），否则原样按行渲染\n    const renderNormalBody = () => (\n      <tbody>\n        {isEmpty ? (\n          <tr>\n            <td colSpan={this.columns.length + (this.selectable ? 1 : 0) + (this.hasActions ? 1 : 0)} class=\"hb-table__empty\">\n              {this.emptyText}\n            </td>\n          </tr>\n        ) : this.isTreeMode ? (\n          flatRows.map((fr, i) => this.renderRow(fr.row, i, fr))\n        ) : (\n          displayData.map((row, rowIndex) => this.renderRow(row, rowIndex))\n        )}\n      </tbody>\n    );\n\n    return (\n      <div class={{ 'hb-table': true, [`hb-table--${this.size}`]: true, 'hb-table--border': this.border, 'hb-table--virtual': this.virtualScroll }}>\n        {this.loading && (\n          <div class=\"hb-table__loading\">\n            <div class=\"hb-table__loading-spinner\"></div>\n          </div>\n        )}\n        {this.virtualScroll ? (\n          <div class=\"hb-table__virtual-wrapper\">\n            <table class=\"hb-table__table\">\n              {this.renderHeader()}\n            </table>\n            {renderVirtualBody()}\n          </div>\n        ) : (\n          <div class=\"hb-table__wrapper\" style={this.maxHeight ? { maxHeight: this.maxHeight, overflow: 'auto' } : undefined}>\n            <table class=\"hb-table__table\">\n              {this.renderHeader()}\n              {renderNormalBody()}\n            </table>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["treeCss","HbTreeStyle0","Tree","data","expandedKeys","selectedKeys","checkable","checkedKeys","defaultExpandAll","showLine","internalExpanded","internalSelected","internalChecked","hbSelect","hbExpand","hbCheck","componentWillLoad","this","all","collectExpandableKeys","handleDataChange","current","getExpandedKeys","merged","deduped","Array","from","Set","handleExpandedKeysChange","handleSelectedKeysChange","handleCheckedKeysChange","nodes","out","node","children","length","push","key","getSelectedKeys","getCheckedKeys","isExpanded","includes","isSelected","isChecked","handleToggleExpand","e","stopPropagation","disabled","idx","indexOf","splice","emit","handleSelect","handleCheck","wasChecked","next","removeDescendantKeys","delete","add","collectCheckableDescendantKeys","reconcileAncestors","result","child","parents","findAncestors","parent","checkableChildren","filter","c","allChecked","every","has","acc","found","computeIndeterminateKeys","checked","walk","hasCheckedDescendant","childState","root","renderNode","level","indeterminateKeys","hasChildren","expanded","selected","indeterminate","h","class","role","String","undefined","tabindex","style","paddingLeft","onClick","title","map","render"],"sources":["src/components/Tree/tree.css?tag=hb-tree&encapsulation=shadow","src/components/Tree/Tree.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-tree {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  font-size: var(--hb-font-size-base);\n  color: var(--hb-color-text);\n  background-color: var(--hb-color-bg-container);\n  box-sizing: border-box;\n}\n\n.hb-tree__children {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.hb-tree__node {\n  list-style: none;\n  white-space: nowrap;\n}\n\n.hb-tree__node-content {\n  display: flex;\n  align-items: center;\n  gap: var(--hb-spacing-xxs);\n  height: 28px;\n  padding-right: var(--hb-spacing-xs);\n  border-radius: var(--hb-border-radius-sm);\n  cursor: pointer;\n  transition: background-color var(--hb-transition-duration, 0.2s) var(--hb-transition-function, ease);\n  box-sizing: border-box;\n}\n\n.hb-tree__node-content:hover {\n  background-color: var(--hb-color-fill-tertiary);\n}\n\n.hb-tree__node-content--selected {\n  background-color: var(--hb-color-primary-bg);\n}\n\n.hb-tree__node--disabled > .hb-tree__node-content {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.hb-tree__node--disabled > .hb-tree__node-content:hover {\n  background-color: transparent;\n}\n\n.hb-tree__switcher {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  flex-shrink: 0;\n  color: var(--hb-color-text-tertiary);\n}\n\n.hb-tree__arrow {\n  font-size: 10px;\n  display: inline-block;\n  transition: transform var(--hb-transition-duration, 0.2s);\n}\n\n.hb-tree__arrow--expanded {\n  transform: rotate(90deg);\n}\n\n.hb-tree--show-line .hb-tree__switcher {\n  color: var(--hb-color-border);\n}\n\n.hb-tree__line-dot {\n  width: 6px;\n  height: 6px;\n  border-left: 1px solid var(--hb-color-border);\n  border-bottom: 1px solid var(--hb-color-border);\n  border-bottom-left-radius: var(--hb-border-radius-sm);\n}\n\n.hb-tree__checkbox {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  border: 1px solid var(--hb-color-border);\n  border-radius: var(--hb-border-radius-xs, 2px);\n  background-color: var(--hb-color-bg-container);\n  color: #fff;\n  font-size: 11px;\n  line-height: 1;\n  flex-shrink: 0;\n  transition: all var(--hb-transition-duration, 0.2s);\n}\n\n.hb-tree__checkbox:hover:not(.hb-tree__checkbox--disabled) {\n  border-color: var(--hb-color-primary);\n}\n\n.hb-tree__checkbox--checked {\n  background-color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n}\n\n.hb-tree__checkbox--indeterminate {\n  background-color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n}\n\n.hb-tree__checkbox--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.hb-tree__title {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  user-select: none;\n}\n\n.hb-tree__node-content--selected .hb-tree__title {\n  color: var(--hb-color-primary);\n  font-weight: 500;\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\n\nexport interface TreeNode {\n  /** 节点唯一标识 */\n  key: string;\n  /** 节点标题 */\n  title: string;\n  /** 子节点 */\n  children?: TreeNode[];\n  /** 是否禁用 */\n  disabled?: boolean;\n}\n\n/**\n * Tree 树形组件\n * 文件夹、组织架构、分类导航等层级结构的展示与选择\n */\n@Component({\n  tag: 'hb-tree',\n  styleUrl: 'tree.css',\n  shadow: true,\n})\nexport class Tree {\n  @Element() el: HTMLElement;\n\n  /**\n   * 可选项数据源（递归树结构）\n   */\n  @Prop() data: TreeNode[] = [];\n\n  /**\n   * （受控）展开的节点 key 集合\n   */\n  @Prop({ mutable: true }) expandedKeys: string[] = [];\n\n  /**\n   * （受控）选中的节点 key 集合\n   */\n  @Prop({ mutable: true }) selectedKeys: string[] = [];\n\n  /**\n   * 是否显示 checkbox 复选框\n   * @default false\n   */\n  @Prop() checkable: boolean = false;\n\n  /**\n   * （受控）勾选的节点 key 集合\n   */\n  @Prop({ mutable: true }) checkedKeys: string[] = [];\n\n  /**\n   * 是否默认展开全部节点\n   * @default false\n   */\n  @Prop() defaultExpandAll: boolean = false;\n\n  /**\n   * 是否显示连接线\n   * @default false\n   */\n  @Prop() showLine: boolean = false;\n\n  @State() internalExpanded: string[] | null = null;\n  @State() internalSelected: string[] | null = null;\n  @State() internalChecked: string[] | null = null;\n\n  /**\n   * 选中节点变化事件（detail: 选中节点 key 数组）\n   */\n  @Event() hbSelect: EventEmitter<string[]>;\n\n  /**\n   * 展开节点变化事件（detail: 展开节点 key 数组）\n   */\n  @Event() hbExpand: EventEmitter<string[]>;\n\n  /**\n   * 勾选节点变化事件（detail: 勾选节点 key 数组）\n   */\n  @Event() hbCheck: EventEmitter<string[]>;\n\n  componentWillLoad() {\n    if (this.defaultExpandAll) {\n      const all: string[] = [];\n      this.collectExpandableKeys(this.data, all);\n      this.internalExpanded = all;\n    }\n  }\n\n  /**\n   * data 变化时，若 defaultExpandAll=true，把所有含 children 的节点 key\n   * 合并进 expandedKeys（保留用户已手动展开的节点，不收起任何已展开项）。\n   * 解决「先 mount 再赋 data」时 componentWillLoad 基于空数据计算导致不展开的问题。\n   */\n  @Watch('data')\n  handleDataChange() {\n    if (!this.defaultExpandAll) {\n      return;\n    }\n    const current = this.getExpandedKeys();\n    const merged = [...current];\n    this.collectExpandableKeys(this.data, merged);\n    // 去重\n    const deduped = Array.from(new Set(merged));\n    this.internalExpanded = deduped;\n    this.expandedKeys = deduped;\n  }\n\n  @Watch('expandedKeys')\n  handleExpandedKeysChange() {\n    this.internalExpanded = null;\n  }\n\n  @Watch('selectedKeys')\n  handleSelectedKeysChange() {\n    this.internalSelected = null;\n  }\n\n  @Watch('checkedKeys')\n  handleCheckedKeysChange() {\n    this.internalChecked = null;\n  }\n\n  private collectExpandableKeys(nodes: TreeNode[], out: string[]) {\n    for (const node of nodes) {\n      if (node.children && node.children.length > 0) {\n        out.push(node.key);\n        this.collectExpandableKeys(node.children, out);\n      }\n    }\n  }\n\n  private getExpandedKeys(): string[] {\n    return this.internalExpanded !== null ? this.internalExpanded : this.expandedKeys;\n  }\n\n  private getSelectedKeys(): string[] {\n    return this.internalSelected !== null ? this.internalSelected : this.selectedKeys;\n  }\n\n  private getCheckedKeys(): string[] {\n    return this.internalChecked !== null ? this.internalChecked : this.checkedKeys;\n  }\n\n  private isExpanded = (key: string) => this.getExpandedKeys().includes(key);\n  private isSelected = (key: string) => this.getSelectedKeys().includes(key);\n  private isChecked = (key: string) => this.getCheckedKeys().includes(key);\n\n  private handleToggleExpand = (node: TreeNode, e: Event) => {\n    e.stopPropagation();\n    if (node.disabled) return;\n    const current = [...this.getExpandedKeys()];\n    const idx = current.indexOf(node.key);\n    if (idx >= 0) {\n      current.splice(idx, 1);\n    } else {\n      current.push(node.key);\n    }\n    this.internalExpanded = current;\n    this.expandedKeys = current;\n    this.hbExpand.emit(current);\n  };\n\n  private handleSelect = (node: TreeNode) => {\n    if (node.disabled) return;\n    const current = [...this.getSelectedKeys()];\n    const idx = current.indexOf(node.key);\n    if (idx >= 0) {\n      current.splice(idx, 1);\n    } else {\n      current.push(node.key);\n    }\n    this.internalSelected = current;\n    this.selectedKeys = current;\n    this.hbSelect.emit(current);\n  };\n\n  private handleCheck = (node: TreeNode, e: Event) => {\n    e.stopPropagation();\n    if (node.disabled) return;\n    const current = [...this.getCheckedKeys()];\n    const wasChecked = current.includes(node.key);\n\n    // 计算本次操作应进入/移出 checkedKeys 的所有 key 集合（含级联）。\n    // 不可变：始终基于副本计算，绝不原地修改 current。\n    const next = new Set(current);\n    if (wasChecked) {\n      // 取消：取消自身 + 取消所有后代（含禁用后代，因为它们当时是被父级带选的）。\n      this.removeDescendantKeys(node, next);\n      next.delete(node.key);\n    } else {\n      // 勾选：勾选自身 + 勾选所有非禁用后代。\n      next.add(node.key);\n      this.collectCheckableDescendantKeys(node, next);\n    }\n\n    // 父子联动自底向上修正祖先：所有非禁用子节点全选 → 父加入 checkedKeys；\n    // 子节点部分选/全未选 → 父移出 checkedKeys（部分选体现为 indeterminate，由 detail 暴露）。\n    this.reconcileAncestors(node, next);\n\n    const result = Array.from(next);\n    this.internalChecked = result;\n    this.checkedKeys = result;\n    this.hbCheck.emit(result);\n  };\n\n  /**\n   * 从集合中移除某节点所有后代 key（含禁用项），用于取消父级时级联取消。\n   * 不可变：仅修改传入的 Set 副本，不修改树本身。\n   */\n  private removeDescendantKeys(node: TreeNode, out: Set<string>) {\n    if (!node.children) return;\n    for (const child of node.children) {\n      out.delete(child.key);\n      this.removeDescendantKeys(child, out);\n    }\n  }\n\n  /**\n   * 收集某节点所有「可勾选（非禁用）」后代 key，用于勾选父级时级联勾选。\n   * 注意：禁用子节点本身不可手动勾选，但若其下还有非禁用后代，仍应被级联勾选。\n   */\n  private collectCheckableDescendantKeys(node: TreeNode, out: Set<string>) {\n    if (!node.children) return;\n    for (const child of node.children) {\n      if (!child.disabled) {\n        out.add(child.key);\n      }\n      // 无论 child 是否禁用，继续向下寻找可勾选后代。\n      this.collectCheckableDescendantKeys(child, out);\n    }\n  }\n\n  /**\n   * 自底向上修正 checkedKeys 中某节点的所有祖先勾选状态。\n   * 规则：一个祖先节点，当且仅当其所有「非禁用子节点」均被勾选时，自身才被勾选；\n   * 否则移出 checkedKeys（部分选情况由 indeterminate 集合在渲染层暴露，不进入 checkedKeys）。\n   */\n  private reconcileAncestors(node: TreeNode, next: Set<string>) {\n    const parents = this.findAncestors(this.data, node.key, []);\n    // parents 为从直接父到根的数组；逐层判断。\n    for (const parent of parents) {\n      if (parent.disabled || !parent.children || parent.children.length === 0) continue;\n      const checkableChildren = parent.children.filter((c) => !c.disabled);\n      if (checkableChildren.length === 0) continue;\n      const allChecked = checkableChildren.every((c) => next.has(c.key));\n      if (allChecked) {\n        next.add(parent.key);\n      } else {\n        next.delete(parent.key);\n      }\n    }\n  }\n\n  /**\n   * 递归查找某 key 的祖先链（不含自身），返回从直接父到根的数组。\n   * 找不到返回空数组（key 为根节点或不存在时）。\n   */\n  private findAncestors(nodes: TreeNode[], key: string, acc: TreeNode[]): TreeNode[] | null {\n    for (const node of nodes) {\n      if (node.key === key) {\n        return acc;\n      }\n      if (node.children && node.children.length > 0) {\n        const found = this.findAncestors(node.children, key, [node, ...acc]);\n        if (found) return found;\n      }\n    }\n    return null;\n  }\n\n  /**\n   * 计算当前 checkedKeys 下处于「部分选中（indeterminate）」的节点 key 集合。\n   * 一个节点为 indeterminate 当：其本身不在 checkedKeys，但其下（递归）存在被勾选的后代。\n   * 用于渲染层暴露三方态（aria-checked=\"mixed\" + class）。\n   */\n  private computeIndeterminateKeys(): Set<string> {\n    const checked = this.getCheckedKeys();\n    const result = new Set<string>();\n    const walk = (node: TreeNode): { hasCheckedDescendant: boolean } => {\n      if (!node.children || node.children.length === 0) {\n        return { hasCheckedDescendant: false };\n      }\n      let hasCheckedDescendant = false;\n      for (const child of node.children) {\n        const childState = walk(child);\n        if (checked.includes(child.key) || childState.hasCheckedDescendant) {\n          hasCheckedDescendant = true;\n        }\n      }\n      // 节点本身未勾选，但有被勾选后代 → indeterminate\n      if (hasCheckedDescendant && !checked.includes(node.key)) {\n        result.add(node.key);\n      }\n      return { hasCheckedDescendant };\n    };\n    for (const root of this.data) {\n      walk(root);\n    }\n    return result;\n  }\n\n  private renderNode = (node: TreeNode, level: number, indeterminateKeys: Set<string>): any => {\n    const hasChildren = !!(node.children && node.children.length > 0);\n    const expanded = this.isExpanded(node.key);\n    const selected = this.isSelected(node.key);\n    const checked = this.isChecked(node.key);\n    const indeterminate = indeterminateKeys.has(node.key);\n    const disabled = !!node.disabled;\n\n    return (\n      <li\n        class={{\n          'hb-tree__node': true,\n          'hb-tree__node--disabled': disabled,\n        }}\n        role=\"treeitem\"\n        aria-level={level + 1}\n        aria-expanded={hasChildren ? String(expanded) : undefined}\n        aria-selected={selected ? 'true' : 'false'}\n        aria-checked={\n          this.checkable\n            ? indeterminate\n              ? 'mixed'\n              : checked\n                ? 'true'\n                : 'false'\n            : undefined\n        }\n        aria-disabled={disabled ? 'true' : undefined}\n        tabindex={selected ? 0 : -1}\n      >\n        <div\n          class={{\n            'hb-tree__node-content': true,\n            'hb-tree__node-content--selected': selected,\n          }}\n          style={{ paddingLeft: `${level * 18 + 8}px` }}\n        >\n          <span class=\"hb-tree__switcher\" onClick={(e) => hasChildren && this.handleToggleExpand(node, e)}>\n            {hasChildren ? (\n              <span class={{ 'hb-tree__arrow': true, 'hb-tree__arrow--expanded': expanded }}>▶</span>\n            ) : this.showLine ? (\n              <span class=\"hb-tree__line-dot\" />\n            ) : null}\n          </span>\n\n          {this.checkable && (\n            <span\n              class={{\n                'hb-tree__checkbox': true,\n                'hb-tree__checkbox--checked': checked,\n                'hb-tree__checkbox--indeterminate': indeterminate,\n                'hb-tree__checkbox--disabled': disabled,\n              }}\n              onClick={(e) => this.handleCheck(node, e)}\n            >\n              {checked ? '✓' : indeterminate ? '–' : ''}\n            </span>\n          )}\n\n          <span class=\"hb-tree__title\" onClick={() => this.handleSelect(node)}>\n            {node.title}\n          </span>\n        </div>\n\n        {hasChildren && expanded && (\n          <ul class=\"hb-tree__children\" role=\"group\">\n            {node.children!.map((child) => this.renderNode(child, level + 1, indeterminateKeys))}\n          </ul>\n        )}\n      </li>\n    );\n  };\n\n  render() {\n    const indeterminateKeys = this.checkable ? this.computeIndeterminateKeys() : new Set<string>();\n    return (\n      <ul class={{ 'hb-tree': true, 'hb-tree--show-line': this.showLine }} role=\"tree\">\n        {this.data.map((node) => this.renderNode(node, 0, indeterminateKeys))}\n      </ul>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAU,gyPAChB,MAAAC,EAAeD,E,MCqBFE,EAAI,M,wJAMPC,KAAmB,GAKFC,aAAyB,GAKzBC,aAAyB,GAM1CC,UAAqB,MAKJC,YAAwB,GAMzCC,iBAA4B,MAM5BC,SAAoB,MAEnBC,iBAAoC,KACpCC,iBAAoC,KACpCC,gBAAmC,KAKnCC,SAKAC,SAKAC,QAET,iBAAAC,GACE,GAAIC,KAAKT,iBAAkB,CACzB,MAAMU,EAAgB,GACtBD,KAAKE,sBAAsBF,KAAKd,KAAMe,GACtCD,KAAKP,iBAAmBQ,C,EAU5B,gBAAAE,GACE,IAAKH,KAAKT,iBAAkB,CAC1B,M,CAEF,MAAMa,EAAUJ,KAAKK,kBACrB,MAAMC,EAAS,IAAIF,GACnBJ,KAAKE,sBAAsBF,KAAKd,KAAMoB,GAEtC,MAAMC,EAAUC,MAAMC,KAAK,IAAIC,IAAIJ,IACnCN,KAAKP,iBAAmBc,EACxBP,KAAKb,aAAeoB,C,CAItB,wBAAAI,GACEX,KAAKP,iBAAmB,I,CAI1B,wBAAAmB,GACEZ,KAAKN,iBAAmB,I,CAI1B,uBAAAmB,GACEb,KAAKL,gBAAkB,I,CAGjB,qBAAAO,CAAsBY,EAAmBC,GAC/C,IAAK,MAAMC,KAAQF,EAAO,CACxB,GAAIE,EAAKC,UAAYD,EAAKC,SAASC,OAAS,EAAG,CAC7CH,EAAII,KAAKH,EAAKI,KACdpB,KAAKE,sBAAsBc,EAAKC,SAAUF,E,GAKxC,eAAAV,GACN,OAAOL,KAAKP,mBAAqB,KAAOO,KAAKP,iBAAmBO,KAAKb,Y,CAG/D,eAAAkC,GACN,OAAOrB,KAAKN,mBAAqB,KAAOM,KAAKN,iBAAmBM,KAAKZ,Y,CAG/D,cAAAkC,GACN,OAAOtB,KAAKL,kBAAoB,KAAOK,KAAKL,gBAAkBK,KAAKV,W,CAG7DiC,WAAcH,GAAgBpB,KAAKK,kBAAkBmB,SAASJ,GAC9DK,WAAcL,GAAgBpB,KAAKqB,kBAAkBG,SAASJ,GAC9DM,UAAaN,GAAgBpB,KAAKsB,iBAAiBE,SAASJ,GAE5DO,mBAAqB,CAACX,EAAgBY,KAC5CA,EAAEC,kBACF,GAAIb,EAAKc,SAAU,OACnB,MAAM1B,EAAU,IAAIJ,KAAKK,mBACzB,MAAM0B,EAAM3B,EAAQ4B,QAAQhB,EAAKI,KACjC,GAAIW,GAAO,EAAG,CACZ3B,EAAQ6B,OAAOF,EAAK,E,KACf,CACL3B,EAAQe,KAAKH,EAAKI,I,CAEpBpB,KAAKP,iBAAmBW,EACxBJ,KAAKb,aAAeiB,EACpBJ,KAAKH,SAASqC,KAAK9B,EAAQ,EAGrB+B,aAAgBnB,IACtB,GAAIA,EAAKc,SAAU,OACnB,MAAM1B,EAAU,IAAIJ,KAAKqB,mBACzB,MAAMU,EAAM3B,EAAQ4B,QAAQhB,EAAKI,KACjC,GAAIW,GAAO,EAAG,CACZ3B,EAAQ6B,OAAOF,EAAK,E,KACf,CACL3B,EAAQe,KAAKH,EAAKI,I,CAEpBpB,KAAKN,iBAAmBU,EACxBJ,KAAKZ,aAAegB,EACpBJ,KAAKJ,SAASsC,KAAK9B,EAAQ,EAGrBgC,YAAc,CAACpB,EAAgBY,KACrCA,EAAEC,kBACF,GAAIb,EAAKc,SAAU,OACnB,MAAM1B,EAAU,IAAIJ,KAAKsB,kBACzB,MAAMe,EAAajC,EAAQoB,SAASR,EAAKI,KAIzC,MAAMkB,EAAO,IAAI5B,IAAIN,GACrB,GAAIiC,EAAY,CAEdrC,KAAKuC,qBAAqBvB,EAAMsB,GAChCA,EAAKE,OAAOxB,EAAKI,I,KACZ,CAELkB,EAAKG,IAAIzB,EAAKI,KACdpB,KAAK0C,+BAA+B1B,EAAMsB,E,CAK5CtC,KAAK2C,mBAAmB3B,EAAMsB,GAE9B,MAAMM,EAASpC,MAAMC,KAAK6B,GAC1BtC,KAAKL,gBAAkBiD,EACvB5C,KAAKV,YAAcsD,EACnB5C,KAAKF,QAAQoC,KAAKU,EAAO,EAOnB,oBAAAL,CAAqBvB,EAAgBD,GAC3C,IAAKC,EAAKC,SAAU,OACpB,IAAK,MAAM4B,KAAS7B,EAAKC,SAAU,CACjCF,EAAIyB,OAAOK,EAAMzB,KACjBpB,KAAKuC,qBAAqBM,EAAO9B,E,EAQ7B,8BAAA2B,CAA+B1B,EAAgBD,GACrD,IAAKC,EAAKC,SAAU,OACpB,IAAK,MAAM4B,KAAS7B,EAAKC,SAAU,CACjC,IAAK4B,EAAMf,SAAU,CACnBf,EAAI0B,IAAII,EAAMzB,I,CAGhBpB,KAAK0C,+BAA+BG,EAAO9B,E,EASvC,kBAAA4B,CAAmB3B,EAAgBsB,GACzC,MAAMQ,EAAU9C,KAAK+C,cAAc/C,KAAKd,KAAM8B,EAAKI,IAAK,IAExD,IAAK,MAAM4B,KAAUF,EAAS,CAC5B,GAAIE,EAAOlB,WAAakB,EAAO/B,UAAY+B,EAAO/B,SAASC,SAAW,EAAG,SACzE,MAAM+B,EAAoBD,EAAO/B,SAASiC,QAAQC,IAAOA,EAAErB,WAC3D,GAAImB,EAAkB/B,SAAW,EAAG,SACpC,MAAMkC,EAAaH,EAAkBI,OAAOF,GAAMb,EAAKgB,IAAIH,EAAE/B,OAC7D,GAAIgC,EAAY,CACdd,EAAKG,IAAIO,EAAO5B,I,KACX,CACLkB,EAAKE,OAAOQ,EAAO5B,I,GASjB,aAAA2B,CAAcjC,EAAmBM,EAAamC,GACpD,IAAK,MAAMvC,KAAQF,EAAO,CACxB,GAAIE,EAAKI,MAAQA,EAAK,CACpB,OAAOmC,C,CAET,GAAIvC,EAAKC,UAAYD,EAAKC,SAASC,OAAS,EAAG,CAC7C,MAAMsC,EAAQxD,KAAK+C,cAAc/B,EAAKC,SAAUG,EAAK,CAACJ,KAASuC,IAC/D,GAAIC,EAAO,OAAOA,C,EAGtB,OAAO,I,CAQD,wBAAAC,GACN,MAAMC,EAAU1D,KAAKsB,iBACrB,MAAMsB,EAAS,IAAIlC,IACnB,MAAMiD,EAAQ3C,IACZ,IAAKA,EAAKC,UAAYD,EAAKC,SAASC,SAAW,EAAG,CAChD,MAAO,CAAE0C,qBAAsB,M,CAEjC,IAAIA,EAAuB,MAC3B,IAAK,MAAMf,KAAS7B,EAAKC,SAAU,CACjC,MAAM4C,EAAaF,EAAKd,GACxB,GAAIa,EAAQlC,SAASqB,EAAMzB,MAAQyC,EAAWD,qBAAsB,CAClEA,EAAuB,I,EAI3B,GAAIA,IAAyBF,EAAQlC,SAASR,EAAKI,KAAM,CACvDwB,EAAOH,IAAIzB,EAAKI,I,CAElB,MAAO,CAAEwC,uBAAsB,EAEjC,IAAK,MAAME,KAAQ9D,KAAKd,KAAM,CAC5ByE,EAAKG,E,CAEP,OAAOlB,C,CAGDmB,WAAa,CAAC/C,EAAgBgD,EAAeC,KACnD,MAAMC,KAAiBlD,EAAKC,UAAYD,EAAKC,SAASC,OAAS,GAC/D,MAAMiD,EAAWnE,KAAKuB,WAAWP,EAAKI,KACtC,MAAMgD,EAAWpE,KAAKyB,WAAWT,EAAKI,KACtC,MAAMsC,EAAU1D,KAAK0B,UAAUV,EAAKI,KACpC,MAAMiD,EAAgBJ,EAAkBX,IAAItC,EAAKI,KACjD,MAAMU,IAAad,EAAKc,SAExB,OACEwC,EAAA,MACEC,MAAO,CACL,gBAAiB,KACjB,0BAA2BzC,GAE7B0C,KAAK,WAAU,aACHR,EAAQ,EAAC,gBACNE,EAAcO,OAAON,GAAYO,UAAS,gBAC1CN,EAAW,OAAS,QAAO,eAExCpE,KAAKX,UACDgF,EACE,QACAX,EACE,OACA,QACJgB,UAAS,gBAEA5C,EAAW,OAAS4C,UACnCC,SAAUP,EAAW,GAAK,GAE1BE,EAAA,OACEC,MAAO,CACL,wBAAyB,KACzB,kCAAmCH,GAErCQ,MAAO,CAAEC,YAAa,GAAGb,EAAQ,GAAK,QAEtCM,EAAA,QAAMC,MAAM,oBAAoBO,QAAUlD,GAAMsC,GAAelE,KAAK2B,mBAAmBX,EAAMY,IAC1FsC,EACCI,EAAA,QAAMC,MAAO,CAAE,iBAAkB,KAAM,2BAA4BJ,IAAU,KAC3EnE,KAAKR,SACP8E,EAAA,QAAMC,MAAM,sBACV,MAGLvE,KAAKX,WACJiF,EAAA,QACEC,MAAO,CACL,oBAAqB,KACrB,6BAA8Bb,EAC9B,mCAAoCW,EACpC,8BAA+BvC,GAEjCgD,QAAUlD,GAAM5B,KAAKoC,YAAYpB,EAAMY,IAEtC8B,EAAU,IAAMW,EAAgB,IAAM,IAI3CC,EAAA,QAAMC,MAAM,iBAAiBO,QAAS,IAAM9E,KAAKmC,aAAanB,IAC3DA,EAAK+D,QAITb,GAAeC,GACdG,EAAA,MAAIC,MAAM,oBAAoBC,KAAK,SAChCxD,EAAKC,SAAU+D,KAAKnC,GAAU7C,KAAK+D,WAAWlB,EAAOmB,EAAQ,EAAGC,MAGlE,EAIT,MAAAgB,GACE,MAAMhB,EAAoBjE,KAAKX,UAAYW,KAAKyD,2BAA6B,IAAI/C,IACjF,OACE4D,EAAA,MAAAlD,IAAA,2CAAImD,MAAO,CAAE,UAAW,KAAM,qBAAsBvE,KAAKR,UAAYgF,KAAK,QACvExE,KAAKd,KAAK8F,KAAKhE,GAAShB,KAAK+D,WAAW/C,EAAM,EAAGiD,K","ignoreList":[]}

package/dist/huibo-ui/p-33de6878.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["checkboxGroupCss","HbCheckboxGroupStyle0","CheckboxGroup","modelValue","disabled","size","border","min","max","hbChange","checkboxes","componentDidLoad","this","updateCheckboxes","handleValueChange","updateCheckboxesState","handlePropsChange","Array","from","el","querySelectorAll","forEach","checkbox","addEventListener","handleCheckboxChange","value","undefined","isChecked","includes","filter","v","e","target","newValue","length","emit","render","h","key","class"],"sources":["src/components/Checkbox/checkbox-group.css?tag=hb-checkbox-group&encapsulation=shadow","src/components/Checkbox/CheckboxGroup.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.hb-checkbox-group {\n  display: inline-block;\n  font-size: 0;\n}\n\n::slotted(hb-checkbox) {\n  margin-right: 30px;\n}\n\n::slotted(hb-checkbox:last-child) {\n  margin-right: 0;\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Watch, Element } from '@stencil/core';\n\n/**\n * CheckboxGroup 多选框组组件\n * 用于管理多个 checkbox\n */\n@Component({\n  tag: 'hb-checkbox-group',\n  styleUrl: 'checkbox-group.css',\n  shadow: true,\n})\nexport class CheckboxGroup {\n  @Element() el: HTMLElement;\n\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue: (string | number)[] = [];\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() border: boolean = false;\n\n  /**\n   * 最小选中数量\n   */\n  @Prop() min?: number;\n\n  /**\n   * 最大选中数量\n   */\n  @Prop() max?: number;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<(string | number)[]>;\n\n  @State() checkboxes: HTMLHbCheckboxElement[] = [];\n\n  componentDidLoad() {\n    this.updateCheckboxes();\n  }\n\n  @Watch('modelValue')\n  handleValueChange() {\n    this.updateCheckboxesState();\n  }\n\n  @Watch('disabled')\n  @Watch('size')\n  @Watch('border')\n  handlePropsChange() {\n    this.updateCheckboxes();\n  }\n\n  private updateCheckboxes() {\n    const checkboxes = Array.from(\n      this.el.querySelectorAll('hb-checkbox')\n    ) as HTMLHbCheckboxElement[];\n\n    this.checkboxes = checkboxes;\n\n    checkboxes.forEach((checkbox) => {\n      checkbox.disabled = this.disabled || checkbox.disabled;\n      checkbox.size = this.size;\n      checkbox.border = this.border;\n      \n      // 监听checkbox变化\n      checkbox.addEventListener('hbChange', this.handleCheckboxChange);\n    });\n\n    this.updateCheckboxesState();\n  }\n\n  private updateCheckboxesState() {\n    this.checkboxes.forEach((checkbox) => {\n      if (checkbox.value !== undefined) {\n        const isChecked = this.modelValue.includes(checkbox.value);\n        checkbox.modelValue = isChecked\n          ? [...this.modelValue]\n          : this.modelValue.filter((v) => v !== checkbox.value);\n      }\n    });\n  }\n\n  private handleCheckboxChange = (e: CustomEvent) => {\n    const checkbox = e.target as HTMLHbCheckboxElement;\n    const value = checkbox.value;\n\n    if (value === undefined) return;\n\n    let newValue: (string | number)[];\n\n    if (this.modelValue.includes(value)) {\n      newValue = this.modelValue.filter((v) => v !== value);\n      // 取消选中后不能低于最小数量\n      if (this.min !== undefined && newValue.length < this.min) {\n        return;\n      }\n    } else {\n      // 选中后不能超过最大数量\n      if (this.max !== undefined && this.modelValue.length >= this.max) {\n        return;\n      }\n      newValue = [...this.modelValue, value];\n    }\n\n    this.modelValue = newValue;\n    this.hbChange.emit(newValue);\n  };\n\n  render() {\n    return (\n      <div\n        class={{\n          'hb-checkbox-group': true,\n        }}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n\n"],"mappings":"yDAAA,MAAMA,EAAmB,k4LACzB,MAAAC,EAAeD,E,MCUFE,EAAa,M,oFAMCC,WAAkC,GAMnDC,SAAoB,MAKpBC,KAAsC,UAMtCC,OAAkB,MAKlBC,IAKAC,IAKCC,SAEAC,WAAsC,GAE/C,gBAAAC,GACEC,KAAKC,kB,CAIP,iBAAAC,GACEF,KAAKG,uB,CAMP,iBAAAC,GACEJ,KAAKC,kB,CAGC,gBAAAA,GACN,MAAMH,EAAaO,MAAMC,KACvBN,KAAKO,GAAGC,iBAAiB,gBAG3BR,KAAKF,WAAaA,EAElBA,EAAWW,SAASC,IAClBA,EAASlB,SAAWQ,KAAKR,UAAYkB,EAASlB,SAC9CkB,EAASjB,KAAOO,KAAKP,KACrBiB,EAAShB,OAASM,KAAKN,OAGvBgB,EAASC,iBAAiB,WAAYX,KAAKY,qBAAqB,IAGlEZ,KAAKG,uB,CAGC,qBAAAA,GACNH,KAAKF,WAAWW,SAASC,IACvB,GAAIA,EAASG,QAAUC,UAAW,CAChC,MAAMC,EAAYf,KAAKT,WAAWyB,SAASN,EAASG,OACpDH,EAASnB,WAAawB,EAClB,IAAIf,KAAKT,YACTS,KAAKT,WAAW0B,QAAQC,GAAMA,IAAMR,EAASG,O,KAK/CD,qBAAwBO,IAC9B,MAAMT,EAAWS,EAAEC,OACnB,MAAMP,EAAQH,EAASG,MAEvB,GAAIA,IAAUC,UAAW,OAEzB,IAAIO,EAEJ,GAAIrB,KAAKT,WAAWyB,SAASH,GAAQ,CACnCQ,EAAWrB,KAAKT,WAAW0B,QAAQC,GAAMA,IAAML,IAE/C,GAAIb,KAAKL,MAAQmB,WAAaO,EAASC,OAAStB,KAAKL,IAAK,CACxD,M,MAEG,CAEL,GAAIK,KAAKJ,MAAQkB,WAAad,KAAKT,WAAW+B,QAAUtB,KAAKJ,IAAK,CAChE,M,CAEFyB,EAAW,IAAIrB,KAAKT,WAAYsB,E,CAGlCb,KAAKT,WAAa8B,EAClBrB,KAAKH,SAAS0B,KAAKF,EAAS,EAG9B,MAAAG,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,oBAAqB,OAGvBF,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/huibo-ui/p-3807da71.entry.js

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

package/dist/huibo-ui/p-3807da71.entry.js.map

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

package/dist/huibo-ui/p-47ef7a86.entry.js

@@ -1,2 +0,0 @@
-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-cc0aeb50.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__overlay{background:var(--hb-color-bg-mask);inset:0;transition:opacity .3s}.hb-drawer,.hb-drawer__overlay{pointer-events:auto;position:fixed}.hb-drawer{background:var(--hb-color-bg-elevated);box-shadow:var(--hb-box-shadow-lg);display:flex;flex-direction:column;transition:transform .3s}.hb-drawer--rtl{bottom:0;right:0;top:0;transform:translate(100%)}.hb-drawer--ltr{bottom:0;left:0;top:0;transform:translate(-100%)}.hb-drawer--ttb{left:0;right:0;top:0;transform:translateY(-100%)}.hb-drawer--btt{bottom:0;left:0;right:0;transform:translateY(100%)}.hb-drawer--visible.hb-drawer--ltr,.hb-drawer--visible.hb-drawer--rtl{transform:translate(0)}.hb-drawer--visible.hb-drawer--btt,.hb-drawer--visible.hb-drawer--ttb{transform:translateY(0)}.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;font-size:18px;height:28px;justify-content:center;width:28px}.hb-drawer__close:hover{background:var(--hb-color-fill-tertiary)}.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;hbOpen;hbClose;handleVisible(e){if(e){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)}}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()}handleKeyDown=e=>{if(this.closeOnPressEscape&&e.key==="Escape"){this.close()}};close=()=>{this.modelValue=false};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:"e85f1040fdaacbf6e5d329f5561cdae25b2d4bc7",class:{"hb-drawer-wrapper":true,"hb-drawer-wrapper--visible":this.modelValue}},this.modal&&i("div",{key:"274cc165c21ea6490ca8f08be672b0605abc5d64",class:"hb-drawer__overlay",style:{zIndex:String(this.zIndexState)},onClick:()=>this.closeOnClickModal&&this.close()}),i("div",{key:"8be6526f044035cfa31aebc66c5d459dbb2102af",ref:e=>this.panelRef=e,class:{"hb-drawer":true,[a]:true,"hb-drawer--visible":this.modelValue},style:{...r,zIndex:String(this.zIndexState+1)},role:"dialog","aria-modal":"true","aria-label":this.title||undefined},i("div",{key:"826172fbe94e295fa146ef451455307fc97c7925",class:"hb-drawer__header"},i("span",{key:"a9fc420dea4707d6bd9ae38752c1ef08892ee44b",class:"hb-drawer__title"},this.title),this.showClose&&i("button",{key:"b10452826b00e8fddc37a895af118c88b6c90ea4",type:"button",class:"hb-drawer__close","aria-label":"关闭",onClick:this.close},"×")),i("div",{key:"f251c9c87ec21647c9bbc5363c6818b7fba4f7b5",class:"hb-drawer__body"},i("slot",{key:"48e06fdeac538ec34aded9216c4a6ea98bd262ca"}))))}static get watchers(){return{modelValue:["handleVisible"]}}};d.style=l;export{d as hb_drawer};
-//# sourceMappingURL=p-47ef7a86.entry.js.map

package/dist/huibo-ui/p-47ef7a86.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["drawerCss","HbDrawerStyle0","Drawer","modelValue","title","size","direction","closeOnClickModal","showClose","modal","closeOnPressEscape","zIndexState","zIndex","panelRef","trap","hbOpen","hbClose","handleVisible","val","this","getNextZIndex","lockScroll","emit","document","addEventListener","handleKeyDown","unlockScroll","removeEventListener","componentDidRender","createFocusTrap","container","connect","disconnect","disconnectedCallback","e","key","close","render","dir","isVertical","sizeStyle","height","width","translateClass","h","class","style","String","onClick","ref","el","role","undefined","type"],"sources":["src/components/Drawer/drawer.css?tag=hb-drawer&encapsulation=shadow","src/components/Drawer/Drawer.tsx"],"sourcesContent":[":host { display: contents; }\n.hb-drawer-wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 1000; }\n.hb-drawer__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: var(--hb-color-bg-mask); pointer-events: auto; transition: opacity 0.3s; }\n.hb-drawer {\n  position: fixed; background: var(--hb-color-bg-elevated); box-shadow: var(--hb-box-shadow-lg);\n  display: flex; flex-direction: column; pointer-events: auto; transition: transform 0.3s ease;\n}\n.hb-drawer--rtl { top: 0; right: 0; bottom: 0; transform: translateX(100%); }\n.hb-drawer--ltr { top: 0; left: 0; bottom: 0; transform: translateX(-100%); }\n.hb-drawer--ttb { left: 0; right: 0; top: 0; transform: translateY(-100%); }\n.hb-drawer--btt { left: 0; right: 0; bottom: 0; transform: translateY(100%); }\n.hb-drawer--visible.hb-drawer--rtl, .hb-drawer--visible.hb-drawer--ltr { transform: translateX(0); }\n.hb-drawer--visible.hb-drawer--ttb, .hb-drawer--visible.hb-drawer--btt { transform: translateY(0); }\n.hb-drawer__header { display: flex; align-items: center; justify-content: space-between; padding: var(--hb-spacing-md) var(--hb-spacing-lg); border-bottom: 1px solid var(--hb-color-border-secondary); }\n.hb-drawer__title { font-size: var(--hb-font-size-lg); font-weight: 600; }\n.hb-drawer__close { border: none; background: none; font-size: 18px; cursor: pointer; color: var(--hb-color-text-secondary); width: 28px; height: 28px; border-radius: var(--hb-border-radius-sm); display: flex; align-items: center; justify-content: center; }\n.hb-drawer__close:hover { background: var(--hb-color-fill-tertiary); }\n.hb-drawer__body { flex: 1; padding: var(--hb-spacing-lg); overflow-y: auto; }\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  @Event() hbOpen: EventEmitter<void>;\n  @Event() hbClose: EventEmitter<void>;\n\n  @Watch('modelValue')\n  handleVisible(val: boolean) {\n    if (val) {\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  }\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  }\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (this.closeOnPressEscape && e.key === 'Escape') {\n      this.close();\n    }\n  };\n\n  private close = () => { this.modelValue = false; };\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.modelValue }}>\n        {this.modal && <div class=\"hb-drawer__overlay\" style={{ zIndex: String(this.zIndexState) }} onClick={() => this.closeOnClickModal && this.close()} />}\n        <div\n          ref={(el) => (this.panelRef = el as HTMLElement)}\n          class={{ 'hb-drawer': true, [translateClass]: true, 'hb-drawer--visible': this.modelValue }}\n          style={{ ...sizeStyle, zIndex: String(this.zIndexState + 1) }}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label={this.title || undefined}\n        >\n          <div class=\"hb-drawer__header\">\n            <span class=\"hb-drawer__title\">{this.title}</span>\n            {this.showClose && <button type=\"button\" class=\"hb-drawer__close\" aria-label=\"关闭\" onClick={this.close}>×</button>}\n          </div>\n          <div class=\"hb-drawer__body\"><slot /></div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"wIAAA,MAAMA,EAAY,4yOAClB,MAAAC,EAAeD,E,MCIFE,EAAM,M,yFACQC,WAAsB,MACvCC,MAAgB,GAChBC,KAAe,MACfC,UAA2C,MAC3CC,kBAA6B,KAC7BC,UAAqB,KACrBC,MAAiB,KAEjBC,mBAA8B,KACrBC,YAAsB,EAC/BC,OAAiB,EACjBC,SACAC,KAECC,OACAC,QAGT,aAAAC,CAAcC,GACZ,GAAIA,EAAK,CACPC,KAAKP,OAASQ,IACdD,KAAKR,YAAcQ,KAAKP,OACxB,GAAIO,KAAKV,MAAOY,IAChBF,KAAKJ,OAAOO,OACZC,SAASC,iBAAiB,UAAWL,KAAKM,c,KACrC,CACL,GAAIN,KAAKV,MAAOiB,IAChBP,KAAKH,QAAQM,OACbC,SAASI,oBAAoB,UAAWR,KAAKM,c,EAIjD,kBAAAG,GACE,IAAKT,KAAKN,SAAU,OACpB,GAAIM,KAAKhB,WAAY,CACnB,IAAKgB,KAAKL,KAAM,CACdK,KAAKL,KAAOe,EAAgB,CAAEC,UAAWX,KAAKN,U,CAEhDM,KAAKL,KAAKiB,S,KACL,CACLZ,KAAKL,MAAMkB,Y,EAIf,oBAAAC,GACE,GAAId,KAAKhB,YAAcgB,KAAKV,MAAOiB,IACnCH,SAASI,oBAAoB,UAAWR,KAAKM,eAC7CN,KAAKL,MAAMkB,Y,CAGLP,cAAiBS,IACvB,GAAIf,KAAKT,oBAAsBwB,EAAEC,MAAQ,SAAU,CACjDhB,KAAKiB,O,GAIDA,MAAQ,KAAQjB,KAAKhB,WAAa,KAAK,EAE/C,MAAAkC,GACE,MAAMC,EAAMnB,KAAKb,UACjB,MAAMiC,EAAaD,IAAQ,OAASA,IAAQ,MAC5C,MAAME,EAAYD,EAAa,CAAEE,OAAQtB,KAAKd,MAAS,CAAEqC,MAAOvB,KAAKd,MACrE,MAAMsC,EAAiB,cAAcL,IAErC,OACEM,EAAA,OAAAT,IAAA,2CAAKU,MAAO,CAAE,oBAAqB,KAAM,6BAA8B1B,KAAKhB,aACzEgB,KAAKV,OAASmC,EAAA,OAAAT,IAAA,2CAAKU,MAAM,qBAAqBC,MAAO,CAAElC,OAAQmC,OAAO5B,KAAKR,cAAgBqC,QAAS,IAAM7B,KAAKZ,mBAAqBY,KAAKiB,UAC1IQ,EAAA,OAAAT,IAAA,2CACEc,IAAMC,GAAQ/B,KAAKN,SAAWqC,EAC9BL,MAAO,CAAE,YAAa,KAAMF,CAACA,GAAiB,KAAM,qBAAsBxB,KAAKhB,YAC/E2C,MAAO,IAAKN,EAAW5B,OAAQmC,OAAO5B,KAAKR,YAAc,IACzDwC,KAAK,SAAQ,aACF,OAAM,aACLhC,KAAKf,OAASgD,WAE1BR,EAAA,OAAAT,IAAA,2CAAKU,MAAM,qBACTD,EAAA,QAAAT,IAAA,2CAAMU,MAAM,oBAAoB1B,KAAKf,OACpCe,KAAKX,WAAaoC,EAAA,UAAAT,IAAA,2CAAQkB,KAAK,SAASR,MAAM,mBAAkB,aAAY,KAAKG,QAAS7B,KAAKiB,OAAK,MAEvGQ,EAAA,OAAAT,IAAA,2CAAKU,MAAM,mBAAkBD,EAAA,QAAAT,IAAA,+C","ignoreList":[]}