@yoka-ui/ui 1.0.1

package/dist/lib/components/YkRangeTimeWithRecent/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/YkRangeTimeWithRecent/index.tsx"],
+  "sourcesContent": ["/**\n * 组件名称：YkRangeTimeWithRecent\n * 组件描述：时间范围 + 动态「最近 N 天」等能力的时间筛选（Range + Recent）\n * 组件使用场景：在需要选择时间范围的场景中使用，如筛选、排序等\n * 组件参数说明：\n * - value: {\n *   time_range: [string, string] | null | undefined;\n *   recent_day: string | null | undefined;\n *   time_type: number | undefined;\n * }\n * - timeTypes: 时间类型选项\n * - onChange: 时间范围变化回调\n * - placement: 弹层位置\n * - placeholder: 占位符\n * - noTimeFilter: 是否禁用动态时间\n * - noIcon: 是否禁用图标\n */\nimport { ClockCircleOutlined } from '@ant-design/icons';\nimport {\n  Button,\n  ConfigProvider,\n  DatePicker,\n  DatePickerProps,\n  Divider,\n  InputNumber,\n  message,\n  Popover,\n  Radio,\n  Select,\n  Tabs,\n} from 'antd';\nimport datePickerZhCN from 'antd/es/date-picker/locale/zh_CN';\nimport zhCN from 'antd/locale/zh_CN';\nimport classNames from 'classnames';\nimport dayjs, { Dayjs } from 'dayjs';\nimport 'dayjs/locale/zh-cn';\nimport isoWeek from 'dayjs/plugin/isoWeek';\nimport weekOfYear from 'dayjs/plugin/weekOfYear';\nimport React, { FC, useEffect, useMemo, useRef, useState } from 'react';\nimport { endTimeOptions, optionsMap, pickerMap, recentOptionsMap, startTimeOptions } from './constants';\nimport styles from './index.module.less';\n\ndayjs.extend(isoWeek);\ndayjs.extend(weekOfYear);\ndayjs.locale({\n  ...dayjs.Ls['zh-cn'],\n  weekStart: 1,\n});\n\nconst { RangePicker } = DatePicker;\n\nexport type YkRangeTimeWithRecentTimeType = '合计' | '按小时' | '按天' | '按周' | '按月';\nexport interface YkRangeTimeWithRecentProps {\n  style?: React.CSSProperties;\n  clearable?: boolean;\n  value: {\n    time_range: [string, string] | null | undefined;\n    recent_day: string | null | undefined;\n    time_type: number | undefined;\n  };\n  timeTypes?: YkRangeTimeWithRecentTimeType[];\n  onChange: (value: {\n    time_range: [string, string] | null | undefined;\n    recent_day: string | null | undefined;\n    time_type: number | undefined;\n  }) => void;\n  placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';\n  placeholder?: string | React.ReactNode;\n  noTimeFilter?: boolean;\n  noIcon?: boolean;\n  disabled?: boolean;\n  dateFieldOptionName?: string;\n}\n\ntype RangeValue = [string, string] | null;\n\nconst timeTypeKeys = {\n  0: '合计',\n  1: '按小时',\n  2: '按天',\n  3: '按周',\n  4: '按月',\n};\n\n/** 未提供「合计」Tab 时，不应使用 time_type 0，回落为按天 */\nfunction normalizeTimeTypeForTimeTypes(\n  timeType: number | undefined,\n  timeTypes: YkRangeTimeWithRecentTimeType[] | undefined,\n): number {\n  const raw = typeof timeType === 'number' ? timeType : 2;\n  if (Array.isArray(timeTypes) && !timeTypes.includes('合计') && raw === 0) {\n    return 2;\n  }\n  return raw;\n}\n\nconst YkRangeTimeWithRecent: FC<YkRangeTimeWithRecentProps> = ({\n  value,\n  onChange,\n  timeTypes,\n  style,\n  clearable,\n  placement = 'bottomLeft',\n  placeholder = '开始时间 ~ 结束时间',\n  noTimeFilter = false,\n  noIcon = false,\n  dateFieldOptionName = '',\n}) => {\n  // 格式化时间\n  const formatTime = (time: string) => {\n    switch (normalizeTimeTypeForTimeTypes(value.time_type, timeTypes)) {\n      case 1: // 按小时\n        return dayjs(time).format('YYYY-MM-DD HH:mm');\n      case 3: // 按周\n        return dayjs(time).format('YYYY-MM-DD');\n      case 4: // 按月\n        return dayjs(time).format('YYYY-MM');\n      case 2: // 按天\n      case 0: // 合计\n      default:\n        return dayjs(time).format('YYYY-MM-DD');\n    }\n  };\n\n  const [open, setOpen] = useState(false);\n  /** 外层 Popover 与内层 RangePicker 均基于 rc-trigger，嵌套时外层常收不到「点击外部」；用捕获阶段统一判定 */\n  const triggerWrapRef = useRef<HTMLDivElement>(null);\n  const [active, setActive] = useState<'start' | 'end'>('start');\n  // 是否静态时间 默认是静态时间\n  const [timeFilterType, setTimeFilterType] = useState(0);\n  // 弹层内时间\n  const [localValue, setLocalValue] = useState<[Dayjs, Dayjs] | null>(null);\n  // dayjs.isoWeek存在跨年问题，d=2025-12-30时，d.isoWeekYear()=2026\n  const [startWeekDate, setStartWeekDate] = useState<Dayjs | null>(null);\n  const [startMonth, setStartMonth] = useState<Dayjs | null>(null);\n  // 弹层内时间类型\n  const [localTimeType, setLocalTimeType] = useState<number | undefined>(() =>\n    normalizeTimeTypeForTimeTypes(value?.time_type, timeTypes),\n  );\n  // 弹层内时间类型名称\n  const localTimeTypeName = useMemo(() => {\n    const type = typeof localTimeType === 'number' ? localTimeType : 2;\n    return timeTypeKeys[type as keyof typeof timeTypeKeys] || timeTypeKeys[2];\n  }, [localTimeType]);\n\n  const getFormattedTimeRange = (recent: number, type: 'start' | 'end') => {\n    const today = dayjs();\n    switch (localTimeType) {\n      case 1: // 按小时\n        return today.subtract(recent, 'day').format(`YYYY-MM-DD ${type === 'start' ? '00:00' : '23:59'}`);\n      case 3: // 按周\n        return `${today.subtract(recent, 'week').format('YYYY')}年-${today.subtract(recent, 'week').week()}周 (${today.subtract(recent, 'week').startOf('week').format('MM.DD')}-${today.subtract(recent, 'week').endOf('week').format('MM.DD')})`;\n      case 4: // 按月\n        return today.subtract(recent, 'month').format('YYYY-MM月');\n      default:\n        return today.subtract(recent, 'day').format('YYYY-MM-DD');\n    }\n  };\n\n  // 外部格式化\n  const getFormattedRecentTime = (recent: number, type: 'start' | 'end') => {\n    const today = dayjs();\n    switch (localTimeType) {\n      case 1: // 按小时\n        return today.subtract(recent, 'day').format(`YYYY-MM-DD ${type === 'start' ? '00:00' : '23:59'}`);\n      case 3: // 按周\n        return `${today.subtract(recent, 'week').format('YYYY')}年-${today.subtract(recent, 'week').week()}周`;\n      case 4: // 按月\n        return today.subtract(recent, 'month').format('YYYY-MM月');\n      default:\n        return today.subtract(recent, 'day').format('YYYY-MM-DD');\n    }\n  };\n\n  // 动态时间\n  const [recentStart, setRecentStart] = useState<number>(0);\n  const [recentEnd, setRecentEnd] = useState<number>(0);\n\n  useEffect(() => {\n    setRecentStart(value?.recent_day ? Number(value.recent_day.split('|')[1]) : 0);\n    setRecentEnd(value?.recent_day ? Number(value.recent_day.split('|')[2]) : 0);\n  }, [value?.recent_day]);\n\n  // 显示时间\n  const showRangeTime = useMemo(() => {\n    if (value?.time_range && value?.time_range.length === 2) {\n      return formatTime(value.time_range[0]) + ' ~ ' + formatTime(value.time_range[1]);\n    } else if (value?.recent_day) {\n      const [type, start, end] = value.recent_day.split('|');\n      let showTimeText = '';\n      const unit = type === 'D' ? '天' : type === 'W' ? '周' : '月';\n      const options = recentOptionsMap[localTimeType || 2].options;\n      if (options.map((m) => m.value).includes(value.recent_day)) {\n        showTimeText = options.find((m) => m.value === value.recent_day)?.label || '';\n      } else if (end === '0') {\n        showTimeText = '近' + (Number(start) - Number(end) + 1) + unit;\n      } else {\n        showTimeText = start + unit + '前 ~ ' + end + unit + '前';\n      }\n      // 合计、按小时、按天 里本周上周本月上月特殊处理\n      if (\n        value.time_type !== undefined &&\n        [0, 1, 2].includes(normalizeTimeTypeForTimeTypes(value.time_type, timeTypes)) &&\n        (value.recent_day.split('|')[0] === 'W' || value.recent_day.split('|')[0] === 'M')\n      ) {\n        const today = dayjs();\n        const lastDayOfLastMonth = today.subtract(1, 'month').endOf('month');\n        const daysToLastMonthStart = today.diff(lastDayOfLastMonth.startOf('month'), 'day');\n        const daysToLastMonthEnd = today.diff(lastDayOfLastMonth, 'day') + 1;\n        let startNum, endNum;\n        switch (value.recent_day) {\n          case 'W|0|0':\n            startNum = today.day() === 0 ? 6 : today.day() - 1;\n            endNum = 0;\n            showTimeText = '本周';\n            break;\n          case 'W|1|1':\n            startNum = today.day() === 0 ? 13 : today.day() + 6;\n            endNum = today.day() === 0 ? 7 : today.day();\n            showTimeText = '上周';\n            break;\n          case 'M|0|0':\n            startNum = today.date() - 1;\n            endNum = 0;\n            showTimeText = '本月';\n            break;\n          case 'M|1|1':\n            startNum = daysToLastMonthStart;\n            endNum = daysToLastMonthEnd;\n            showTimeText = '上月';\n            break;\n          default:\n            startNum = 0;\n            endNum = 0;\n            showTimeText = '';\n            break;\n        }\n        return (\n          <>\n            {showTimeText}\n            <Divider type=\"vertical\" />\n            {getFormattedRecentTime(startNum, 'start')} ~ {getFormattedRecentTime(endNum, 'end')}\n          </>\n        );\n      }\n      return (\n        <>\n          {showTimeText}\n          <Divider type=\"vertical\" />\n          {getFormattedRecentTime(Number(start), 'start')} ~ {getFormattedRecentTime(Number(end), 'end')}\n        </>\n      );\n    }\n    return '';\n  }, [value, timeTypes, localTimeType]);\n\n  const recentType = useMemo(() => {\n    switch (localTimeType) {\n      case 3:\n        return 'W';\n      case 4:\n        return 'M';\n      default:\n        return 'D';\n    }\n  }, [localTimeType]);\n\n  // 显示的开始时间\n  const showRecentStart = useMemo(() => {\n    return getFormattedTimeRange(recentStart, 'start');\n  }, [recentStart, localTimeType]);\n\n  // 显示的结束时间\n  const showRecentEnd = useMemo(() => {\n    return getFormattedTimeRange(recentEnd, 'end');\n  }, [recentEnd, localTimeType]);\n\n  // 时间类型选项\n  const timeTypeOptions = useMemo(() => {\n    return (\n      timeTypes?.map((item) => ({\n        key: item,\n        label: item,\n        children: null,\n      })) || []\n    );\n  }, [timeTypes]);\n\n  // 时间类型 'date' | 'week' | 'month'\n  const picker = useMemo(() => {\n    return localTimeType ? pickerMap[localTimeType] : 'date';\n  }, [localTimeType]);\n\n  // 预选时间\n  const presetsTime = useMemo(() => {\n    if (timeFilterType === 1) {\n      return recentOptionsMap[localTimeType || 2];\n    }\n    return optionsMap[localTimeType || 2];\n  }, [localTimeType, timeFilterType]);\n\n  const startTime = useMemo(() => {\n    return Number(localValue?.[0]?.format('HH')) || 0;\n  }, [localValue]);\n\n  const endTime = useMemo(() => {\n    return Number(localValue?.[1]?.format('HH')) || 0;\n  }, [localValue]);\n\n  // 过滤禁用开始时间\n  const disabledStartHours = useMemo(() => {\n    if (localValue?.[0] && dayjs(localValue[0]).isSame(dayjs(), 'day')) {\n      const currentHour = dayjs().hour();\n      return startTimeOptions.filter((option) => option.value <= currentHour);\n    }\n    return startTimeOptions;\n  }, [localValue]);\n\n  // 过滤禁用结束时间\n  const disabledEndHours = useMemo(() => {\n    if (localValue?.[1] && dayjs(localValue[1]).isSame(dayjs(), 'day')) {\n      const currentHour = dayjs().hour();\n      return endTimeOptions.filter((option) => option.value <= currentHour);\n    }\n    return endTimeOptions;\n  }, [localValue]);\n\n  useEffect(() => {\n    if (value?.recent_day) {\n      setTimeFilterType(1);\n    }\n  }, [value?.recent_day]);\n\n  useEffect(() => {\n    if (!open) return;\n    const onPointerDownCapture = (e: PointerEvent) => {\n      const el = e.target;\n      if (!(el instanceof Element)) return;\n      if (triggerWrapRef.current?.contains(el)) return;\n      if (el.closest('[data-yk-range-time-with-recent-content]')) return;\n      setOpen(false);\n    };\n    document.addEventListener('pointerdown', onPointerDownCapture, true);\n    return () => document.removeEventListener('pointerdown', onPointerDownCapture, true);\n  }, [open]);\n\n  // 打开时，初始化时间范围和时间类型\n  useEffect(() => {\n    if (open) {\n      setActive('start');\n      setStartWeekDate(null);\n      setStartMonth(null);\n      const rangeStart = document.getElementById('RangeStart');\n      setTimeout(() => {\n        rangeStart?.focus();\n      }, 10);\n      setLocalTimeType(normalizeTimeTypeForTimeTypes(value?.time_type, timeTypes));\n      if (value?.recent_day) {\n        // 合计、按小时、按天 里本周上周本月上月特殊处理\n        if (\n          value.time_type !== undefined &&\n          [0, 1, 2].includes(normalizeTimeTypeForTimeTypes(value.time_type, timeTypes)) &&\n          (value.recent_day.split('|')[0] === 'W' || value.recent_day.split('|')[0] === 'M')\n        ) {\n          const today = dayjs();\n          const lastDayOfLastMonth = today.subtract(1, 'month').endOf('month');\n          const daysToLastMonthStart = today.diff(lastDayOfLastMonth.startOf('month'), 'day');\n          const daysToLastMonthEnd = today.diff(lastDayOfLastMonth, 'day') + 1;\n          switch (value.recent_day) {\n            case 'W|0|0':\n              setRecentStart(today.day() === 0 ? 6 : today.day() - 1);\n              setRecentEnd(0);\n              break;\n            case 'W|1|1':\n              setRecentStart(today.day() === 0 ? 13 : today.day() + 6);\n              setRecentEnd(today.day() === 0 ? 7 : today.day());\n              break;\n            case 'M|0|0':\n              setRecentStart(today.date() - 1);\n              setRecentEnd(0);\n              break;\n            case 'M|1|1':\n              setRecentStart(daysToLastMonthStart);\n              setRecentEnd(daysToLastMonthEnd);\n              break;\n            default:\n              setRecentStart(0);\n              setRecentEnd(0);\n              break;\n          }\n        } else {\n          setRecentStart(Number(value.recent_day.split('|')[1]));\n          setRecentEnd(Number(value.recent_day.split('|')[2]));\n        }\n      } else {\n        setLocalValue([dayjs(value?.time_range?.[0]), dayjs(value?.time_range?.[1])]);\n      }\n    }\n  }, [open]);\n\n  const timeChange = (hour: number, type: 'start' | 'end') => {\n    const [start, end] = localValue || [];\n    if (type === 'start') {\n      setLocalValue([dayjs(start).hour(hour), end]);\n    } else {\n      setLocalValue([start, dayjs(end).hour(hour)]);\n    }\n  };\n\n  // 预选时间点击\n  const presetClick = (item: { value: () => RangeValue }) => {\n    setLocalValue(item.value()?.map((time) => dayjs(time)) as [Dayjs, Dayjs] | null);\n    switch (localTimeType) {\n      case 1:\n        onChange({\n          time_range: [\n            dayjs(item.value()?.[0]).format('YYYY-MM-DD HH:00'),\n            dayjs(item.value()?.[1]).format('YYYY-MM-DD HH:59'),\n          ],\n          recent_day: null,\n          time_type: localTimeType,\n        });\n        break;\n      default:\n        onChange({\n          time_range: [dayjs(item.value()?.[0]).format('YYYY-MM-DD'), dayjs(item.value()?.[1]).format('YYYY-MM-DD')],\n          recent_day: null,\n          time_type: localTimeType,\n        });\n    }\n    setOpen(false);\n  };\n\n  // 点击日期\n  const cellClick = (current: Dayjs, type: string) => {\n    // 提取公共方法\n    const handleInputFocus = (isStart: boolean) => {\n      const element = document.getElementById('YkRangeTimeWithRecent');\n      const inputs = element?.querySelectorAll('input');\n      inputs?.[isStart ? 0 : 1].focus();\n    };\n    const handleDateChange = (start: Dayjs, end: Dayjs, closePopup = true) => {\n      setLocalValue([start, end]);\n      setActive(active === 'start' ? 'end' : 'start');\n      handleInputFocus(active === 'end');\n      if (closePopup) {\n        const format = localTimeType === 4 ? 'YYYY-MM' : 'YYYY-MM-DD';\n        onChange({\n          time_range: [dayjs(start).format(format), dayjs(end).format(format)],\n          recent_day: null,\n          time_type: localTimeType,\n        });\n        setOpen(false);\n      }\n    };\n\n    // 处理不同类型的日期选择\n    const dateTypeHandlers = {\n      month: () => {\n        const selectedMonth = current.startOf('month');\n        if (active === 'start') {\n          setStartMonth(selectedMonth);\n          setActive('end');\n          handleInputFocus(false);\n        } else {\n          if (!startMonth) return;\n          const endMonth = selectedMonth;\n          const [start, end] =\n            endMonth.isAfter(startMonth) || endMonth.isSame(startMonth)\n              ? [startMonth, endMonth]\n              : [endMonth, startMonth.endOf('month')];\n          handleDateChange(start, end);\n        }\n      },\n      week: () => {\n        if (active === 'start') {\n          setStartWeekDate(current.startOf('week'));\n          setActive('end');\n          handleInputFocus(false);\n        } else {\n          if (!startWeekDate) return;\n          const startWeekStart = startWeekDate;\n          const endWeekStart = current.startOf('week');\n          if (endWeekStart.isAfter(startWeekStart) || endWeekStart.isSame(startWeekStart)) {\n            const start = startWeekStart;\n            const end = endWeekStart.isSame(dayjs().startOf('week')) ? dayjs() : endWeekStart.endOf('week');\n            handleDateChange(start, end);\n          } else {\n            const start = endWeekStart;\n            const end = startWeekStart.endOf('week');\n            const finalEnd = end.isAfter(dayjs()) ? dayjs() : end;\n            handleDateChange(start, finalEnd);\n          }\n        }\n      },\n      date: () => {\n        if (active === 'start') {\n          handleDateChange(current, localValue?.[1] || current, false);\n        } else {\n          if (!localValue?.[0]) return;\n          const [start, end] = localValue[0] > current ? [current, localValue[0]] : [localValue[0], current];\n          handleDateChange(start, end, localTimeType !== 1);\n        }\n      },\n    };\n\n    const handler = dateTypeHandlers[type as keyof typeof dateTypeHandlers];\n    if (handler) handler();\n  };\n\n  // 日期单元格渲染\n  const cellRender: DatePickerProps<Dayjs>['cellRender'] = (current, info) => {\n    if (typeof current === 'number' || typeof current === 'string') {\n      // 不确定什么时候会是number或string\n      return <div className=\"ant-picker-cell-inner\">{current}</div>;\n    }\n    if (info.type !== 'date') {\n      return (\n        <div style={{ width: 36 }} onClick={() => cellClick(current, info.type)}>\n          {info.originNode}\n        </div>\n      );\n    }\n    return (\n      <div className=\"ant-picker-cell-inner\" style={{ width: 36 }} onClick={() => cellClick(current, info.type)}>\n        {current.date()}\n      </div>\n    );\n  };\n\n  const content = (\n    <div className={styles.popoverContent} data-yk-range-time-with-recent-content>\n      {!timeTypes && noTimeFilter ? null : (\n        <div className={styles.header}>\n          {timeTypes && timeTypes.length > 0 && (\n            <Tabs\n              activeKey={localTimeTypeName}\n              items={timeTypeOptions}\n              onChange={(key) => {\n                const timeTypeKey = Object.entries(timeTypeKeys).find(([_, label]) => label === key)?.[0];\n                setLocalTimeType(Number(timeTypeKey));\n                setLocalValue(\n                  optionsMap[timeTypeKey !== undefined ? Number(timeTypeKey) : 2]\n                    .default()\n                    ?.map((time) => dayjs(time)) as [Dayjs, Dayjs] | null,\n                );\n              }}\n            />\n          )}\n          {!noTimeFilter && (\n            <Radio.Group\n              optionType=\"button\"\n              value={timeFilterType}\n              style={{\n                marginLeft: 'auto',\n              }}\n              onChange={(e) => {\n                setTimeFilterType(e.target.value);\n              }}\n            >\n              <Radio\n                value={0}\n                style={{\n                  borderRadius: '2px 0 0 2px',\n                  height: 26,\n                  lineHeight: '24px',\n                  padding: '0 10px',\n                }}\n              >\n                静态时间\n              </Radio>\n              <Radio\n                value={1}\n                style={{\n                  borderRadius: '0 2px 2px 0',\n                  height: 26,\n                  lineHeight: '24px',\n                  padding: '0 10px',\n                }}\n              >\n                动态时间\n              </Radio>\n            </Radio.Group>\n          )}\n        </div>\n      )}\n      <div\n        className={classNames(styles.body, {\n          [styles.showTimes]: localTimeType === 1 && timeFilterType === 0,\n        })}\n      >\n        <div className={styles.left}>\n          {presetsTime.options.map((item) => (\n            <Button\n              key={item.label}\n              className={styles.presetBtn}\n              onClick={() => {\n                if (timeFilterType === 1) {\n                  onChange({\n                    time_range: null,\n                    recent_day: item.value as string,\n                    time_type: localTimeType,\n                  });\n                  setOpen(false);\n                } else {\n                  presetClick(item as { value: () => RangeValue });\n                }\n              }}\n            >\n              {item.label}\n            </Button>\n          ))}\n        </div>\n        {timeFilterType === 0 ? (\n          <div className={styles.right} id=\"YkRangeTimeWithRecent\" key={open ? 'open' : 'close'}>\n            <RangePicker\n              id=\"RangeStart\"\n              locale={datePickerZhCN}\n              className={styles.rangePicker}\n              getPopupContainer={(triggerNode) => triggerNode.parentElement as HTMLElement}\n              open={open}\n              cellRender={cellRender}\n              picker={picker}\n              autoFocus\n              showWeek={false}\n              onOpenChange={() => {}}\n              classNames={{ popup: { root: styles.rangePickerPopup } }}\n              value={localValue}\n              placement=\"bottomLeft\"\n            />\n            {localTimeType === 1 && (\n              <div className={styles.boxTimes}>\n                <Select\n                  options={disabledStartHours}\n                  value={startTime}\n                  defaultValue={startTimeOptions[0].value}\n                  prefix={<ClockCircleOutlined />}\n                  className={styles.timeSelectItem}\n                  getPopupContainer={(triggerNode) => triggerNode.parentElement as HTMLElement}\n                  onChange={(hour) => {\n                    timeChange(hour, 'start');\n                  }}\n                />\n                <Select\n                  options={disabledEndHours}\n                  value={endTime}\n                  defaultValue={endTimeOptions[endTimeOptions.length - 1].value}\n                  prefix={<ClockCircleOutlined />}\n                  className={styles.timeSelectItem}\n                  getPopupContainer={(triggerNode) => triggerNode.parentElement as HTMLElement}\n                  onChange={(hour) => {\n                    timeChange(hour, 'end');\n                  }}\n                />\n              </div>\n            )}\n          </div>\n        ) : (\n          <div className={styles.rightDynamic}>\n            <div className={styles.dynamicItem}>\n              <div className={styles.dynamicItemTitle}>\n                <span>开始时间：{showRecentStart}</span>\n              </div>\n              <div className={styles.dynamicItemContent}>\n                <InputNumber\n                  min={0}\n                  className={styles.inputNumber}\n                  value={recentStart}\n                  onChange={(next) => {\n                    const newStart = next || 0;\n                    // 确保开始时间大于等于结束时间\n                    if (newStart < recentEnd) {\n                      setRecentStart(newStart);\n                      setRecentEnd(newStart);\n                    } else {\n                      setRecentStart(newStart);\n                    }\n                  }}\n                />\n                <span style={{ color: '#333' }}>{recentType === 'D' ? '天' : recentType === 'W' ? '周' : '月'}前</span>\n              </div>\n            </div>\n            <div className={styles.dynamicItem}>\n              <div className={styles.dynamicItemTitle}>\n                <span>结束时间：{showRecentEnd}</span>\n              </div>\n              <div className={styles.dynamicItemContent}>\n                <InputNumber\n                  min={0}\n                  className={styles.inputNumber}\n                  value={recentEnd}\n                  onChange={(next) => {\n                    const newEnd = next || 0;\n                    // 确保结束时间小于等于开始时间\n                    if (newEnd > recentStart) {\n                      setRecentEnd(newEnd);\n                      setRecentStart(newEnd);\n                    } else {\n                      setRecentEnd(newEnd);\n                    }\n                  }}\n                />\n                <span style={{ color: '#333' }}>{recentType === 'D' ? '天' : recentType === 'W' ? '周' : '月'}前</span>\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n      {(localTimeType === 1 || timeFilterType === 1) && (\n        <div className={styles.footer}>\n          <Button\n            onClick={() => {\n              if (timeFilterType === 1) {\n                // 动态时间\n                onChange({\n                  time_range: null,\n                  recent_day: `${recentType}|${recentStart}|${recentEnd}`,\n                  time_type: localTimeType,\n                });\n              } else {\n                // 如果是按小时，结束时间不能早于开始时间\n                if (localTimeType === 1) {\n                  if (dayjs(localValue?.[1]).isBefore(dayjs(localValue?.[0]))) {\n                    message.warning('结束时间不能早于开始时间');\n                    return;\n                  }\n                }\n                // 静态时间\n                onChange({\n                  time_range: [\n                    dayjs(localValue?.[0]).format('YYYY-MM-DD HH:00'),\n                    dayjs(localValue?.[1]).format('YYYY-MM-DD HH:59'),\n                  ],\n                  recent_day: null,\n                  time_type: localTimeType,\n                });\n              }\n              setOpen(false);\n            }}\n            type=\"primary\"\n          >\n            确认\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n  return (\n    <ConfigProvider locale={zhCN}>\n      <Popover\n        open={open}\n        onOpenChange={setOpen}\n        content={content}\n        arrow={false}\n        placement={placement}\n        trigger=\"click\"\n        styles={{ body: { borderRadius: 2, padding: 0 } }}\n      >\n        <div className={styles.btnRange} style={style} ref={triggerWrapRef}>\n          {timeTypes && timeTypes.length > 0 && (\n            <>\n              <span className={styles.btnTimeType}>\n                {timeTypeKeys[normalizeTimeTypeForTimeTypes(value.time_type, timeTypes) as keyof typeof timeTypeKeys]}\n              </span>\n              <Divider type=\"vertical\" />\n            </>\n          )}\n          {dateFieldOptionName && (\n            <>\n              <span className={styles.btnTimeType}>{dateFieldOptionName}</span>\n              <Divider type=\"vertical\" />\n            </>\n          )}\n          {!noIcon && <i className=\"iconfont icon-date\" style={{ color: '#3B86F9' }} />}\n          {/* 显示时间 */}\n          {showRangeTime ? (\n            <span className={styles.btnRangeValue} style={!noIcon ? { marginLeft: 5 } : undefined}>\n              {showRangeTime}\n            </span>\n          ) : placeholder ? (\n            <div className={styles.placeholder}>{placeholder}</div>\n          ) : null}\n          {/* 清除 */}\n          {clearable && (value.time_range || value.recent_day) && (\n            <i\n              onClick={(e) => {\n                e.stopPropagation();\n                onChange({\n                  time_range: null,\n                  recent_day: null,\n                  time_type: localTimeType,\n                });\n              }}\n              className={classNames(styles.clearIcon, 'iconfont icon-guanbi1')}\n            />\n          )}\n        </div>\n      </Popover>\n    </ConfigProvider>\n  );\n};\n\nexport default YkRangeTimeWithRecent;\n"],
+  "mappings": "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",
+  "names": ["import_zh_CN", "dayjs", "isoWeek", "weekOfYear", "React", "styles", "classNames", "datePickerZhCN", "zhCN"]
+}

