@aloudata/aloudata-design 3.1.6 → 3.2.0-beta.0

package/dist/Collapse/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Collapse/index.tsx"],"sourcesContent":["import React, { useContext, useEffect, useId, useRef, useState } from 'react';\nimport { ArrowRightLightLine } from '../Icon';\nimport { cn } from '../lib/utils';\n\n/**\n * Compound Components 模式：Collapse 通过 Context 注入受控状态 + 视觉配置，\n * Panel 始终自渲染（header + 折叠交互），靠 `panelKey` 与父协调 activeKey /\n * accordion。设计对齐 Radix / Mantine：Item 自渲染，靠声明式 value 与 Root 通信。\n *\n * 这里不再做\"扫描 children 提 Panel props 再替换渲染\"的 hack——后者无法穿透\n * forwardRef / 业务包装组件边界，是 ald v3 升级回归\"包装 Panel 丢 header\"的根因。\n */\ninterface CollapseContextValue {\n  // 视觉配置\n  expandIcon?: (props: { isActive: boolean }) => React.ReactNode;\n  expandIconPosition: 'start' | 'end';\n  bordered: boolean;\n  size: 'large' | 'middle' | 'small';\n  collapsible?: 'header' | 'icon' | 'disabled';\n  // 受控状态协调\n  activeKeys: string[];\n  toggleKey: (key: string) => void;\n}\n\nconst CollapseContext = React.createContext<CollapseContextValue | null>(null);\n\nexport interface CollapsePanelProps {\n  /**\n   * 与父 Collapse 协调 activeKey / accordion 的 key。\n   * 不提供时 Panel 走内部 state（视觉一致但不参与父协调）。\n   * Radix Accordion 等同 prop 名是 `value`；这里沿用 `panelKey` 与已有\n   * `Collapse items[].key` 命名一致，迁移成本最低。\n   */\n  panelKey?: string;\n  header?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  extra?: React.ReactNode;\n  forceRender?: boolean;\n  collapsible?: 'header' | 'icon' | 'disabled';\n  showArrow?: boolean;\n}\n\nexport interface CollapseProps {\n  activeKey?: string | string[];\n  defaultActiveKey?: string | string[];\n  accordion?: boolean;\n  onChange?: (key: string | string[]) => void;\n  className?: string;\n  style?: React.CSSProperties;\n  bordered?: boolean;\n  expandIconPosition?: 'start' | 'end' | 'left' | 'right';\n  expandIcon?: (props: { isActive: boolean }) => React.ReactNode;\n  ghost?: boolean;\n  size?: 'large' | 'middle' | 'small';\n  collapsible?: 'header' | 'icon' | 'disabled';\n  children?: React.ReactNode;\n  items?: Array<{\n    key: string;\n    label: React.ReactNode;\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    extra?: React.ReactNode;\n    disabled?: boolean;\n    collapsible?: 'header' | 'icon' | 'disabled';\n    forceRender?: boolean;\n  }>;\n}\n\nconst normalizeKeys = (keys: string | string[] | undefined): string[] => {\n  if (!keys) return [];\n  return Array.isArray(keys) ? keys : [keys];\n};\n\nconst Collapse = (props: CollapseProps) => {\n  const {\n    defaultActiveKey = [],\n    activeKey: controlledActiveKey,\n    accordion,\n    onChange,\n    className,\n    style,\n    bordered = true,\n    ghost,\n    size = 'middle',\n    collapsible,\n    expandIconPosition,\n    expandIcon,\n    items: itemsProp,\n    children,\n  } = props;\n\n  const resolvedPosition =\n    expandIconPosition === 'left'\n      ? 'start'\n      : expandIconPosition === 'right'\n      ? 'end'\n      : expandIconPosition ?? 'start';\n\n  const [internalActiveKey, setInternalActiveKey] = useState<string[]>(\n    normalizeKeys(defaultActiveKey),\n  );\n\n  const activeKeys =\n    controlledActiveKey !== undefined\n      ? normalizeKeys(controlledActiveKey)\n      : internalActiveKey;\n\n  const toggleKey = (key: string) => {\n    let newKeys: string[];\n    if (accordion) {\n      newKeys = activeKeys.includes(key) ? [] : [key];\n    } else {\n      newKeys = activeKeys.includes(key)\n        ? activeKeys.filter((k) => k !== key)\n        : [...activeKeys, key];\n    }\n    if (controlledActiveKey === undefined) {\n      setInternalActiveKey(newKeys);\n    }\n    onChange?.(accordion ? newKeys[0] || '' : newKeys);\n  };\n\n  const contextValue: CollapseContextValue = {\n    expandIcon,\n    expandIconPosition: resolvedPosition,\n    bordered: bordered && !ghost,\n    size,\n    collapsible,\n    activeKeys,\n    toggleKey,\n  };\n\n  /**\n   * children 路径：向后兼容老用法 `<Collapse><Collapse.Panel key=\"1\" ...>`\n   * ——React `key` 是保留字不会进 Panel props，所以把它读出来 cloneElement\n   * 注入到 `panelKey` 上（只对直接子元素生效；包装组件需要业务侧自己透传）。\n   */\n  const enhancedChildren = React.Children.map(children, (child) => {\n    if (!React.isValidElement<CollapsePanelProps>(child)) return child;\n    if ((child.type as any)?.__COLLAPSE_PANEL !== true) return child;\n    if (child.props.panelKey !== undefined) return child;\n    if (child.key === null || child.key === undefined) return child;\n    return React.cloneElement(child, { panelKey: String(child.key) });\n  });\n\n  return (\n    <CollapseContext.Provider value={contextValue}>\n      <div\n        className={cn(\n          // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n          // 相邻 .ald-collapse-item 用 CSS 兄弟选择器画分隔线，避免在 React 树里\n          // 注入 <div .ald-collapse-divider /> 节点——后者在\"业务包装 Panel\"场景\n          // 需要 Collapse 知道子元素拓扑，与 Compound Components 解耦原则冲突。\n          'ald-collapse ant-collapse tw-flex tw-flex-col tw-items-stretch tw-overflow-hidden tw-rounded-r-75 [&>.ald-collapse-item+.ald-collapse-item]:tw-border-0 [&>.ald-collapse-item+.ald-collapse-item]:tw-border-t [&>.ald-collapse-item+.ald-collapse-item]:tw-border-solid [&>.ald-collapse-item+.ald-collapse-item]:tw-border-[var(--border-default)]',\n          !ghost && !bordered && 'tw-bg-[var(--background-neutral-subtle)]',\n          !ghost &&\n            bordered &&\n            'tw-border tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)]',\n          `ald-collapse-${size}`,\n          className,\n        )}\n        style={style}\n      >\n        {itemsProp && itemsProp.length > 0\n          ? itemsProp.map((item) => (\n              <Panel\n                key={item.key}\n                panelKey={item.key}\n                header={item.label}\n                disabled={item.disabled}\n                collapsible={item.collapsible ?? collapsible}\n                extra={item.extra}\n                className={item.className}\n                style={item.style}\n                forceRender={item.forceRender}\n              >\n                {item.children}\n              </Panel>\n            ))\n          : enhancedChildren}\n      </div>\n    </CollapseContext.Provider>\n  );\n};\n\n/**\n * Panel —— 始终自渲染。\n *\n * - 在 `<Collapse>` 内（ctx 存在）+ 提供 `panelKey`：受控渲染（参与父 activeKey\n *   / accordion 协调），点击调 `ctx.toggleKey`，`isActive` 来自 `ctx.activeKeys`。\n * - 在 `<Collapse>` 内（ctx 存在）+ 未提供 `panelKey`：自渲染 + 独立 state，视觉\n *   配置仍来自 ctx，但与父受控状态隔离（业务包装组件没透传 panelKey 时的退化）。\n * - `<Collapse>` 外使用（ctx 不存在）：完全自给自足，视觉配置走默认值。\n *\n * 用 forwardRef 转发 ref 到 `.ald-collapse-item` root div——业务侧包装组件常\n * 需要拿到 panel 容器引用做滚动定位等，向后兼容旧版本 Panel 暴露的 ref API。\n */\nconst Panel = React.forwardRef<HTMLDivElement, CollapsePanelProps>(\n  (props, ref) => {\n    const ctx = useContext(CollapseContext);\n    const {\n      panelKey,\n      header,\n      children,\n      className,\n      style,\n      extra,\n      disabled,\n      collapsible,\n      forceRender,\n    } = props;\n\n    const isControlled = ctx !== null && panelKey !== undefined;\n\n    const [internalActive, setInternalActive] = useState(false);\n\n    const isActive = isControlled\n      ? ctx!.activeKeys.includes(panelKey!)\n      : internalActive;\n\n    const onToggle = () => {\n      if (isControlled) {\n        ctx!.toggleKey(panelKey!);\n      } else {\n        setInternalActive((v) => !v);\n      }\n    };\n\n    const expandIcon = ctx?.expandIcon;\n    const expandIconPosition = ctx?.expandIconPosition ?? 'start';\n    const bordered = ctx?.bordered ?? true;\n    const size = ctx?.size ?? 'middle';\n    const mergedCollapsible = collapsible ?? ctx?.collapsible;\n\n    return (\n      <CollapsePanelView\n        ref={ref}\n        header={header}\n        isActive={isActive}\n        onToggle={onToggle}\n        disabled={disabled || mergedCollapsible === 'disabled'}\n        extra={extra}\n        className={className}\n        style={style}\n        forceRender={forceRender}\n        expandIcon={expandIcon}\n        expandIconPosition={expandIconPosition}\n        bordered={bordered}\n        size={size}\n        collapsible={mergedCollapsible}\n      >\n        {children}\n      </CollapsePanelView>\n    );\n  },\n);\n\n(Panel as any).__COLLAPSE_PANEL = true;\n\ninterface CollapsePanelViewProps {\n  header: React.ReactNode;\n  isActive: boolean;\n  onToggle: () => void;\n  disabled?: boolean;\n  extra?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  forceRender?: boolean;\n  expandIcon?: (props: { isActive: boolean }) => React.ReactNode;\n  expandIconPosition?: 'start' | 'end';\n  bordered?: boolean;\n  size?: 'large' | 'middle' | 'small';\n  collapsible?: 'header' | 'icon' | 'disabled';\n}\n\n/** 哑视图组件，承担 DOM 结构 + 折叠动画；不持有受控状态，ref 转发到 root div。 */\nconst CollapsePanelView = React.forwardRef<\n  HTMLDivElement,\n  CollapsePanelViewProps\n>((props, ref) => {\n  const {\n    header,\n    isActive,\n    onToggle,\n    disabled,\n    extra,\n    className,\n    style,\n    children,\n    forceRender,\n    expandIcon,\n    expandIconPosition = 'start',\n    bordered,\n    size = 'middle',\n    collapsible = 'header',\n  } = props;\n\n  const contentRef = useRef<HTMLDivElement>(null);\n  const triggerId = useId();\n  const headerId = useId();\n  const contentId = useId();\n  const [rendered, setRendered] = useState(isActive || !!forceRender);\n\n  useEffect(() => {\n    if (isActive || forceRender) {\n      setRendered(true);\n    }\n  }, [forceRender, isActive]);\n\n  const handleTransitionEnd = () => {\n    if (!isActive && !forceRender) {\n      setRendered(false);\n    }\n  };\n\n  const iconNode = expandIcon ? (\n    expandIcon({ isActive })\n  ) : (\n    <ArrowRightLightLine size={20} color=\"var(--content-secondary)\" />\n  );\n\n  const iconElement = (\n    <span\n      className=\"ald-collapse-expand-icon ant-collapse-expand-icon tw-flex tw-items-center\"\n      aria-hidden=\"true\"\n      style={{\n        transform: isActive ? 'rotate(90deg)' : 'rotate(0deg)',\n        transition: 'transform 200ms',\n      }}\n    >\n      {iconNode}\n    </span>\n  );\n\n  const triggerProps = {\n    type: 'button' as const,\n    id: triggerId,\n    'aria-expanded': isActive,\n    'aria-controls': contentId,\n    disabled,\n    onClick: onToggle,\n  };\n\n  const headerText = (\n    <span className=\"ald-collapse-header-text ant-collapse-header-text tw-flex-1 tw-text-sm tw-font-medium tw-leading-5 tw-text-[var(--content-primary)]\">\n      {header}\n    </span>\n  );\n\n  const headerTrigger =\n    collapsible === 'disabled' ? (\n      <div\n        id={triggerId}\n        className=\"tw-flex tw-flex-1 tw-items-center tw-gap-2\"\n        aria-disabled=\"true\"\n      >\n        {expandIconPosition === 'start' && iconElement}\n        {headerText}\n        {expandIconPosition === 'end' && iconElement}\n      </div>\n    ) : collapsible === 'icon' ? (\n      <>\n        {expandIconPosition === 'start' && (\n          <button\n            {...triggerProps}\n            className=\"tw-flex tw-cursor-pointer tw-items-center tw-border-0 tw-bg-transparent tw-p-0\"\n            aria-labelledby={headerId}\n          >\n            {iconElement}\n          </button>\n        )}\n        <span\n          id={headerId}\n          className=\"ald-collapse-header-text ant-collapse-header-text tw-flex-1 tw-text-sm tw-font-medium tw-leading-5 tw-text-[var(--content-primary)]\"\n        >\n          {header}\n        </span>\n        {expandIconPosition === 'end' && (\n          <button\n            {...triggerProps}\n            className=\"tw-flex tw-cursor-pointer tw-items-center tw-border-0 tw-bg-transparent tw-p-0\"\n            aria-labelledby={headerId}\n          >\n            {iconElement}\n          </button>\n        )}\n      </>\n    ) : (\n      <button\n        {...triggerProps}\n        className=\"tw-flex tw-flex-1 tw-items-center tw-gap-2 tw-border-0 tw-bg-transparent tw-p-0 tw-text-left\"\n      >\n        {expandIconPosition === 'start' && iconElement}\n        {headerText}\n        {expandIconPosition === 'end' && iconElement}\n      </button>\n    );\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'ald-collapse-item ant-collapse-item tw-w-full',\n        isActive && 'ald-collapse-item-active',\n        disabled && 'tw-pointer-events-none tw-opacity-50',\n        `ald-collapse-item-${size}`,\n        className,\n      )}\n      style={style}\n      aria-disabled={disabled || collapsible === 'disabled' || undefined}\n    >\n      <div\n        className={cn(\n          'ald-collapse-header ant-collapse-header tw-flex tw-items-center tw-gap-2 tw-p-3',\n          !disabled &&\n            collapsible !== 'icon' &&\n            collapsible !== 'disabled' &&\n            'tw-cursor-pointer',\n        )}\n      >\n        {headerTrigger}\n        {extra && (\n          // extra 区域里常放 Switch / Button 等交互控件，点击不该冒泡触发 panel\n          // 切展开/收起。antd Collapse 也是同样行为；不强制消费方在每个 extra\n          // 控件上自己写 stopPropagation。\n          <span\n            className=\"ald-collapse-extra ant-collapse-extra\"\n            onClick={(e) => e.stopPropagation()}\n          >\n            {extra}\n          </span>\n        )}\n      </div>\n      <div\n        id={contentId}\n        role=\"region\"\n        aria-labelledby={triggerId}\n        aria-hidden={!isActive}\n        className=\"tw-grid tw-transition-[grid-template-rows] tw-duration-200\"\n        style={{ gridTemplateRows: isActive ? '1fr' : '0fr' }}\n        onTransitionEnd={handleTransitionEnd}\n      >\n        <div className=\"tw-overflow-hidden\">\n          {rendered && (\n            <div\n              ref={contentRef}\n              className={cn(\n                'ald-collapse-content ant-collapse-content tw-flex tw-flex-col tw-items-stretch tw-gap-2.5 tw-self-stretch',\n                bordered\n                  ? 'tw-bg-[var(--background-default)] tw-p-4'\n                  : 'tw-px-4 tw-pb-4 tw-pt-0',\n              )}\n            >\n              {children}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n});\n\nCollapse.Panel = Panel;\n\nexport default Collapse;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useContext","useEffect","useId","useRef","useState","ArrowRightLightLine","cn","CollapseContextValue","expandIcon","props","isActive","ReactNode","expandIconPosition","bordered","size","collapsible","activeKeys","toggleKey","key","CollapseContext","createContext","CollapsePanelProps","panelKey","header","className","style","CSSProperties","children","disabled","extra","forceRender","showArrow","CollapseProps","activeKey","defaultActiveKey","accordion","onChange","ghost","items","Array","label","normalizeKeys","keys","isArray","Collapse","$","_c","t0","controlledActiveKey","t1","t2","itemsProp","t3","undefined","resolvedPosition","t4","internalActiveKey","setInternalActiveKey","t5","t6","newKeys","includes","filter","k","t7","t8","contextValue","t9","Children","map","_temp","enhancedChildren","t10","t11","t12","t13","t14","length","item","t15","t16","Panel","forwardRef","HTMLDivElement","ref","ctx","isControlled","internalActive","setInternalActive","_temp2","onToggle","mergedCollapsible","__COLLAPSE_PANEL","CollapsePanelViewProps","CollapsePanelView","contentRef","triggerId","headerId","contentId","rendered","setRendered","handleTransitionEnd","iconNode","transform","transition","iconElement","type","const","id","onClick","triggerProps","headerText","headerTrigger","t17","t18","t19","t20","_temp3","t21","t22","t23","t24","gridTemplateRows","t25","t26","t27","t28","child","isValidElement","cloneElement","String","v","e","stopPropagation"],"sources":["../../src/Collapse/index.tsx"],"sourcesContent":["import React, { useContext, useEffect, useId, useRef, useState } from 'react';\nimport { ArrowRightLightLine } from '../Icon';\nimport { cn } from '../lib/utils';\n\n/**\n * Compound Components 模式：Collapse 通过 Context 注入受控状态 + 视觉配置，\n * Panel 始终自渲染（header + 折叠交互），靠 `panelKey` 与父协调 activeKey /\n * accordion。设计对齐 Radix / Mantine：Item 自渲染，靠声明式 value 与 Root 通信。\n *\n * 这里不再做\"扫描 children 提 Panel props 再替换渲染\"的 hack——后者无法穿透\n * forwardRef / 业务包装组件边界，是 ald v3 升级回归\"包装 Panel 丢 header\"的根因。\n */\ninterface CollapseContextValue {\n  // 视觉配置\n  expandIcon?: (props: { isActive: boolean }) => React.ReactNode;\n  expandIconPosition: 'start' | 'end';\n  bordered: boolean;\n  size: 'large' | 'middle' | 'small';\n  collapsible?: 'header' | 'icon' | 'disabled';\n  // 受控状态协调\n  activeKeys: string[];\n  toggleKey: (key: string) => void;\n}\n\nconst CollapseContext = React.createContext<CollapseContextValue | null>(null);\n\nexport interface CollapsePanelProps {\n  /**\n   * 与父 Collapse 协调 activeKey / accordion 的 key。\n   * 不提供时 Panel 走内部 state（视觉一致但不参与父协调）。\n   * Radix Accordion 等同 prop 名是 `value`；这里沿用 `panelKey` 与已有\n   * `Collapse items[].key` 命名一致，迁移成本最低。\n   */\n  panelKey?: string;\n  header?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  extra?: React.ReactNode;\n  forceRender?: boolean;\n  collapsible?: 'header' | 'icon' | 'disabled';\n  showArrow?: boolean;\n}\n\nexport interface CollapseProps {\n  activeKey?: string | string[];\n  defaultActiveKey?: string | string[];\n  accordion?: boolean;\n  onChange?: (key: string | string[]) => void;\n  className?: string;\n  style?: React.CSSProperties;\n  bordered?: boolean;\n  expandIconPosition?: 'start' | 'end' | 'left' | 'right';\n  expandIcon?: (props: { isActive: boolean }) => React.ReactNode;\n  ghost?: boolean;\n  size?: 'large' | 'middle' | 'small';\n  collapsible?: 'header' | 'icon' | 'disabled';\n  children?: React.ReactNode;\n  items?: Array<{\n    key: string;\n    label: React.ReactNode;\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    extra?: React.ReactNode;\n    disabled?: boolean;\n    collapsible?: 'header' | 'icon' | 'disabled';\n    forceRender?: boolean;\n  }>;\n}\n\nconst normalizeKeys = (keys: string | string[] | undefined): string[] => {\n  if (!keys) return [];\n  return Array.isArray(keys) ? keys : [keys];\n};\n\nconst Collapse = (props: CollapseProps) => {\n  const {\n    defaultActiveKey = [],\n    activeKey: controlledActiveKey,\n    accordion,\n    onChange,\n    className,\n    style,\n    bordered = true,\n    ghost,\n    size = 'middle',\n    collapsible,\n    expandIconPosition,\n    expandIcon,\n    items: itemsProp,\n    children,\n  } = props;\n\n  const resolvedPosition =\n    expandIconPosition === 'left'\n      ? 'start'\n      : expandIconPosition === 'right'\n      ? 'end'\n      : expandIconPosition ?? 'start';\n\n  const [internalActiveKey, setInternalActiveKey] = useState<string[]>(\n    normalizeKeys(defaultActiveKey),\n  );\n\n  const activeKeys =\n    controlledActiveKey !== undefined\n      ? normalizeKeys(controlledActiveKey)\n      : internalActiveKey;\n\n  const toggleKey = (key: string) => {\n    let newKeys: string[];\n    if (accordion) {\n      newKeys = activeKeys.includes(key) ? [] : [key];\n    } else {\n      newKeys = activeKeys.includes(key)\n        ? activeKeys.filter((k) => k !== key)\n        : [...activeKeys, key];\n    }\n    if (controlledActiveKey === undefined) {\n      setInternalActiveKey(newKeys);\n    }\n    onChange?.(accordion ? newKeys[0] || '' : newKeys);\n  };\n\n  const contextValue: CollapseContextValue = {\n    expandIcon,\n    expandIconPosition: resolvedPosition,\n    bordered: bordered && !ghost,\n    size,\n    collapsible,\n    activeKeys,\n    toggleKey,\n  };\n\n  /**\n   * children 路径：向后兼容老用法 `<Collapse><Collapse.Panel key=\"1\" ...>`\n   * ——React `key` 是保留字不会进 Panel props，所以把它读出来 cloneElement\n   * 注入到 `panelKey` 上（只对直接子元素生效；包装组件需要业务侧自己透传）。\n   */\n  const enhancedChildren = React.Children.map(children, (child) => {\n    if (!React.isValidElement<CollapsePanelProps>(child)) return child;\n    if ((child.type as any)?.__COLLAPSE_PANEL !== true) return child;\n    if (child.props.panelKey !== undefined) return child;\n    if (child.key === null || child.key === undefined) return child;\n    return React.cloneElement(child, { panelKey: String(child.key) });\n  });\n\n  return (\n    <CollapseContext.Provider value={contextValue}>\n      <div\n        className={cn(\n          // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n          // 相邻 .ald-collapse-item 用 CSS 兄弟选择器画分隔线，避免在 React 树里\n          // 注入 <div .ald-collapse-divider /> 节点——后者在\"业务包装 Panel\"场景\n          // 需要 Collapse 知道子元素拓扑，与 Compound Components 解耦原则冲突。\n          'ald-collapse ant-collapse tw-flex tw-flex-col tw-items-stretch tw-overflow-hidden tw-rounded-r-75 [&>.ald-collapse-item+.ald-collapse-item]:tw-border-0 [&>.ald-collapse-item+.ald-collapse-item]:tw-border-t [&>.ald-collapse-item+.ald-collapse-item]:tw-border-solid [&>.ald-collapse-item+.ald-collapse-item]:tw-border-[var(--border-default)]',\n          !ghost && !bordered && 'tw-bg-[var(--background-neutral-subtle)]',\n          !ghost &&\n            bordered &&\n            'tw-border tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)]',\n          `ald-collapse-${size}`,\n          className,\n        )}\n        style={style}\n      >\n        {itemsProp && itemsProp.length > 0\n          ? itemsProp.map((item) => (\n              <Panel\n                key={item.key}\n                panelKey={item.key}\n                header={item.label}\n                disabled={item.disabled}\n                collapsible={item.collapsible ?? collapsible}\n                extra={item.extra}\n                className={item.className}\n                style={item.style}\n                forceRender={item.forceRender}\n              >\n                {item.children}\n              </Panel>\n            ))\n          : enhancedChildren}\n      </div>\n    </CollapseContext.Provider>\n  );\n};\n\n/**\n * Panel —— 始终自渲染。\n *\n * - 在 `<Collapse>` 内（ctx 存在）+ 提供 `panelKey`：受控渲染（参与父 activeKey\n *   / accordion 协调），点击调 `ctx.toggleKey`，`isActive` 来自 `ctx.activeKeys`。\n * - 在 `<Collapse>` 内（ctx 存在）+ 未提供 `panelKey`：自渲染 + 独立 state，视觉\n *   配置仍来自 ctx，但与父受控状态隔离（业务包装组件没透传 panelKey 时的退化）。\n * - `<Collapse>` 外使用（ctx 不存在）：完全自给自足，视觉配置走默认值。\n *\n * 用 forwardRef 转发 ref 到 `.ald-collapse-item` root div——业务侧包装组件常\n * 需要拿到 panel 容器引用做滚动定位等，向后兼容旧版本 Panel 暴露的 ref API。\n */\nconst Panel = React.forwardRef<HTMLDivElement, CollapsePanelProps>(\n  (props, ref) => {\n    const ctx = useContext(CollapseContext);\n    const {\n      panelKey,\n      header,\n      children,\n      className,\n      style,\n      extra,\n      disabled,\n      collapsible,\n      forceRender,\n    } = props;\n\n    const isControlled = ctx !== null && panelKey !== undefined;\n\n    const [internalActive, setInternalActive] = useState(false);\n\n    const isActive = isControlled\n      ? ctx!.activeKeys.includes(panelKey!)\n      : internalActive;\n\n    const onToggle = () => {\n      if (isControlled) {\n        ctx!.toggleKey(panelKey!);\n      } else {\n        setInternalActive((v) => !v);\n      }\n    };\n\n    const expandIcon = ctx?.expandIcon;\n    const expandIconPosition = ctx?.expandIconPosition ?? 'start';\n    const bordered = ctx?.bordered ?? true;\n    const size = ctx?.size ?? 'middle';\n    const mergedCollapsible = collapsible ?? ctx?.collapsible;\n\n    return (\n      <CollapsePanelView\n        ref={ref}\n        header={header}\n        isActive={isActive}\n        onToggle={onToggle}\n        disabled={disabled || mergedCollapsible === 'disabled'}\n        extra={extra}\n        className={className}\n        style={style}\n        forceRender={forceRender}\n        expandIcon={expandIcon}\n        expandIconPosition={expandIconPosition}\n        bordered={bordered}\n        size={size}\n        collapsible={mergedCollapsible}\n      >\n        {children}\n      </CollapsePanelView>\n    );\n  },\n);\n\n(Panel as any).__COLLAPSE_PANEL = true;\n\ninterface CollapsePanelViewProps {\n  header: React.ReactNode;\n  isActive: boolean;\n  onToggle: () => void;\n  disabled?: boolean;\n  extra?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  forceRender?: boolean;\n  expandIcon?: (props: { isActive: boolean }) => React.ReactNode;\n  expandIconPosition?: 'start' | 'end';\n  bordered?: boolean;\n  size?: 'large' | 'middle' | 'small';\n  collapsible?: 'header' | 'icon' | 'disabled';\n}\n\n/** 哑视图组件，承担 DOM 结构 + 折叠动画；不持有受控状态，ref 转发到 root div。 */\nconst CollapsePanelView = React.forwardRef<\n  HTMLDivElement,\n  CollapsePanelViewProps\n>((props, ref) => {\n  const {\n    header,\n    isActive,\n    onToggle,\n    disabled,\n    extra,\n    className,\n    style,\n    children,\n    forceRender,\n    expandIcon,\n    expandIconPosition = 'start',\n    bordered,\n    size = 'middle',\n    collapsible = 'header',\n  } = props;\n\n  const contentRef = useRef<HTMLDivElement>(null);\n  const triggerId = useId();\n  const headerId = useId();\n  const contentId = useId();\n  const [rendered, setRendered] = useState(isActive || !!forceRender);\n\n  useEffect(() => {\n    if (isActive || forceRender) {\n      setRendered(true);\n    }\n  }, [forceRender, isActive]);\n\n  const handleTransitionEnd = () => {\n    if (!isActive && !forceRender) {\n      setRendered(false);\n    }\n  };\n\n  const iconNode = expandIcon ? (\n    expandIcon({ isActive })\n  ) : (\n    <ArrowRightLightLine size={20} color=\"var(--content-secondary)\" />\n  );\n\n  const iconElement = (\n    <span\n      className=\"ald-collapse-expand-icon ant-collapse-expand-icon tw-flex tw-items-center\"\n      aria-hidden=\"true\"\n      style={{\n        transform: isActive ? 'rotate(90deg)' : 'rotate(0deg)',\n        transition: 'transform 200ms',\n      }}\n    >\n      {iconNode}\n    </span>\n  );\n\n  const triggerProps = {\n    type: 'button' as const,\n    id: triggerId,\n    'aria-expanded': isActive,\n    'aria-controls': contentId,\n    disabled,\n    onClick: onToggle,\n  };\n\n  const headerText = (\n    <span className=\"ald-collapse-header-text ant-collapse-header-text tw-flex-1 tw-text-sm tw-font-medium tw-leading-5 tw-text-[var(--content-primary)]\">\n      {header}\n    </span>\n  );\n\n  const headerTrigger =\n    collapsible === 'disabled' ? (\n      <div\n        id={triggerId}\n        className=\"tw-flex tw-flex-1 tw-items-center tw-gap-2\"\n        aria-disabled=\"true\"\n      >\n        {expandIconPosition === 'start' && iconElement}\n        {headerText}\n        {expandIconPosition === 'end' && iconElement}\n      </div>\n    ) : collapsible === 'icon' ? (\n      <>\n        {expandIconPosition === 'start' && (\n          <button\n            {...triggerProps}\n            className=\"tw-flex tw-cursor-pointer tw-items-center tw-border-0 tw-bg-transparent tw-p-0\"\n            aria-labelledby={headerId}\n          >\n            {iconElement}\n          </button>\n        )}\n        <span\n          id={headerId}\n          className=\"ald-collapse-header-text ant-collapse-header-text tw-flex-1 tw-text-sm tw-font-medium tw-leading-5 tw-text-[var(--content-primary)]\"\n        >\n          {header}\n        </span>\n        {expandIconPosition === 'end' && (\n          <button\n            {...triggerProps}\n            className=\"tw-flex tw-cursor-pointer tw-items-center tw-border-0 tw-bg-transparent tw-p-0\"\n            aria-labelledby={headerId}\n          >\n            {iconElement}\n          </button>\n        )}\n      </>\n    ) : (\n      <button\n        {...triggerProps}\n        className=\"tw-flex tw-flex-1 tw-items-center tw-gap-2 tw-border-0 tw-bg-transparent tw-p-0 tw-text-left\"\n      >\n        {expandIconPosition === 'start' && iconElement}\n        {headerText}\n        {expandIconPosition === 'end' && iconElement}\n      </button>\n    );\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'ald-collapse-item ant-collapse-item tw-w-full',\n        isActive && 'ald-collapse-item-active',\n        disabled && 'tw-pointer-events-none tw-opacity-50',\n        `ald-collapse-item-${size}`,\n        className,\n      )}\n      style={style}\n      aria-disabled={disabled || collapsible === 'disabled' || undefined}\n    >\n      <div\n        className={cn(\n          'ald-collapse-header ant-collapse-header tw-flex tw-items-center tw-gap-2 tw-p-3',\n          !disabled &&\n            collapsible !== 'icon' &&\n            collapsible !== 'disabled' &&\n            'tw-cursor-pointer',\n        )}\n      >\n        {headerTrigger}\n        {extra && (\n          // extra 区域里常放 Switch / Button 等交互控件，点击不该冒泡触发 panel\n          // 切展开/收起。antd Collapse 也是同样行为；不强制消费方在每个 extra\n          // 控件上自己写 stopPropagation。\n          <span\n            className=\"ald-collapse-extra ant-collapse-extra\"\n            onClick={(e) => e.stopPropagation()}\n          >\n            {extra}\n          </span>\n        )}\n      </div>\n      <div\n        id={contentId}\n        role=\"region\"\n        aria-labelledby={triggerId}\n        aria-hidden={!isActive}\n        className=\"tw-grid tw-transition-[grid-template-rows] tw-duration-200\"\n        style={{ gridTemplateRows: isActive ? '1fr' : '0fr' }}\n        onTransitionEnd={handleTransitionEnd}\n      >\n        <div className=\"tw-overflow-hidden\">\n          {rendered && (\n            <div\n              ref={contentRef}\n              className={cn(\n                'ald-collapse-content ant-collapse-content tw-flex tw-flex-col tw-items-stretch tw-gap-2.5 tw-self-stretch',\n                bordered\n                  ? 'tw-bg-[var(--background-default)] tw-p-4'\n                  : 'tw-px-4 tw-pb-4 tw-pt-0',\n              )}\n            >\n              {children}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n});\n\nCollapse.Panel = Panel;\n\nexport default Collapse;\n"],"mappings":"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"}

package/dist/Collapse.js

@@ -0,0 +1,2 @@
+export * from './Collapse/index.js';
+export { default } from './Collapse/index.js';

package/dist/ColorPicker/ComplexColorPicker/ColorAlphaInput.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { AggregationColor } from '../color';
+import { AggregationColor } from '../color.js';
 interface ColorAlphaInputProps {
     prefixCls: string;
     value?: AggregationColor;

package/dist/ColorPicker/ComplexColorPicker/ColorAlphaInput.js

@@ -1,29 +1,78 @@
 import { generateColor, getColorAlpha } from "../util.js";
 import ColorSteppers from "./ColorSteppers.js";
+import { c } from "react-compiler-runtime";
 import { useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/ColorPicker/ComplexColorPicker/ColorAlphaInput.tsx
-var ColorAlphaInput = ({ prefixCls, value, onChange }) => {
+var ColorAlphaInput = (t0) => {
+	const $ = c(16);
+	const { prefixCls, value, onChange } = t0;
 	const colorAlphaInputPrefixCls = `${prefixCls}-alpha-input`;
-	const [alphaValue, setAlphaValue] = useState(generateColor(value || ""));
-	useEffect(() => {
-		if (value) setAlphaValue(value);
-	}, [value]);
-	const handleAlphaChange = (step) => {
-		const hsba = alphaValue.toHsb();
-		hsba.a = (step || 0) / 100;
-		const genColor = generateColor(hsba);
-		if (!value) setAlphaValue(genColor);
-		onChange?.(genColor);
-	};
-	return /* @__PURE__ */ jsx(ColorSteppers, {
-		value: getColorAlpha(alphaValue),
-		prefixCls,
-		formatter: (step) => `${step}%`,
-		className: `${colorAlphaInputPrefixCls} tw-w-11`,
-		onChange: handleAlphaChange
-	});
+	const t1 = value || "";
+	let t2;
+	if ($[0] !== t1) {
+		t2 = generateColor(t1);
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	const [alphaValue, setAlphaValue] = useState(t2);
+	let t3;
+	let t4;
+	if ($[2] !== value) {
+		t3 = () => {
+			if (value) setAlphaValue(value);
+		};
+		t4 = [value];
+		$[2] = value;
+		$[3] = t3;
+		$[4] = t4;
+	} else {
+		t3 = $[3];
+		t4 = $[4];
+	}
+	useEffect(t3, t4);
+	let t5;
+	if ($[5] !== alphaValue || $[6] !== onChange || $[7] !== value) {
+		t5 = (step) => {
+			const hsba = alphaValue.toHsb();
+			hsba.a = (step || 0) / 100;
+			const genColor = generateColor(hsba);
+			if (!value) setAlphaValue(genColor);
+			onChange?.(genColor);
+		};
+		$[5] = alphaValue;
+		$[6] = onChange;
+		$[7] = value;
+		$[8] = t5;
+	} else t5 = $[8];
+	const handleAlphaChange = t5;
+	let t6;
+	if ($[9] !== alphaValue) {
+		t6 = getColorAlpha(alphaValue);
+		$[9] = alphaValue;
+		$[10] = t6;
+	} else t6 = $[10];
+	const t7 = `${colorAlphaInputPrefixCls} tw-w-11`;
+	let t8;
+	if ($[11] !== handleAlphaChange || $[12] !== prefixCls || $[13] !== t6 || $[14] !== t7) {
+		t8 = /* @__PURE__ */ jsx(ColorSteppers, {
+			value: t6,
+			prefixCls,
+			formatter: _temp,
+			className: t7,
+			onChange: handleAlphaChange
+		});
+		$[11] = handleAlphaChange;
+		$[12] = prefixCls;
+		$[13] = t6;
+		$[14] = t7;
+		$[15] = t8;
+	} else t8 = $[15];
+	return t8;
 };
+function _temp(step_0) {
+	return `${step_0}%`;
+}
 //#endregion
 export { ColorAlphaInput as default };
 

package/dist/ColorPicker/ComplexColorPicker/ColorAlphaInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorAlphaInput.js","names":[],"sources":["../../../src/ColorPicker/ComplexColorPicker/ColorAlphaInput.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useEffect, useState } from 'react';\n\nimport type { AggregationColor } from '../color';\nimport { generateColor, getColorAlpha } from '../util';\nimport ColorSteppers from './ColorSteppers';\n\ninterface ColorAlphaInputProps {\n  prefixCls: string;\n  value?: AggregationColor;\n  onChange?: (value: AggregationColor) => void;\n}\n\nconst ColorAlphaInput: FC<ColorAlphaInputProps> = ({\n  prefixCls,\n  value,\n  onChange,\n}) => {\n  const colorAlphaInputPrefixCls = `${prefixCls}-alpha-input`;\n  const [alphaValue, setAlphaValue] = useState<AggregationColor>(\n    generateColor(value || ''),\n  );\n\n  useEffect(() => {\n    if (value) {\n      setAlphaValue(value);\n    }\n  }, [value]);\n\n  const handleAlphaChange = (step: number | null) => {\n    const hsba = alphaValue.toHsb();\n    hsba.a = (step || 0) / 100;\n    const genColor = generateColor(hsba);\n    if (!value) {\n      setAlphaValue(genColor);\n    }\n    onChange?.(genColor);\n  };\n\n  return (\n    <ColorSteppers\n      value={getColorAlpha(alphaValue)}\n      prefixCls={prefixCls}\n      formatter={(step) => `${step}%`}\n      className={`${colorAlphaInputPrefixCls} tw-w-11`}\n      onChange={handleAlphaChange}\n    />\n  );\n};\n\nexport default ColorAlphaInput;\n"],"mappings":";;;;;AAaA,IAAM,mBAA6C,EACjD,WACA,OACA,eACI;CACJ,MAAM,2BAA2B,GAAG,UAAU;CAC9C,MAAM,CAAC,YAAY,iBAAiB,SAClC,cAAc,SAAS,GAAG,CAC3B;AAED,iBAAgB;AACd,MAAI,MACF,eAAc,MAAM;IAErB,CAAC,MAAM,CAAC;CAEX,MAAM,qBAAqB,SAAwB;EACjD,MAAM,OAAO,WAAW,OAAO;AAC/B,OAAK,KAAK,QAAQ,KAAK;EACvB,MAAM,WAAW,cAAc,KAAK;AACpC,MAAI,CAAC,MACH,eAAc,SAAS;AAEzB,aAAW,SAAS;;AAGtB,QACE,oBAAC,eAAD;EACE,OAAO,cAAc,WAAW;EACrB;EACX,YAAY,SAAS,GAAG,KAAK;EAC7B,WAAW,GAAG,yBAAyB;EACvC,UAAU;EACV,CAAA"}
+{"version":3,"file":"ColorAlphaInput.js","names":["FC","React","useEffect","useState","AggregationColor","generateColor","getColorAlpha","ColorSteppers","ColorAlphaInputProps","prefixCls","value","onChange","ColorAlphaInput","t0","$","_c","colorAlphaInputPrefixCls","t1","t2","alphaValue","setAlphaValue","t3","t4","t5","step","hsba","toHsb","a","genColor","handleAlphaChange","t6","t7","t8","_temp","step_0"],"sources":["../../../src/ColorPicker/ComplexColorPicker/ColorAlphaInput.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useEffect, useState } from 'react';\n\nimport type { AggregationColor } from '../color';\nimport { generateColor, getColorAlpha } from '../util';\nimport ColorSteppers from './ColorSteppers';\n\ninterface ColorAlphaInputProps {\n  prefixCls: string;\n  value?: AggregationColor;\n  onChange?: (value: AggregationColor) => void;\n}\n\nconst ColorAlphaInput: FC<ColorAlphaInputProps> = ({\n  prefixCls,\n  value,\n  onChange,\n}) => {\n  const colorAlphaInputPrefixCls = `${prefixCls}-alpha-input`;\n  const [alphaValue, setAlphaValue] = useState<AggregationColor>(\n    generateColor(value || ''),\n  );\n\n  useEffect(() => {\n    if (value) {\n      setAlphaValue(value);\n    }\n  }, [value]);\n\n  const handleAlphaChange = (step: number | null) => {\n    const hsba = alphaValue.toHsb();\n    hsba.a = (step || 0) / 100;\n    const genColor = generateColor(hsba);\n    if (!value) {\n      setAlphaValue(genColor);\n    }\n    onChange?.(genColor);\n  };\n\n  return (\n    <ColorSteppers\n      value={getColorAlpha(alphaValue)}\n      prefixCls={prefixCls}\n      formatter={(step) => `${step}%`}\n      className={`${colorAlphaInputPrefixCls} tw-w-11`}\n      onChange={handleAlphaChange}\n    />\n  );\n};\n\nexport default ColorAlphaInput;\n"],"mappings":";;;;;;AAaA,IAAMY,mBAA4CC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAN,WAAAC,OAAAC,aAAAE;CAKjD,MAAAG,2BAAiC,GAAGP,UAAS;CAE7B,MAAAQ,KAAAP,SAAA;CAAW,IAAAQ;AAAA,KAAAJ,EAAA,OAAAG,IAAA;AAAzBC,OAAAb,cAAcY,GAAY;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAD5B,MAAA,CAAAK,YAAAC,iBAAoCjB,SAClCe,GACD;CAAC,IAAAG;CAAA,IAAAC;AAAA,KAAAR,EAAA,OAAAJ,OAAA;AAEQW,aAAA;AACR,OAAIX,MACFU,eAAcV,MAAM;;AAErBY,OAAA,CAACZ,MAAM;AAAAI,IAAA,KAAAJ;AAAAI,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;QAAA;AAAAD,OAAAP,EAAA;AAAAQ,OAAAR,EAAA;;AAJVZ,WAAUmB,IAIPC,GAAQ;CAAA,IAAAC;AAAA,KAAAT,EAAA,OAAAK,cAAAL,EAAA,OAAAH,YAAAG,EAAA,OAAAJ,OAAA;AAEea,QAAAC,SAAA;GACxB,MAAAC,OAAaN,WAAUO,OAAQ;AAC/BD,QAAIE,KAAMH,QAAA,KAAa;GACvB,MAAAI,WAAiBvB,cAAcoB,KAAK;AACpC,OAAI,CAACf,MACHU,eAAcQ,SAAS;AAEzBjB,cAAWiB,SAAS;;AACrBd,IAAA,KAAAK;AAAAL,IAAA,KAAAH;AAAAG,IAAA,KAAAJ;AAAAI,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CARD,MAAAe,oBAA0BN;CAQxB,IAAAO;AAAA,KAAAhB,EAAA,OAAAK,YAAA;AAISW,OAAAxB,cAAca,WAAW;AAAAL,IAAA,KAAAK;AAAAL,IAAA,MAAAgB;OAAAA,MAAAhB,EAAA;CAGrB,MAAAiB,KAAA,GAAGf,yBAAwB;CAAU,IAAAgB;AAAA,KAAAlB,EAAA,QAAAe,qBAAAf,EAAA,QAAAL,aAAAK,EAAA,QAAAgB,MAAAhB,EAAA,QAAAiB,IAAA;AAJlDC,OAAA,oBAAC,eAAD;GACS,OAAAF;GACIrB;GACA,WAAAwB;GACA,WAAAF;GACDF,UAAAA;GACV,CAAA;AAAAf,IAAA,MAAAe;AAAAf,IAAA,MAAAL;AAAAK,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;AAAAjB,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;AAAA,QANFkB;;AA3B8C,SAAAC,MAAAC,QAAA;AAAA,QA8BvB,GAAGV,OAAI"}

package/dist/ColorPicker/ComplexColorPicker/ColorHexInput.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { AggregationColor } from '../color';
+import { AggregationColor } from '../color.js';
 interface ColorHexInputProps {
     prefixCls: string;
     value?: AggregationColor;

package/dist/ColorPicker/ComplexColorPicker/ColorHexInput.js

@@ -1,29 +1,64 @@
 import Input from "../../Input/index.js";
 import { toHexFormat } from "../color.js";
 import { generateColor } from "../util.js";
+import { c } from "react-compiler-runtime";
 import { useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/ColorPicker/ComplexColorPicker/ColorHexInput.tsx
 var hexReg = /(^#[\da-f]{6}$)|(^#[\da-f]{8}$)/i;
 var isHexString = (hex) => hexReg.test(`#${hex}`);
-var ColorHexInput = ({ prefixCls, value, onChange }) => {
+var ColorHexInput = (t0) => {
+	const $ = c(11);
+	const { prefixCls, value, onChange } = t0;
 	const colorHexInputPrefixCls = `${prefixCls}-hex-input`;
-	const [hexValue, setHexValue] = useState(() => value ? toHexFormat(value.toHexString()) : void 0);
-	useEffect(() => {
-		if (value) setHexValue(toHexFormat(value.toHexString()));
-	}, [value]);
-	const handleHexChange = (e) => {
-		const originValue = e.target.value;
-		setHexValue(toHexFormat(originValue));
-		if (isHexString(toHexFormat(originValue, true))) onChange?.(generateColor(originValue));
-	};
-	return /* @__PURE__ */ jsx(Input, {
-		className: colorHexInputPrefixCls,
-		value: hexValue,
-		prefix: "#",
-		onChange: handleHexChange,
-		size: "small"
-	});
+	let t1;
+	if ($[0] !== value) {
+		t1 = () => value ? toHexFormat(value.toHexString()) : void 0;
+		$[0] = value;
+		$[1] = t1;
+	} else t1 = $[1];
+	const [hexValue, setHexValue] = useState(t1);
+	let t2;
+	let t3;
+	if ($[2] !== value) {
+		t2 = () => {
+			if (value) setHexValue(toHexFormat(value.toHexString()));
+		};
+		t3 = [value];
+		$[2] = value;
+		$[3] = t2;
+		$[4] = t3;
+	} else {
+		t2 = $[3];
+		t3 = $[4];
+	}
+	useEffect(t2, t3);
+	let t4;
+	if ($[5] !== onChange) {
+		t4 = (e) => {
+			const originValue = e.target.value;
+			setHexValue(toHexFormat(originValue));
+			if (isHexString(toHexFormat(originValue, true))) onChange?.(generateColor(originValue));
+		};
+		$[5] = onChange;
+		$[6] = t4;
+	} else t4 = $[6];
+	const handleHexChange = t4;
+	let t5;
+	if ($[7] !== colorHexInputPrefixCls || $[8] !== handleHexChange || $[9] !== hexValue) {
+		t5 = /* @__PURE__ */ jsx(Input, {
+			className: colorHexInputPrefixCls,
+			value: hexValue,
+			prefix: "#",
+			onChange: handleHexChange,
+			size: "small"
+		});
+		$[7] = colorHexInputPrefixCls;
+		$[8] = handleHexChange;
+		$[9] = hexValue;
+		$[10] = t5;
+	} else t5 = $[10];
+	return t5;
 };
 //#endregion
 export { ColorHexInput as default };

package/dist/ColorPicker/ComplexColorPicker/ColorHexInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorHexInput.js","names":[],"sources":["../../../src/ColorPicker/ComplexColorPicker/ColorHexInput.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useEffect, useState } from 'react';\n\nimport Input from '../../Input';\nimport type { AggregationColor } from '../color';\nimport { toHexFormat } from '../color';\nimport { generateColor } from '../util';\n\ninterface ColorHexInputProps {\n  prefixCls: string;\n  value?: AggregationColor;\n  onChange?: (value: AggregationColor) => void;\n}\n\nconst hexReg = /(^#[\\da-f]{6}$)|(^#[\\da-f]{8}$)/i;\nconst isHexString = (hex?: string) => hexReg.test(`#${hex}`);\n\nconst ColorHexInput: FC<ColorHexInputProps> = ({\n  prefixCls,\n  value,\n  onChange,\n}) => {\n  const colorHexInputPrefixCls = `${prefixCls}-hex-input`;\n  const [hexValue, setHexValue] = useState(() =>\n    value ? toHexFormat(value.toHexString()) : undefined,\n  );\n\n  useEffect(() => {\n    if (value) {\n      setHexValue(toHexFormat(value.toHexString()));\n    }\n  }, [value]);\n\n  const handleHexChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const originValue = e.target.value;\n    setHexValue(toHexFormat(originValue));\n    if (isHexString(toHexFormat(originValue, true))) {\n      onChange?.(generateColor(originValue));\n    }\n  };\n\n  return (\n    <Input\n      className={colorHexInputPrefixCls}\n      value={hexValue}\n      prefix=\"#\"\n      onChange={handleHexChange}\n      size=\"small\"\n    />\n  );\n};\n\nexport default ColorHexInput;\n"],"mappings":";;;;;;AAcA,IAAM,SAAS;AACf,IAAM,eAAe,QAAiB,OAAO,KAAK,IAAI,MAAM;AAE5D,IAAM,iBAAyC,EAC7C,WACA,OACA,eACI;CACJ,MAAM,yBAAyB,GAAG,UAAU;CAC5C,MAAM,CAAC,UAAU,eAAe,eAC9B,QAAQ,YAAY,MAAM,aAAa,CAAC,GAAG,OAC5C;AAED,iBAAgB;AACd,MAAI,MACF,aAAY,YAAY,MAAM,aAAa,CAAC,CAAC;IAE9C,CAAC,MAAM,CAAC;CAEX,MAAM,mBAAmB,MAA2C;EAClE,MAAM,cAAc,EAAE,OAAO;AAC7B,cAAY,YAAY,YAAY,CAAC;AACrC,MAAI,YAAY,YAAY,aAAa,KAAK,CAAC,CAC7C,YAAW,cAAc,YAAY,CAAC;;AAI1C,QACE,oBAAC,OAAD;EACE,WAAW;EACX,OAAO;EACP,QAAO;EACP,UAAU;EACV,MAAK;EACL,CAAA"}
+{"version":3,"file":"ColorHexInput.js","names":["FC","React","useEffect","useState","Input","AggregationColor","toHexFormat","generateColor","ColorHexInputProps","prefixCls","value","onChange","hexReg","isHexString","hex","test","ColorHexInput","t0","$","_c","colorHexInputPrefixCls","t1","toHexString","undefined","hexValue","setHexValue","t2","t3","t4","e","originValue","target","handleHexChange","t5"],"sources":["../../../src/ColorPicker/ComplexColorPicker/ColorHexInput.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useEffect, useState } from 'react';\n\nimport Input from '../../Input';\nimport type { AggregationColor } from '../color';\nimport { toHexFormat } from '../color';\nimport { generateColor } from '../util';\n\ninterface ColorHexInputProps {\n  prefixCls: string;\n  value?: AggregationColor;\n  onChange?: (value: AggregationColor) => void;\n}\n\nconst hexReg = /(^#[\\da-f]{6}$)|(^#[\\da-f]{8}$)/i;\nconst isHexString = (hex?: string) => hexReg.test(`#${hex}`);\n\nconst ColorHexInput: FC<ColorHexInputProps> = ({\n  prefixCls,\n  value,\n  onChange,\n}) => {\n  const colorHexInputPrefixCls = `${prefixCls}-hex-input`;\n  const [hexValue, setHexValue] = useState(() =>\n    value ? toHexFormat(value.toHexString()) : undefined,\n  );\n\n  useEffect(() => {\n    if (value) {\n      setHexValue(toHexFormat(value.toHexString()));\n    }\n  }, [value]);\n\n  const handleHexChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const originValue = e.target.value;\n    setHexValue(toHexFormat(originValue));\n    if (isHexString(toHexFormat(originValue, true))) {\n      onChange?.(generateColor(originValue));\n    }\n  };\n\n  return (\n    <Input\n      className={colorHexInputPrefixCls}\n      value={hexValue}\n      prefix=\"#\"\n      onChange={handleHexChange}\n      size=\"small\"\n    />\n  );\n};\n\nexport default ColorHexInput;\n"],"mappings":";;;;;;;AAcA,IAAMY,SAAS;AACf,IAAMC,eAAeC,QAAiBF,OAAOG,KAAK,IAAID,MAAM;AAE5D,IAAME,iBAAwCC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAV,WAAAC,OAAAC,aAAAM;CAK7C,MAAAG,yBAA+B,GAAGX,UAAS;CAAa,IAAAY;AAAA,KAAAH,EAAA,OAAAR,OAAA;AACfW,aACvCX,QAAQJ,YAAYI,MAAKY,aAA0B,CAAC,GAApDC;AAAoDL,IAAA,KAAAR;AAAAQ,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CADtD,MAAA,CAAAM,UAAAC,eAAgCtB,SAASkB,GAExC;CAAC,IAAAK;CAAA,IAAAC;AAAA,KAAAT,EAAA,OAAAR,OAAA;AAEQgB,aAAA;AACR,OAAIhB,MACFe,aAAYnB,YAAYI,MAAKY,aAAc,CAAC,CAAC;;AAE9CK,OAAA,CAACjB,MAAM;AAAAQ,IAAA,KAAAR;AAAAQ,IAAA,KAAAQ;AAAAR,IAAA,KAAAS;QAAA;AAAAD,OAAAR,EAAA;AAAAS,OAAAT,EAAA;;AAJVhB,WAAUwB,IAIPC,GAAQ;CAAA,IAAAC;AAAA,KAAAV,EAAA,OAAAP,UAAA;AAEaiB,QAAAC,MAAA;GACtB,MAAAC,cAAoBD,EAACE,OAAOrB;AAC5Be,eAAYnB,YAAYwB,YAAY,CAAC;AACrC,OAAIjB,YAAYP,YAAYwB,aAAa,KAAK,CAAC,CAC7CnB,YAAWJ,cAAcuB,YAAY,CAAC;;AAEzCZ,IAAA,KAAAP;AAAAO,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAND,MAAAc,kBAAwBJ;CAMtB,IAAAK;AAAA,KAAAf,EAAA,OAAAE,0BAAAF,EAAA,OAAAc,mBAAAd,EAAA,OAAAM,UAAA;AAGAS,OAAA,oBAAC,OAAD;GACab,WAAAA;GACJI,OAAAA;GACA,QAAA;GACGQ,UAAAA;GACL,MAAA;GACL,CAAA;AAAAd,IAAA,KAAAE;AAAAF,IAAA,KAAAc;AAAAd,IAAA,KAAAM;AAAAN,IAAA,MAAAe;OAAAA,MAAAf,EAAA;AAAA,QANFe"}

package/dist/ColorPicker/ComplexColorPicker/ColorHsbInput.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { AggregationColor } from '../color';
+import { AggregationColor } from '../color.js';
 interface ColorHsbInputProps {
     prefixCls: string;
     value?: AggregationColor;

package/dist/ColorPicker/ComplexColorPicker/ColorHsbInput.js

@@ -1,54 +1,169 @@
 import { generateColor, getRoundNumber } from "../util.js";
 import ColorSteppers from "./ColorSteppers.js";
+import { c } from "react-compiler-runtime";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/ColorPicker/ComplexColorPicker/ColorHsbInput.tsx
-var ColorHsbInput = ({ prefixCls, value, onChange }) => {
+var ColorHsbInput = (t0) => {
+	const $ = c(41);
+	const { prefixCls, value, onChange } = t0;
 	const colorHsbInputPrefixCls = `${prefixCls}-hsb-input`;
-	const [hsbValue, setHsbValue] = useState(generateColor(value || ""));
-	useEffect(() => {
-		if (value) setHsbValue(value);
-	}, [value]);
-	const handleHsbChange = (step, type) => {
-		const hsb = hsbValue.toHsb();
-		hsb[type] = type === "h" ? step : (step || 0) / 100;
-		const genColor = generateColor(hsb);
-		if (!value) setHsbValue(genColor);
-		onChange?.(genColor);
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: `${colorHsbInputPrefixCls} tw-flex tw-items-center tw-gap-1`,
-		children: [
-			/* @__PURE__ */ jsx(ColorSteppers, {
-				max: 360,
-				min: 0,
-				value: Number(hsbValue.toHsb().h),
-				prefixCls,
-				className: colorHsbInputPrefixCls,
-				formatter: (step) => getRoundNumber(step || 0).toString(),
-				onChange: (step) => handleHsbChange(Number(step), "h")
-			}),
-			/* @__PURE__ */ jsx(ColorSteppers, {
-				max: 100,
-				min: 0,
-				value: Number(hsbValue.toHsb().s) * 100,
-				prefixCls,
-				className: colorHsbInputPrefixCls,
-				formatter: (step) => `${getRoundNumber(step || 0)}%`,
-				onChange: (step) => handleHsbChange(Number(step), "s")
-			}),
-			/* @__PURE__ */ jsx(ColorSteppers, {
-				max: 100,
-				min: 0,
-				value: Number(hsbValue.toHsb().b) * 100,
-				prefixCls,
-				className: colorHsbInputPrefixCls,
-				formatter: (step) => `${getRoundNumber(step || 0)}%`,
-				onChange: (step) => handleHsbChange(Number(step), "b")
-			})
-		]
-	});
+	const t1 = value || "";
+	let t2;
+	if ($[0] !== t1) {
+		t2 = generateColor(t1);
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	const [hsbValue, setHsbValue] = useState(t2);
+	let t3;
+	let t4;
+	if ($[2] !== value) {
+		t3 = () => {
+			if (value) setHsbValue(value);
+		};
+		t4 = [value];
+		$[2] = value;
+		$[3] = t3;
+		$[4] = t4;
+	} else {
+		t3 = $[3];
+		t4 = $[4];
+	}
+	useEffect(t3, t4);
+	let t5;
+	if ($[5] !== hsbValue || $[6] !== onChange || $[7] !== value) {
+		t5 = (step, type) => {
+			const hsb = hsbValue.toHsb();
+			hsb[type] = type === "h" ? step : (step || 0) / 100;
+			const genColor = generateColor(hsb);
+			if (!value) setHsbValue(genColor);
+			onChange?.(genColor);
+		};
+		$[5] = hsbValue;
+		$[6] = onChange;
+		$[7] = value;
+		$[8] = t5;
+	} else t5 = $[8];
+	const handleHsbChange = t5;
+	const t6 = `${colorHsbInputPrefixCls} tw-flex tw-items-center tw-gap-1`;
+	let t7;
+	if ($[9] !== hsbValue) {
+		t7 = hsbValue.toHsb();
+		$[9] = hsbValue;
+		$[10] = t7;
+	} else t7 = $[10];
+	const t8 = Number(t7.h);
+	let t9;
+	if ($[11] !== handleHsbChange) {
+		t9 = (step_1) => handleHsbChange(Number(step_1), "h");
+		$[11] = handleHsbChange;
+		$[12] = t9;
+	} else t9 = $[12];
+	let t10;
+	if ($[13] !== colorHsbInputPrefixCls || $[14] !== prefixCls || $[15] !== t8 || $[16] !== t9) {
+		t10 = /* @__PURE__ */ jsx(ColorSteppers, {
+			max: 360,
+			min: 0,
+			value: t8,
+			prefixCls,
+			className: colorHsbInputPrefixCls,
+			formatter: _temp,
+			onChange: t9
+		});
+		$[13] = colorHsbInputPrefixCls;
+		$[14] = prefixCls;
+		$[15] = t8;
+		$[16] = t9;
+		$[17] = t10;
+	} else t10 = $[17];
+	let t11;
+	if ($[18] !== hsbValue) {
+		t11 = hsbValue.toHsb();
+		$[18] = hsbValue;
+		$[19] = t11;
+	} else t11 = $[19];
+	const t12 = Number(t11.s) * 100;
+	let t13;
+	if ($[20] !== handleHsbChange) {
+		t13 = (step_3) => handleHsbChange(Number(step_3), "s");
+		$[20] = handleHsbChange;
+		$[21] = t13;
+	} else t13 = $[21];
+	let t14;
+	if ($[22] !== colorHsbInputPrefixCls || $[23] !== prefixCls || $[24] !== t12 || $[25] !== t13) {
+		t14 = /* @__PURE__ */ jsx(ColorSteppers, {
+			max: 100,
+			min: 0,
+			value: t12,
+			prefixCls,
+			className: colorHsbInputPrefixCls,
+			formatter: _temp2,
+			onChange: t13
+		});
+		$[22] = colorHsbInputPrefixCls;
+		$[23] = prefixCls;
+		$[24] = t12;
+		$[25] = t13;
+		$[26] = t14;
+	} else t14 = $[26];
+	let t15;
+	if ($[27] !== hsbValue) {
+		t15 = hsbValue.toHsb();
+		$[27] = hsbValue;
+		$[28] = t15;
+	} else t15 = $[28];
+	const t16 = Number(t15.b) * 100;
+	let t17;
+	if ($[29] !== handleHsbChange) {
+		t17 = (step_5) => handleHsbChange(Number(step_5), "b");
+		$[29] = handleHsbChange;
+		$[30] = t17;
+	} else t17 = $[30];
+	let t18;
+	if ($[31] !== colorHsbInputPrefixCls || $[32] !== prefixCls || $[33] !== t16 || $[34] !== t17) {
+		t18 = /* @__PURE__ */ jsx(ColorSteppers, {
+			max: 100,
+			min: 0,
+			value: t16,
+			prefixCls,
+			className: colorHsbInputPrefixCls,
+			formatter: _temp3,
+			onChange: t17
+		});
+		$[31] = colorHsbInputPrefixCls;
+		$[32] = prefixCls;
+		$[33] = t16;
+		$[34] = t17;
+		$[35] = t18;
+	} else t18 = $[35];
+	let t19;
+	if ($[36] !== t10 || $[37] !== t14 || $[38] !== t18 || $[39] !== t6) {
+		t19 = /* @__PURE__ */ jsxs("div", {
+			className: t6,
+			children: [
+				t10,
+				t14,
+				t18
+			]
+		});
+		$[36] = t10;
+		$[37] = t14;
+		$[38] = t18;
+		$[39] = t6;
+		$[40] = t19;
+	} else t19 = $[40];
+	return t19;
 };
+function _temp(step_0) {
+	return getRoundNumber(step_0 || 0).toString();
+}
+function _temp2(step_2) {
+	return `${getRoundNumber(step_2 || 0)}%`;
+}
+function _temp3(step_4) {
+	return `${getRoundNumber(step_4 || 0)}%`;
+}
 //#endregion
 export { ColorHsbInput as default };
 

package/dist/ColorPicker/ComplexColorPicker/ColorHsbInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorHsbInput.js","names":[],"sources":["../../../src/ColorPicker/ComplexColorPicker/ColorHsbInput.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useEffect, useState } from 'react';\nimport type { HSB } from '@rc-component/color-picker';\n\nimport type { AggregationColor } from '../color';\nimport { generateColor, getRoundNumber } from '../util';\nimport ColorSteppers from './ColorSteppers';\n\ninterface ColorHsbInputProps {\n  prefixCls: string;\n  value?: AggregationColor;\n  onChange?: (value: AggregationColor) => void;\n}\n\nconst ColorHsbInput: FC<ColorHsbInputProps> = ({\n  prefixCls,\n  value,\n  onChange,\n}) => {\n  const colorHsbInputPrefixCls = `${prefixCls}-hsb-input`;\n  const [hsbValue, setHsbValue] = useState<AggregationColor>(\n    generateColor(value || ''),\n  );\n\n  useEffect(() => {\n    if (value) {\n      setHsbValue(value);\n    }\n  }, [value]);\n\n  const handleHsbChange = (step: number, type: keyof HSB) => {\n    const hsb = hsbValue.toHsb();\n    hsb[type] = type === 'h' ? step : (step || 0) / 100;\n    const genColor = generateColor(hsb);\n    if (!value) {\n      setHsbValue(genColor);\n    }\n    onChange?.(genColor);\n  };\n\n  return (\n    <div\n      className={`${colorHsbInputPrefixCls} tw-flex tw-items-center tw-gap-1`}\n    >\n      <ColorSteppers\n        max={360}\n        min={0}\n        value={Number(hsbValue.toHsb().h)}\n        prefixCls={prefixCls}\n        className={colorHsbInputPrefixCls}\n        formatter={(step) => getRoundNumber(step || 0).toString()}\n        onChange={(step) => handleHsbChange(Number(step), 'h')}\n      />\n      <ColorSteppers\n        max={100}\n        min={0}\n        value={Number(hsbValue.toHsb().s) * 100}\n        prefixCls={prefixCls}\n        className={colorHsbInputPrefixCls}\n        formatter={(step) => `${getRoundNumber(step || 0)}%`}\n        onChange={(step) => handleHsbChange(Number(step), 's')}\n      />\n      <ColorSteppers\n        max={100}\n        min={0}\n        value={Number(hsbValue.toHsb().b) * 100}\n        prefixCls={prefixCls}\n        className={colorHsbInputPrefixCls}\n        formatter={(step) => `${getRoundNumber(step || 0)}%`}\n        onChange={(step) => handleHsbChange(Number(step), 'b')}\n      />\n    </div>\n  );\n};\n\nexport default ColorHsbInput;\n"],"mappings":";;;;;AAcA,IAAM,iBAAyC,EAC7C,WACA,OACA,eACI;CACJ,MAAM,yBAAyB,GAAG,UAAU;CAC5C,MAAM,CAAC,UAAU,eAAe,SAC9B,cAAc,SAAS,GAAG,CAC3B;AAED,iBAAgB;AACd,MAAI,MACF,aAAY,MAAM;IAEnB,CAAC,MAAM,CAAC;CAEX,MAAM,mBAAmB,MAAc,SAAoB;EACzD,MAAM,MAAM,SAAS,OAAO;AAC5B,MAAI,QAAQ,SAAS,MAAM,QAAQ,QAAQ,KAAK;EAChD,MAAM,WAAW,cAAc,IAAI;AACnC,MAAI,CAAC,MACH,aAAY,SAAS;AAEvB,aAAW,SAAS;;AAGtB,QACE,qBAAC,OAAD;EACE,WAAW,GAAG,uBAAuB;YADvC;GAGE,oBAAC,eAAD;IACE,KAAK;IACL,KAAK;IACL,OAAO,OAAO,SAAS,OAAO,CAAC,EAAE;IACtB;IACX,WAAW;IACX,YAAY,SAAS,eAAe,QAAQ,EAAE,CAAC,UAAU;IACzD,WAAW,SAAS,gBAAgB,OAAO,KAAK,EAAE,IAAI;IACtD,CAAA;GACF,oBAAC,eAAD;IACE,KAAK;IACL,KAAK;IACL,OAAO,OAAO,SAAS,OAAO,CAAC,EAAE,GAAG;IACzB;IACX,WAAW;IACX,YAAY,SAAS,GAAG,eAAe,QAAQ,EAAE,CAAC;IAClD,WAAW,SAAS,gBAAgB,OAAO,KAAK,EAAE,IAAI;IACtD,CAAA;GACF,oBAAC,eAAD;IACE,KAAK;IACL,KAAK;IACL,OAAO,OAAO,SAAS,OAAO,CAAC,EAAE,GAAG;IACzB;IACX,WAAW;IACX,YAAY,SAAS,GAAG,eAAe,QAAQ,EAAE,CAAC;IAClD,WAAW,SAAS,gBAAgB,OAAO,KAAK,EAAE,IAAI;IACtD,CAAA;GACE"}
+{"version":3,"file":"ColorHsbInput.js","names":["FC","React","useEffect","useState","HSB","AggregationColor","generateColor","getRoundNumber","ColorSteppers","ColorHsbInputProps","prefixCls","value","onChange","ColorHsbInput","t0","$","_c","colorHsbInputPrefixCls","t1","t2","hsbValue","setHsbValue","t3","t4","t5","step","type","hsb","toHsb","genColor","handleHsbChange","t6","t7","t8","Number","h","t9","step_1","t10","_temp","t11","t12","s","t13","step_3","t14","_temp2","t15","t16","b","t17","step_5","t18","_temp3","t19","step_0","toString","step_2","step_4"],"sources":["../../../src/ColorPicker/ComplexColorPicker/ColorHsbInput.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useEffect, useState } from 'react';\nimport type { HSB } from '@rc-component/color-picker';\n\nimport type { AggregationColor } from '../color';\nimport { generateColor, getRoundNumber } from '../util';\nimport ColorSteppers from './ColorSteppers';\n\ninterface ColorHsbInputProps {\n  prefixCls: string;\n  value?: AggregationColor;\n  onChange?: (value: AggregationColor) => void;\n}\n\nconst ColorHsbInput: FC<ColorHsbInputProps> = ({\n  prefixCls,\n  value,\n  onChange,\n}) => {\n  const colorHsbInputPrefixCls = `${prefixCls}-hsb-input`;\n  const [hsbValue, setHsbValue] = useState<AggregationColor>(\n    generateColor(value || ''),\n  );\n\n  useEffect(() => {\n    if (value) {\n      setHsbValue(value);\n    }\n  }, [value]);\n\n  const handleHsbChange = (step: number, type: keyof HSB) => {\n    const hsb = hsbValue.toHsb();\n    hsb[type] = type === 'h' ? step : (step || 0) / 100;\n    const genColor = generateColor(hsb);\n    if (!value) {\n      setHsbValue(genColor);\n    }\n    onChange?.(genColor);\n  };\n\n  return (\n    <div\n      className={`${colorHsbInputPrefixCls} tw-flex tw-items-center tw-gap-1`}\n    >\n      <ColorSteppers\n        max={360}\n        min={0}\n        value={Number(hsbValue.toHsb().h)}\n        prefixCls={prefixCls}\n        className={colorHsbInputPrefixCls}\n        formatter={(step) => getRoundNumber(step || 0).toString()}\n        onChange={(step) => handleHsbChange(Number(step), 'h')}\n      />\n      <ColorSteppers\n        max={100}\n        min={0}\n        value={Number(hsbValue.toHsb().s) * 100}\n        prefixCls={prefixCls}\n        className={colorHsbInputPrefixCls}\n        formatter={(step) => `${getRoundNumber(step || 0)}%`}\n        onChange={(step) => handleHsbChange(Number(step), 's')}\n      />\n      <ColorSteppers\n        max={100}\n        min={0}\n        value={Number(hsbValue.toHsb().b) * 100}\n        prefixCls={prefixCls}\n        className={colorHsbInputPrefixCls}\n        formatter={(step) => `${getRoundNumber(step || 0)}%`}\n        onChange={(step) => handleHsbChange(Number(step), 'b')}\n      />\n    </div>\n  );\n};\n\nexport default ColorHsbInput;\n"],"mappings":"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"}

package/dist/ColorPicker/ComplexColorPicker/ColorInput.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { AggregationColor } from '../color';
-import { ColorFormatType } from '../interface';
+import { AggregationColor } from '../color.js';
+import { ColorFormatType } from '../interface.js';
 interface ColorInputProps {
     prefixCls: string;
     format?: ColorFormatType;