package/dist/lib/components/YkRangeTimeWithRecent/index.module.less

@@ -0,0 +1,263 @@
+.btnRange {
+  position: relative;
+  /* 随内部元素宽度收缩，不占满父级一行（块级 flex 会默认拉满） */
+  display: inline-flex;
+  width: fit-content;
+  max-width: min(400px, 100%);
+  height: 30px;
+  padding: 0 10px;
+  border: 1px solid #d9d9d9;
+  transition: all 0.1s linear;
+  cursor: pointer;
+  line-height: 28px;
+  border-radius: 2px;
+  align-items: center;
+  box-shadow: none;
+  box-sizing: border-box;
+
+  &.disabled {
+    pointer-events: none;
+    opacity: 0.5;
+  }
+
+  &:hover {
+    border-color: #66a8ff;
+    color: #66a8ff !important;
+
+    .clearIcon {
+      opacity: 1;
+    }
+  }
+
+  .btnRangeValue {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 14px;
+  }
+
+  .placeholder {
+    color: #999;
+    margin-left: 10px;
+  }
+
+  :global {
+    .ant-divider {
+      margin: 0 4px;
+    }
+  }
+
+  .btnTimeType {
+    font-size: 12px;
+    transition: none;
+    color: #3b86f9;
+    background-color: #f0f9ff;
+    padding: 0 4px;
+    border-radius: 2px;
+    border: 1px solid #e7e7e7;
+    line-height: 20px;
+
+    .btnTimeTypeIcon {
+      color: #999;
+      font-size: 14px;
+    }
+
+    :where.ant-btn-color-default {
+      color: #333;
+    }
+  }
+
+  .clearIcon {
+    color: #66a8ff;
+    transition: opacity 0.2s linear;
+    cursor: pointer;
+    font-size: 12px;
+    margin-left: 5px;
+    margin-right: -5px;
+    opacity: 0;
+  }
+}
+
+.popoverContent {
+  width: 780px;
+  padding: 0;
+
+  .header {
+    display: flex;
+    height: 50px;
+    padding: 2px 15px;
+    border-bottom: 1px solid #ecedf1;
+    align-items: center;
+    justify-content: space-between;
+
+    :global {
+      .ant-tabs {
+        .ant-tabs-nav {
+          margin-bottom: 0;
+
+          &::before {
+            display: none;
+          }
+        }
+      }
+    }
+  }
+
+  .body {
+    display: flex;
+    height: 310px;
+
+    &.showTimes {
+      height: 350px;
+    }
+
+    .left {
+      display: grid;
+      width: 204px;
+      grid-template-columns: repeat(2, 1fr);
+      grid-auto-rows: max-content;
+      align-content: start;
+      gap: 10px;
+      padding: 15px;
+      border-right: 1px solid #ecedf1;
+      box-sizing: border-box;
+
+      .presetBtn {
+        width: 80px;
+        min-width: 0;
+        height: 30px;
+        border-radius: 2px;
+        font-size: 14px;
+        text-align: center;
+        line-height: 30px;
+        border: 1px solid #ecedf1;
+        box-shadow: none;
+
+        &:hover {
+          border-color: #66a8ff;
+        }
+      }
+    }
+
+    .right {
+      position: relative;
+      flex: 1;
+      width: 576px;
+
+      .rangePicker {
+        position: absolute;
+        top: -40px;
+        left: 0;
+        pointer-events: none;
+        opacity: 0;
+      }
+
+      .boxTimes {
+        position: absolute;
+        bottom: 0;
+        display: flex;
+        width: 100%;
+        height: 50px;
+        align-items: center;
+        justify-content: space-around;
+
+        .timeSelectItem {
+          width: 80px;
+          text-align: center;
+
+          :global {
+            .ant-select-selection-item {
+              padding: 0;
+            }
+
+            .ant-select-arrow {
+              display: none;
+            }
+
+            .ant-select-selector {
+              border: none;
+              box-shadow: none;
+            }
+          }
+        }
+      }
+
+      :global {
+        .ant-picker-body {
+          padding: 0 8px;
+        }
+
+        .ant-picker-dropdown .ant-picker-cell::before {
+          height: 36px;
+        }
+
+        .ant-picker-cell {
+          padding: 0;
+
+          .ant-picker-cell-inner {
+            height: 36px;
+            line-height: 36px;
+            min-width: 36px;
+          }
+        }
+      }
+    }
+
+    .rightDynamic {
+      position: relative;
+      display: flex;
+      width: 576px;
+      flex: 1;
+
+      .dynamicItem {
+        position: relative;
+        width: 50%;
+        height: 100%;
+        padding: 15px;
+
+        &:nth-child(1) {
+          border-right: 1px solid #ecedf1;
+        }
+
+        .dynamicItemTitle {
+          font-size: 14px;
+          color: #666;
+          margin-bottom: 5px;
+        }
+
+        .inputNumber {
+          width: 200px;
+          height: 30px;
+          margin-right: 10px;
+          border: 1px solid #e7e7e7;
+          border-radius: 2px;
+        }
+      }
+    }
+  }
+
+  .footer {
+    display: flex;
+    height: 50px;
+    padding: 0 15px;
+    border-top: 1px solid #ecedf1;
+    align-items: center;
+    justify-content: flex-end;
+  }
+}
+
+.rangePickerPopup {
+  :global {
+    .ant-picker-panel-container {
+      border: none;
+      box-shadow: none;
+    }
+
+    .ant-picker-date-panel,
+    .ant-picker-week-panel,
+    .ant-picker-month-panel {
+      width: 288px !important;
+    }
+  }
+}

package/dist/lib/creative/ButtonRadioWithInfo/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import './index.less';
+export interface ButtonRadioWithInfoOption {
+    label: React.ReactNode;
+    value: string;
+    /** 角标文案，如 SAVE 28% */
+    badge?: React.ReactNode;
+    disabled?: boolean;
+}
+export interface ButtonRadioWithInfoProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    options: ButtonRadioWithInfoOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+}
+declare const ButtonRadioWithInfo: React.ForwardRefExoticComponent<ButtonRadioWithInfoProps & React.RefAttributes<HTMLDivElement>>;
+export default ButtonRadioWithInfo;

package/dist/lib/creative/ButtonRadioWithInfo/index.js

@@ -0,0 +1,102 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/creative/ButtonRadioWithInfo/index.tsx
+var ButtonRadioWithInfo_exports = {};
+__export(ButtonRadioWithInfo_exports, {
+  default: () => ButtonRadioWithInfo_default
+});
+module.exports = __toCommonJS(ButtonRadioWithInfo_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_index = require("./index.less");
+var ButtonRadioWithInfo = import_react.default.forwardRef(
+  ({ options, value: valueProp, defaultValue, onChange, className, style, ...rest }, ref) => {
+    const uid = (0, import_react.useId)().replace(/:/g, "");
+    const name = `brwi-${uid}`;
+    const [inner, setInner] = (0, import_react.useState)(() => {
+      var _a;
+      return defaultValue ?? ((_a = options[0]) == null ? void 0 : _a.value) ?? "";
+    });
+    const value = valueProp !== void 0 ? valueProp : inner;
+    const selectedIndex = (0, import_react.useMemo)(() => {
+      const i = options.findIndex((o) => o.value === value);
+      return i >= 0 ? i : 0;
+    }, [options, value]);
+    const handleSelect = (next) => {
+      const opt = options.find((o) => o.value === next);
+      if (opt == null ? void 0 : opt.disabled)
+        return;
+      if (valueProp === void 0)
+        setInner(next);
+      onChange == null ? void 0 : onChange(next);
+    };
+    if (!options.length) {
+      return null;
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        ref,
+        className: (0, import_classnames.default)("button-radio-with-info", className),
+        style: {
+          ...style,
+          "--brwi-n": options.length,
+          "--brwi-i": selectedIndex
+        },
+        ...rest
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "button-radio-with-info__tabs", role: "radiogroup" }, options.map((opt) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: opt.value }, /* @__PURE__ */ import_react.default.createElement(
+        "input",
+        {
+          type: "radio",
+          className: "button-radio-with-info__input",
+          id: `${name}-${opt.value}`,
+          name,
+          value: opt.value,
+          checked: value === opt.value,
+          disabled: opt.disabled,
+          onChange: () => handleSelect(opt.value)
+        }
+      ), /* @__PURE__ */ import_react.default.createElement(
+        "label",
+        {
+          htmlFor: `${name}-${opt.value}`,
+          className: (0, import_classnames.default)("button-radio-with-info__tab", {
+            "button-radio-with-info__tab--disabled": opt.disabled
+          })
+        },
+        opt.label,
+        opt.badge != null && opt.badge !== "" ? /* @__PURE__ */ import_react.default.createElement("span", { className: "button-radio-with-info__badge" }, opt.badge) : null
+      ))), /* @__PURE__ */ import_react.default.createElement("span", { className: "button-radio-with-info__glider", "aria-hidden": true }))
+    );
+  }
+);
+ButtonRadioWithInfo.displayName = "ButtonRadioWithInfo";
+var ButtonRadioWithInfo_default = ButtonRadioWithInfo;
+//# sourceMappingURL=index.js.map

package/dist/lib/creative/ButtonRadioWithInfo/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/creative/ButtonRadioWithInfo/index.tsx"],
+  "sourcesContent": ["import classNames from 'classnames';\nimport React, { useId, useMemo, useState } from 'react';\n\nimport './index.less';\n\nexport interface ButtonRadioWithInfoOption {\n  label: React.ReactNode;\n  value: string;\n  /** 角标文案，如 SAVE 28% */\n  badge?: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface ButtonRadioWithInfoProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  options: ButtonRadioWithInfoOption[];\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n}\n\nconst ButtonRadioWithInfo = React.forwardRef<HTMLDivElement, ButtonRadioWithInfoProps>(\n  ({ options, value: valueProp, defaultValue, onChange, className, style, ...rest }, ref) => {\n    const uid = useId().replace(/:/g, '');\n    const name = `brwi-${uid}`;\n    const [inner, setInner] = useState(() => defaultValue ?? options[0]?.value ?? '');\n    const value = valueProp !== undefined ? valueProp : inner;\n\n    const selectedIndex = useMemo(() => {\n      const i = options.findIndex((o) => o.value === value);\n      return i >= 0 ? i : 0;\n    }, [options, value]);\n\n    const handleSelect = (next: string) => {\n      const opt = options.find((o) => o.value === next);\n      if (opt?.disabled) return;\n      if (valueProp === undefined) setInner(next);\n      onChange?.(next);\n    };\n\n    if (!options.length) {\n      return null;\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={classNames('button-radio-with-info', className)}\n        style={\n          {\n            ...style,\n            '--brwi-n': options.length,\n            '--brwi-i': selectedIndex,\n          } as React.CSSProperties\n        }\n        {...rest}\n      >\n        <div className=\"button-radio-with-info__tabs\" role=\"radiogroup\">\n          {options.map((opt) => (\n            <React.Fragment key={opt.value}>\n              <input\n                type=\"radio\"\n                className=\"button-radio-with-info__input\"\n                id={`${name}-${opt.value}`}\n                name={name}\n                value={opt.value}\n                checked={value === opt.value}\n                disabled={opt.disabled}\n                onChange={() => handleSelect(opt.value)}\n              />\n              <label\n                htmlFor={`${name}-${opt.value}`}\n                className={classNames('button-radio-with-info__tab', {\n                  'button-radio-with-info__tab--disabled': opt.disabled,\n                })}\n              >\n                {opt.label}\n                {opt.badge != null && opt.badge !== '' ? (\n                  <span className=\"button-radio-with-info__badge\">{opt.badge}</span>\n                ) : null}\n              </label>\n            </React.Fragment>\n          ))}\n          <span className=\"button-radio-with-info__glider\" aria-hidden />\n        </div>\n      </div>\n    );\n  },\n);\n\nButtonRadioWithInfo.displayName = 'ButtonRadioWithInfo';\n\nexport default ButtonRadioWithInfo;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,mBAAgD;AAEhD,mBAAO;AAiBP,IAAM,sBAAsB,aAAAA,QAAM;AAAA,EAChC,CAAC,EAAE,SAAS,OAAO,WAAW,cAAc,UAAU,WAAW,OAAO,GAAG,KAAK,GAAG,QAAQ;AACzF,UAAM,UAAM,oBAAM,EAAE,QAAQ,MAAM,EAAE;AACpC,UAAM,OAAO,QAAQ;AACrB,UAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,MAAG;AAxB1C;AAwB6C,+BAAgB,aAAQ,CAAC,MAAT,mBAAY,UAAS;AAAA,KAAE;AAChF,UAAM,QAAQ,cAAc,SAAY,YAAY;AAEpD,UAAM,oBAAgB,sBAAQ,MAAM;AAClC,YAAM,IAAI,QAAQ,UAAU,CAAC,MAAM,EAAE,UAAU,KAAK;AACpD,aAAO,KAAK,IAAI,IAAI;AAAA,IACtB,GAAG,CAAC,SAAS,KAAK,CAAC;AAEnB,UAAM,eAAe,CAAC,SAAiB;AACrC,YAAM,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU,IAAI;AAChD,UAAI,2BAAK;AAAU;AACnB,UAAI,cAAc;AAAW,iBAAS,IAAI;AAC1C,2CAAW;AAAA,IACb;AAEA,QAAI,CAAC,QAAQ,QAAQ;AACnB,aAAO;AAAA,IACT;AAEA,WACE,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,kBAAAC,SAAW,0BAA0B,SAAS;AAAA,QACzD,OACE;AAAA,UACE,GAAG;AAAA,UACH,YAAY,QAAQ;AAAA,UACpB,YAAY;AAAA,QACd;AAAA,QAED,GAAG;AAAA;AAAA,MAEJ,6BAAAD,QAAA,cAAC,SAAI,WAAU,gCAA+B,MAAK,gBAChD,QAAQ,IAAI,CAAC,QACZ,6BAAAA,QAAA,cAAC,aAAAA,QAAM,UAAN,EAAe,KAAK,IAAI,SACvB,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,IAAI,GAAG,QAAQ,IAAI;AAAA,UACnB;AAAA,UACA,OAAO,IAAI;AAAA,UACX,SAAS,UAAU,IAAI;AAAA,UACvB,UAAU,IAAI;AAAA,UACd,UAAU,MAAM,aAAa,IAAI,KAAK;AAAA;AAAA,MACxC,GACA,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,GAAG,QAAQ,IAAI;AAAA,UACxB,eAAW,kBAAAC,SAAW,+BAA+B;AAAA,YACnD,yCAAyC,IAAI;AAAA,UAC/C,CAAC;AAAA;AAAA,QAEA,IAAI;AAAA,QACJ,IAAI,SAAS,QAAQ,IAAI,UAAU,KAClC,6BAAAD,QAAA,cAAC,UAAK,WAAU,mCAAiC,IAAI,KAAM,IACzD;AAAA,MACN,CACF,CACD,GACD,6BAAAA,QAAA,cAAC,UAAK,WAAU,kCAAiC,eAAW,MAAC,CAC/D;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,oBAAoB,cAAc;AAElC,IAAO,8BAAQ;",
+  "names": ["React", "classNames"]
+}

package/dist/lib/creative/ButtonRadioWithInfo/index.less

@@ -0,0 +1,106 @@
+.button-radio-with-info {
+  &__tabs {
+    display: flex;
+    position: relative;
+    background-color: #fff;
+    box-shadow:
+      0 0 1px 0 rgba(24, 94, 224, 0.15),
+      0 6px 12px 0 rgba(24, 94, 224, 0.15);
+    padding: 0.25rem;
+    border-radius: 2px;
+  }
+
+  &__tabs > &__tab {
+    position: relative;
+    z-index: 2;
+    min-width: 40px;
+  }
+
+  &__input {
+    border: 0;
+    clip: rect(0, 0, 0, 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+    white-space: nowrap;
+  }
+
+  &__tab {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex: 1 1 0;
+    min-width: 0;
+    min-height: 30px;
+    padding: 0 8px;
+    font-size: 0.8rem;
+    color: #000;
+    font-weight: 500;
+    border-radius: 2px;
+    cursor: pointer;
+    transition: color 0.15s ease-in;
+    text-align: center;
+    user-select: none;
+  }
+
+  &__tab--disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
+  &__badge {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 6px;
+    min-height: 12px;
+    position: absolute;
+    top: -5px;
+    font-size: 10px;
+    line-height: 11px;
+    border-radius: 2px;
+    background-color: #e6eef9;
+    transition:
+      background-color 0.15s ease-in,
+      color 0.15s ease-in;
+    white-space: nowrap;
+  }
+
+  &__input:checked + &__tab {
+    color: #185ee0;
+  }
+
+  &__input:checked + &__tab &__badge {
+    background-color: #185ee0;
+    color: #fff;
+  }
+
+  &__input:focus-visible + &__tab {
+    outline: 2px solid #185ee0;
+    outline-offset: 2px;
+  }
+
+  &__glider {
+    position: absolute;
+    left: 0.25rem;
+    top: 0.25rem;
+    height: 30px;
+    width: calc((100% - 0.5rem) / var(--brwi-n, 2));
+    background-color: #e6eef9;
+    z-index: 1;
+    border-radius: 2px;
+    transition: transform 0.15s ease-out;
+    transform: translateX(calc(var(--brwi-i, 0) * 100%));
+    pointer-events: none;
+  }
+}
+
+@media (max-width: 700px) {
+  .button-radio-with-info__tabs {
+    transform: scale(0.6);
+    transform-origin: left center;
+  }
+}

package/dist/lib/creative/ButtonWithProgress/index.d.ts

@@ -0,0 +1,11 @@
+import { ButtonProps } from 'antd';
+import React from 'react';
+import './index.less';
+export interface ButtonWithProgressProps extends ButtonProps {
+    progress?: number;
+    progressColor?: string;
+    progressing?: boolean;
+    subtitle?: string;
+}
+declare const ButtonWithProgress: React.FC<ButtonWithProgressProps>;
+export default ButtonWithProgress;