@yoka-ui/ui 1.0.1

package/dist/es/components/YkRangeDateWithVS/YkRangeDateWithVSRange.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/YkRangeDateWithVS/YkRangeDateWithVSRange.tsx"],
+  "sourcesContent": ["import type { DatePickerProps, TimeRangePickerProps } from 'antd';\nimport { Anchor, ConfigProvider, DatePicker, Flex, Popover, Tooltip, theme } from 'antd';\nimport classNames from 'classnames';\nimport dayjs, { Dayjs } from 'dayjs';\nimport { findIndex, isEqual } from 'lodash';\nimport React, { useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport styles from './styles';\n\ntype DateValue = Dayjs | null;\ntype RangeValue = [DateValue, DateValue] | null;\ntype dateOptionType = {\n  label: string;\n  value: () => RangeValue;\n};\n\nexport type YkRangeDateWithVSRangeProps = {\n  timeType: string;\n  rangeDate: RangeValue;\n  timeOptions: string[];\n  dateCompare: boolean;\n  onChange: (value: { timeType: string; rangeDate: RangeValue }) => void;\n  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;\n  disabledDate?: DatePickerProps['disabledDate'];\n  presetsOptions?: { label: string; value: () => [Dayjs, Dayjs] }[];\n  /** 1: 运营节点 2: 广告节点 */\n  milestoneFilterType?: 1 | 2;\n  /** 项目节点列表（日历侧栏与日期标记） */\n  milestone?: ProjectNodeItem[];\n  /** 节假日（与里程碑一并用于日期 cell 标记） */\n  holidays?: ProjectNodeItem[];\n  /** 自定义主区间输入框展示文案（string / ReactNode）；传入后默认日期格式文案由覆盖层展示，仍通过面板改期 */\n  rangeDisplayLabel?: ReactNode;\n};\n\nconst itemCheckIconClass = (className: string) => {\n  return classNames('iconfont', className, styles.active);\n};\n\nconst past: (n: number, picker: 'week' | 'day' | 'month' | 'year', today?: boolean) => RangeValue = (\n  n,\n  picker,\n  today = false,\n) => [dayjs().subtract(n, picker).startOf(picker), today ? dayjs() : dayjs().subtract(n, picker).endOf(picker)];\n\nconst dateOptions: dateOptionType[] = [\n  { label: '今天', value: () => past(0, 'day', true) },\n  { label: '昨天', value: () => past(1, 'day') },\n  { label: '本周', value: () => past(0, 'week', true) },\n  { label: '上周', value: () => past(1, 'week') },\n  { label: '本月', value: () => past(0, 'month', true) },\n  { label: '上月', value: () => past(1, 'month') },\n  { label: '今年', value: () => past(0, 'year', true) },\n  { label: '去年', value: () => past(1, 'year') },\n  { label: '近7天', value: () => past(6, 'day', true) },\n  { label: '近14天', value: () => past(13, 'day', true) },\n  { label: '近30天', value: () => past(29, 'day', true) },\n  { label: '近60天', value: () => past(59, 'day', true) },\n  { label: '近90天', value: () => past(89, 'day', true) },\n  { label: '近180天', value: () => past(179, 'day', true) },\n  {\n    label: '前7天',\n    value: () => [dayjs().subtract(7, 'day').startOf('day'), dayjs().subtract(1, 'day').endOf('day')],\n  },\n  {\n    label: '前14天',\n    value: () => [dayjs().subtract(14, 'day').startOf('day'), dayjs().subtract(1, 'day').endOf('day')],\n  },\n  {\n    label: '前30天',\n    value: () => [dayjs().subtract(30, 'day').startOf('day'), dayjs().subtract(1, 'day').endOf('day')],\n  },\n  {\n    label: '前60天',\n    value: () => [dayjs().subtract(60, 'day').startOf('day'), dayjs().subtract(1, 'day').endOf('day')],\n  },\n];\nconst weekOptions: dateOptionType[] = [\n  { label: '本周', value: () => past(0, 'week', true) },\n  { label: '上周', value: () => past(1, 'week') },\n  { label: '近3周', value: () => past(2, 'week', true) },\n  { label: '近4周', value: () => past(3, 'week', true) },\n  { label: '近5周', value: () => past(4, 'week', true) },\n  { label: '近6周', value: () => past(5, 'week', true) },\n  { label: '近7周', value: () => past(6, 'week', true) },\n  { label: '近14周', value: () => past(13, 'week', true) },\n  { label: '近30周', value: () => past(29, 'week', true) },\n  { label: '近60周', value: () => past(59, 'week', true) },\n  {\n    label: '前2周',\n    value: () => [dayjs().subtract(2, 'week').startOf('week'), dayjs().subtract(1, 'week').endOf('week')],\n  },\n  {\n    label: '前3周',\n    value: () => [dayjs().subtract(3, 'week').startOf('week'), dayjs().subtract(1, 'week').endOf('week')],\n  },\n  {\n    label: '前4周',\n    value: () => [dayjs().subtract(4, 'week').startOf('week'), dayjs().subtract(1, 'week').endOf('week')],\n  },\n  {\n    label: '前5周',\n    value: () => [dayjs().subtract(5, 'week').startOf('week'), dayjs().subtract(1, 'week').endOf('week')],\n  },\n];\nconst monthOptions: dateOptionType[] = [\n  { label: '本月', value: () => past(0, 'month', true) },\n  { label: '上月', value: () => past(1, 'month') },\n  { label: '今年', value: () => past(0, 'year', true) },\n  { label: '去年', value: () => past(1, 'year') },\n  { label: '近3月', value: () => past(2, 'month', true) },\n  { label: '近4月', value: () => past(3, 'month', true) },\n  { label: '近5月', value: () => past(4, 'month', true) },\n  { label: '近6月', value: () => past(5, 'month', true) },\n  { label: '近7月', value: () => past(6, 'month', true) },\n  { label: '近8月', value: () => past(7, 'month', true) },\n  { label: '近9月', value: () => past(8, 'month', true) },\n  { label: '近10月', value: () => past(9, 'month', true) },\n  { label: '近11月', value: () => past(10, 'month', true) },\n  { label: '近12月', value: () => past(11, 'month', true) },\n  {\n    label: '前2月',\n    value: () => [dayjs().subtract(2, 'month').startOf('month'), dayjs().subtract(1, 'month').endOf('month')],\n  },\n  {\n    label: '前3月',\n    value: () => [dayjs().subtract(3, 'month').startOf('month'), dayjs().subtract(1, 'month').endOf('month')],\n  },\n  {\n    label: '前4月',\n    value: () => [dayjs().subtract(4, 'month').startOf('month'), dayjs().subtract(1, 'month').endOf('month')],\n  },\n  {\n    label: '前5月',\n    value: () => [dayjs().subtract(5, 'month').startOf('month'), dayjs().subtract(1, 'month').endOf('month')],\n  },\n  {\n    label: '前6月',\n    value: () => [dayjs().subtract(6, 'month').startOf('month'), dayjs().subtract(1, 'month').endOf('month')],\n  },\n  {\n    label: '前7月',\n    value: () => [dayjs().subtract(7, 'month').startOf('month'), dayjs().subtract(1, 'month').endOf('month')],\n  },\n  {\n    label: '前8月',\n    value: () => [dayjs().subtract(8, 'month').startOf('month'), dayjs().subtract(1, 'month').endOf('month')],\n  },\n  {\n    label: '前9月',\n    value: () => [dayjs().subtract(9, 'month').startOf('month'), dayjs().subtract(1, 'month').endOf('month')],\n  },\n  {\n    label: '前10月',\n    value: () => [dayjs().subtract(10, 'month').startOf('month'), dayjs().subtract(1, 'month').endOf('month')],\n  },\n  {\n    label: '前11月',\n    value: () => [dayjs().subtract(11, 'month').startOf('month'), dayjs().subtract(1, 'month').endOf('month')],\n  },\n  {\n    label: '前12月',\n    value: () => [dayjs().subtract(12, 'month').startOf('month'), dayjs().subtract(1, 'month').endOf('month')],\n  },\n];\nconst startWeekOption: dateOptionType[] = [\n  { label: '近7天', value: () => past(6, 'day', true) },\n  { label: '近14天', value: () => past(13, 'day', true) },\n  { label: '近21天', value: () => past(20, 'day', true) },\n  { label: '近28天', value: () => past(27, 'day', true) },\n  { label: '近98天', value: () => past(97, 'day', true) },\n  { label: '近210天', value: () => past(209, 'day', true) },\n];\nconst startMonthOption: dateOptionType[] = [\n  { label: '近30天', value: () => past(29, 'day', true) },\n  { label: '近60天', value: () => past(59, 'day', true) },\n  { label: '近90天', value: () => past(89, 'day', true) },\n  { label: '近120天', value: () => past(119, 'day', true) },\n  { label: '近150天', value: () => past(149, 'day', true) },\n  { label: '近180天', value: () => past(179, 'day', true) },\n  { label: '近210天', value: () => past(209, 'day', true) },\n  { label: '近240天', value: () => past(239, 'day', true) },\n  { label: '近270天', value: () => past(269, 'day', true) },\n  { label: '近300天', value: () => past(299, 'day', true) },\n  { label: '近330天', value: () => past(329, 'day', true) },\n  { label: '近360天', value: () => past(359, 'day', true) },\n];\n\nconst pickerMap: {\n  [key: string]: 'date' | 'week' | 'month';\n} = {\n  按自然周: 'week',\n  按自然月: 'month',\n  按周: 'week',\n  按月: 'month',\n};\n\nconst optionsMap: {\n  [key: string]: {\n    options: dateOptionType[];\n    default: () => RangeValue;\n  };\n} = {\n  按日: { options: dateOptions, default: () => past(14, 'day', true) },\n  按周: { options: weekOptions, default: () => past(13, 'week', true) },\n  按月: { options: monthOptions, default: () => past(11, 'month', true) },\n  按自然周: { options: weekOptions, default: () => past(13, 'week', true) },\n  按自然月: { options: monthOptions, default: () => past(11, 'month', true) },\n  按起始周: {\n    options: startWeekOption,\n    default: () => past(14 * 7 - 1, 'day', true),\n  },\n  按起始月: {\n    options: startMonthOption,\n    default: () => past(12 * 30 - 1, 'day', true),\n  },\n};\n\nconst YkRangeDateWithVSRange: React.FC<YkRangeDateWithVSRangeProps> = ({\n  timeType,\n  rangeDate,\n  timeOptions,\n  dateCompare,\n  getPopupContainer,\n  onChange,\n  disabledDate = undefined,\n  presetsOptions = undefined,\n  milestoneFilterType = 1,\n  milestone = [],\n  holidays = [],\n  rangeDisplayLabel,\n}) => {\n  const { token } = theme.useToken();\n  const hasCustomRangeDisplay = rangeDisplayLabel != null;\n  const triggerWrapRef = useRef<HTMLDivElement>(null);\n  const [groupOpen, setGroupOpen] = useState(false);\n  // 判断数据是否变更,若未变更,则初始化日期\n  const [isChange, setIsChange] = useState(false);\n  const filterType = milestoneFilterType;\n  const [cacheRangeDate, setCacheRangeDate] = useState<RangeValue>([null, null]);\n  const [cacheTimeType, setCacheTimeType] = useState<string>(timeType);\n  const [groupIndex, setGroupIndex] = useState<number | null>(null);\n  const picker = cacheTimeType && pickerMap[cacheTimeType] ? pickerMap[cacheTimeType] : 'date';\n  const options = presetsOptions\n    ? presetsOptions\n    : optionsMap[cacheTimeType]\n      ? optionsMap[cacheTimeType].options\n      : optionsMap['按日'].options;\n\n  // 周报月报不显示项目节点(但外面选了周月,里面有按日的type,选按日时依旧可以显示项目节点,例如分包详情里的日期组件)\n  const showProjectNode = useMemo(() => {\n    return (\n      (!timeType.includes('周') &&\n        !timeType.includes('月') &&\n        !cacheTimeType.includes('周') &&\n        !cacheTimeType.includes('月')) ||\n      cacheTimeType.includes('日')\n    );\n  }, [timeType, cacheTimeType]);\n\n  const timeOptionAnchors =\n    timeOptions?.map((v) => {\n      return {\n        key: v,\n        title: v,\n        href: v,\n      };\n    }) || [];\n\n  // 初始化日期与日周月\n  const initRangeDate = () => {\n    setCacheRangeDate(rangeDate);\n    setCacheTimeType(timeType);\n    setIsChange(false);\n  };\n\n  useEffect(() => {\n    if (groupOpen) {\n      setGroupIndex(\n        findIndex(options, (item) => {\n          return isEqual(\n            item.value()?.map((v) => v?.format('YYYY-MM-DD')),\n            cacheRangeDate?.map((v) => v?.format('YYYY-MM-DD')),\n          );\n        }),\n      );\n    } else if (!isChange) {\n      initRangeDate();\n    }\n  }, [cacheTimeType, groupOpen]);\n\n  useEffect(() => {\n    initRangeDate();\n  }, [rangeDate, timeType]);\n\n  /** 切换日/周/月后 rc-picker 嵌套面板偶发无法收到「点击外部」；与 window 捕获阶段兜底关闭对齐 */\n  useEffect(() => {\n    if (!groupOpen) 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-date-with-vs-panel]')) return;\n      if (styles.globalItemDatePanel && el.closest(`.${styles.globalItemDatePanel}`)) return;\n      setGroupOpen(false);\n    };\n    window.addEventListener('pointerdown', onPointerDownCapture, true);\n    return () => window.removeEventListener('pointerdown', onPointerDownCapture, true);\n  }, [groupOpen]);\n\n  const customFormat: DatePickerProps['format'] = (value) => {\n    return `${dayjs(value).format('YYYY-MM-DD')}`;\n  };\n\n  const milestoneSelected = (id: number) => {\n    const dates = milestone.find((m) => m.id === id)?.range_day.map((m) => dayjs(m)) || [];\n    let [start, end] = dates;\n    if (end > dayjs().endOf('day')) end = dayjs().endOf('day');\n    setIsChange(true);\n    setCacheRangeDate([start, end]);\n    onChange({\n      rangeDate: [start, end],\n      timeType: cacheTimeType,\n    });\n    setGroupOpen(false);\n  };\n\n  const checkPresets = (v) => {\n    if (\n      cacheRangeDate &&\n      dayjs(v[0]).format('YYYY-MM-DD') === dayjs(cacheRangeDate[0]).format('YYYY-MM-DD') &&\n      dayjs(v[1]).format('YYYY-MM-DD') === dayjs(cacheRangeDate[1]).format('YYYY-MM-DD')\n    ) {\n      return true;\n    } else {\n      return false;\n    }\n  };\n\n  // 活动详情内容\n  const popoverContent = (event: ProjectNodeItem) => {\n    return (\n      <div\n        style={{\n          height: 30,\n          lineHeight: '30px',\n          textAlign: 'left',\n          color: '#666',\n          padding: '0 10px 0 10px',\n          fontSize: 12,\n        }}\n      >\n        {event.tag +\n          ' ' +\n          (event.range_day[0] === event.range_day[1] ? event.range_day[0] : event.range_day.join(' ~ '))}\n      </div>\n    );\n  };\n\n  const milestoneListFilter = milestone\n    .filter((f) => f.type === filterType)\n    .filter((f) => dayjs(f.range_day[0]) <= dayjs().endOf('day'))\n    .filter((f) => dayjs(f.range_day[0]) >= dayjs().startOf('year').subtract(1, 'year'))\n    .sort(\n      (a: ProjectNodeItem, b: ProjectNodeItem) => dayjs(b.range_day[0]).valueOf() - dayjs(a.range_day[0]).valueOf(),\n    );\n  const milestoneList = (\n    <div className={styles.milestoneListBox}>\n      {milestoneListFilter.map((v) => {\n        // Popover 须高于 DatePicker 弹层（约 zIndexPopupBase+50），否则悬停内容被挡在面板下\n        return (\n          <Popover\n            key={v.id}\n            trigger=\"hover\"\n            placement=\"right\"\n            zIndex={token.zIndexPopupBase + 120}\n            getPopupContainer={() => document.body}\n            styles={{\n              root: {\n                // width: 200,\n              },\n              body: {\n                borderRadius: 2,\n                padding: 0,\n              },\n            }}\n            content={popoverContent(v)}\n          >\n            <div\n              data-track\n              id={`milestoneListItem-${v.id}`}\n              key={v.id}\n              className={classNames(\n                styles.milestoneListItem,\n                checkPresets(v.range_day.map((m) => dayjs(m))) && styles.milestoneListActive,\n              )}\n              style={{\n                textAlign: 'left',\n                padding: '0 10px',\n                whiteSpace: 'nowrap',\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n              }}\n              onClick={() => {\n                milestoneSelected(v.id as number);\n              }}\n            >\n              {v.tag}\n            </div>\n          </Popover>\n        );\n      })}\n    </div>\n  );\n\n  const dateGourpRender = (panelNode: React.ReactNode) => {\n    return (\n      <div data-yk-range-date-with-vs-panel>\n        {dateCompare && (\n          <div className={styles.ykRangeDateWithVsHeader}>\n            <Anchor\n              className={styles.ykRangeDateWithVsHeaderAnchor}\n              direction=\"horizontal\"\n              items={timeOptionAnchors}\n              getCurrentAnchor={() => cacheTimeType}\n              onClick={(event, link) => {\n                event.preventDefault();\n                event.stopPropagation();\n                setCacheTimeType(link.href);\n                const defaultFn = optionsMap[link.href] ? optionsMap[link.href].default : optionsMap['按日'].default;\n                setCacheRangeDate(defaultFn());\n              }}\n            />\n          </div>\n        )}\n        <Flex>\n          {milestoneListFilter && milestoneListFilter.length > 0 && showProjectNode ? (\n            <div className={classNames(styles.milestoneList, 'scroll-reset')}>{milestoneList}</div>\n          ) : null}\n          <div className={styles.ykRangeDateWithVsGroup}>\n            <div className={styles.ykRangeDateWithVsPanel}>{panelNode}</div>\n          </div>\n        </Flex>\n      </div>\n    );\n  };\n\n  // 当节点有已选时,不高亮presetsNode\n  let hasSelect = false;\n  if (milestoneListFilter && milestoneListFilter.length > 0) {\n    milestoneListFilter.forEach((item) => {\n      if (checkPresets(item.range_day.map((m) => dayjs(m))) && picker === 'date' && showProjectNode) {\n        hasSelect = true;\n      }\n    });\n  }\n\n  const presetsNode = options.map((v, i) => {\n    return {\n      label: (\n        <div\n          className={classNames(\n            'ant-picker-presets-li',\n            groupIndex === i && !hasSelect && 'ant-picker-presets-li-item',\n          )}\n          onClick={() => {\n            setGroupIndex(i);\n          }}\n        >\n          {v.label}\n        </div>\n      ),\n      value: v.value,\n    };\n  }) as TimeRangePickerProps['presets'];\n\n  /** 默认挂到 body，避免父级 overflow/transform/弹层导致点击判定异常或面板误关；业务可继续覆盖 */\n  const resolvePopupContainer = getPopupContainer ?? (() => document.body);\n\n  // 项目节点与节假日\n  const dateTags: ProjectNodeItem[] = (milestoneListFilter || []).concat(holidays || []).map((m) => {\n    return {\n      ...m,\n      date: m.range_day[0],\n    };\n  });\n  const dateTagsMap = {};\n  dateTags.forEach((m: any) => {\n    if (dateTagsMap[m.date]) {\n      dateTagsMap[m.date].push(m);\n    } else {\n      dateTagsMap[m.date] = [m];\n    }\n  });\n\n  const eventsTooltips = (date: Dayjs) => {\n    const dateStr = dayjs(date).format('YYYY-MM-DD');\n    const tags = dateTagsMap[dateStr] || [];\n    // 只展示最新创建的节点\n    const lastTag =\n      tags.length > 0\n        ? tags.reduce((prev: ProjectNodeItem, curr: ProjectNodeItem) =>\n            dayjs(prev.created_at).isAfter(dayjs(curr.created_at)) ? prev : curr,\n          )\n        : null;\n    return lastTag ? (\n      <Tooltip\n        placement=\"right\"\n        title={\n          lastTag.tag +\n          ' ' +\n          (lastTag.range_day[0] === lastTag.range_day[1] ? lastTag.range_day[0] : lastTag.range_day.join(' ~ '))\n        }\n        color=\"#fff\"\n        styles={{\n          root: {\n            maxWidth: 270,\n          },\n          body: {\n            borderRadius: 2,\n            color: '#666',\n          },\n        }}\n      >\n        <div key={lastTag.id} className={styles.ykRangeDateWithVsTag}>\n          {lastTag.tag}\n        </div>\n      </Tooltip>\n    ) : (\n      <></>\n    );\n  };\n\n  const cellRender: DatePickerProps<Dayjs>['cellRender'] = (current, info) => {\n    if (info.type !== 'date') {\n      return info.originNode;\n    }\n    if (typeof current === 'number' || typeof current === 'string') {\n      return <div className=\"ant-picker-cell-inner\">{current}</div>;\n    }\n    return (\n      <div\n        className={classNames('ant-picker-cell-inner')}\n        style={{ width: 45, height: 40, lineHeight: holidays && holidays.length > 0 ? '26px' : '40px', fontSize: 12 }}\n      >\n        {current.date()}\n        {holidays && holidays.length > 0 && (\n          <div\n            style={{\n              position: 'absolute',\n              bottom: 2,\n              height: 16,\n              width: '100%',\n              fontSize: '12px',\n              lineHeight: '16px',\n              whiteSpace: 'nowrap',\n            }}\n          >\n            {eventsTooltips(current)}\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  const rangePicker = (\n    <DatePicker.RangePicker\n      id=\"ykRangeDateWithVsRange\"\n      classNames={{\n        popup: {\n          root: styles.globalItemDatePanel,\n        },\n      }}\n      styles={{\n        root: {\n          opacity: hasCustomRangeDisplay ? 0 : 1,\n        },\n      }}\n      getPopupContainer={resolvePopupContainer}\n      disabledDate={\n        disabledDate\n          ? disabledDate\n          : (current) => {\n              return current && current > dayjs().endOf('day');\n            }\n      }\n      inputReadOnly={hasCustomRangeDisplay}\n      open={groupOpen}\n      picker={picker}\n      cellRender={cellRender}\n      value={cacheRangeDate}\n      panelRender={dateGourpRender}\n      presets={presetsNode}\n      variant=\"borderless\"\n      allowClear={false}\n      format={customFormat}\n      showWeek={false}\n      separator=\"~\"\n      className={styles.globalItemDate}\n      suffixIcon={false}\n      onCalendarChange={(dates) => {\n        if (!dates) return;\n        const [v0, v1] = dates;\n        setIsChange(true);\n        const start = v0 ? v0.startOf(picker) : null;\n        let end: DateValue = null;\n        if (v1) {\n          const endRaw = v1.endOf(picker);\n          end = endRaw > dayjs() ? dayjs() : endRaw;\n        }\n        setCacheRangeDate([start, end]);\n      }}\n      onChange={(val) => {\n        if (!val || (!val[0] && !val[1])) {\n          setIsChange(true);\n          setCacheRangeDate([null, null]);\n          onChange({\n            rangeDate: [null, null],\n            timeType: cacheTimeType,\n          });\n          return;\n        }\n        const [v0, v1] = val;\n        if (v0 && !v1) {\n          setIsChange(true);\n          setCacheRangeDate([v0.startOf(picker), null]);\n          return;\n        }\n        if (!v0 && v1) {\n          setIsChange(true);\n          const end = v1.endOf(picker) > dayjs() ? dayjs() : v1.endOf(picker);\n          setCacheRangeDate([null, end]);\n          return;\n        }\n        const start = v0.startOf(picker);\n        const end = v1.endOf(picker) > dayjs() ? dayjs() : v1.endOf(picker);\n        setIsChange(true);\n        setCacheRangeDate([start, end]);\n        onChange({\n          rangeDate: [start, end],\n          timeType: cacheTimeType,\n        });\n      }}\n      onOpenChange={(open) => {\n        setGroupOpen(open);\n      }}\n    />\n  );\n\n  return (\n    <div ref={triggerWrapRef} className={classNames(styles.globalMl, styles.globalItem)}>\n      {dateCompare && !!options.length && (\n        <label onClick={() => setGroupOpen(true)} className={styles.globalItemDateTerm}>\n          <span style={{ marginRight: '5px', fontSize: 14 }}>{timeType}</span>\n          <i style={{ marginRight: '10px' }} className={classNames('iconfont icon-xiala1')}></i>\n        </label>\n      )}\n      <i className={itemCheckIconClass('icon-riqi1')} style={{ fontSize: 14 }} />\n      <ConfigProvider\n        theme={{\n          components: {\n            DatePicker: {\n              cellWidth: 60,\n              cellHeight: 40,\n              timeColumnWidth: 40,\n            },\n          },\n          token: {},\n        }}\n      >\n        {hasCustomRangeDisplay ? (\n          <div className={styles.rangePickerCustomDisplay}>\n            <span className={styles.rangePickerCustomDisplayLabel}>{rangeDisplayLabel}</span>\n            {rangePicker}\n          </div>\n        ) : (\n          rangePicker\n        )}\n      </ConfigProvider>\n    </div>\n  );\n};\n\nexport default YkRangeDateWithVSRange;\n"],
+  "mappings": "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",
+  "names": ["end"]
+}

package/dist/es/components/YkRangeDateWithVS/YkRangeDateWithVSSelect.d.ts

@@ -0,0 +1,16 @@
+import { FC, ReactNode } from 'react';
+export type optionsType = {
+    label: string;
+    value: string | number | boolean;
+    parent?: string;
+};
+type PropsType = {
+    trigger?: Array<'click' | 'hover' | 'contextMenu'>;
+    options: optionsType[];
+    onChange: (value: optionsType) => void;
+    children: ReactNode;
+    value?: string | number | boolean | null;
+    disabled?: boolean;
+};
+declare const YkRangeDateWithVSSelect: FC<PropsType>;
+export default YkRangeDateWithVSSelect;

package/dist/es/components/YkRangeDateWithVS/YkRangeDateWithVSSelect.js

@@ -0,0 +1,55 @@
+// src/components/YkRangeDateWithVS/YkRangeDateWithVSSelect.tsx
+import { Dropdown } from "antd";
+import classNames from "classnames";
+import React, { useState } from "react";
+import styles from "./styles";
+var YkRangeDateWithVSSelect = ({
+  trigger = ["click"],
+  options,
+  onChange,
+  children,
+  value,
+  disabled = false
+}) => {
+  const [open, setOpen] = useState(false);
+  const itemClass = (v) => {
+    return classNames(styles.globalDropdownItem, { [styles.checked]: value === v });
+  };
+  const dateDropDown = (menus) => {
+    return /* @__PURE__ */ React.createElement("div", { className: styles.globalDropdown }, options.map((v) => /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        key: v.value + v.label,
+        className: itemClass(v.value),
+        onClick: () => {
+          checkItem(v);
+        }
+      },
+      v.label
+    )));
+  };
+  const checkItem = (v) => {
+    setOpen(false);
+    onChange(v);
+  };
+  return /* @__PURE__ */ React.createElement(
+    Dropdown,
+    {
+      placement: "bottom",
+      getPopupContainer: (triggerNode) => triggerNode.parentNode,
+      popupRender: dateDropDown,
+      trigger,
+      disabled,
+      open,
+      onOpenChange: (flag) => {
+        setOpen(flag);
+      }
+    },
+    children
+  );
+};
+var YkRangeDateWithVSSelect_default = YkRangeDateWithVSSelect;
+export {
+  YkRangeDateWithVSSelect_default as default
+};
+//# sourceMappingURL=YkRangeDateWithVSSelect.js.map

package/dist/es/components/YkRangeDateWithVS/YkRangeDateWithVSSelect.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/YkRangeDateWithVS/YkRangeDateWithVSSelect.tsx"],
+  "sourcesContent": ["import { Dropdown } from 'antd';\nimport classNames from 'classnames';\nimport React, { FC, ReactNode, useState } from 'react';\nimport styles from './styles';\n\nexport type optionsType = {\n  label: string;\n  value: string | number | boolean;\n  parent?: string;\n};\n\ntype PropsType = {\n  trigger?: Array<'click' | 'hover' | 'contextMenu'>;\n  options: optionsType[];\n  onChange: (value: optionsType) => void;\n  children: ReactNode;\n  value?: string | number | boolean | null;\n  disabled?: boolean;\n};\n\nconst YkRangeDateWithVSSelect: FC<PropsType> = ({\n  trigger = ['click'],\n  options,\n  onChange,\n  children,\n  value,\n  disabled = false,\n}) => {\n  const [open, setOpen] = useState(false);\n\n  const itemClass = (v: string | number | boolean) => {\n    return classNames(styles.globalDropdownItem, { [styles.checked]: value === v });\n  };\n  const dateDropDown = (menus: React.ReactNode) => {\n    return (\n      <div className={styles.globalDropdown}>\n        {options.map((v) => (\n          <div\n            key={v.value + v.label}\n            className={itemClass(v.value)}\n            onClick={() => {\n              checkItem(v);\n            }}\n          >\n            {v.label}\n          </div>\n        ))}\n      </div>\n    );\n  };\n  const checkItem = (v: optionsType) => {\n    setOpen(false);\n    onChange(v);\n  };\n  return (\n    <Dropdown\n      placement='bottom'\n      getPopupContainer={(triggerNode) => triggerNode.parentNode as HTMLElement}\n      popupRender={dateDropDown}\n      trigger={trigger}\n      disabled={disabled}\n      open={open}\n      onOpenChange={(flag: boolean) => {\n        setOpen(flag);\n      }}\n    >\n      {children}\n    </Dropdown>\n  );\n};\n\nexport default YkRangeDateWithVSSelect;\n"],
+  "mappings": ";AAAA,SAAS,gBAAgB;AACzB,OAAO,gBAAgB;AACvB,OAAO,SAAwB,gBAAgB;AAC/C,OAAO,YAAY;AAiBnB,IAAM,0BAAyC,CAAC;AAAA,EAC9C,UAAU,CAAC,OAAO;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,MAAM;AACJ,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,YAAY,CAAC,MAAiC;AAClD,WAAO,WAAW,OAAO,oBAAoB,EAAE,CAAC,OAAO,OAAO,GAAG,UAAU,EAAE,CAAC;AAAA,EAChF;AACA,QAAM,eAAe,CAAC,UAA2B;AAC/C,WACE,oCAAC,SAAI,WAAW,OAAO,kBACpB,QAAQ,IAAI,CAAC,MACZ;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,EAAE,QAAQ,EAAE;AAAA,QACjB,WAAW,UAAU,EAAE,KAAK;AAAA,QAC5B,SAAS,MAAM;AACb,oBAAU,CAAC;AAAA,QACb;AAAA;AAAA,MAEC,EAAE;AAAA,IACL,CACD,CACH;AAAA,EAEJ;AACA,QAAM,YAAY,CAAC,MAAmB;AACpC,YAAQ,KAAK;AACb,aAAS,CAAC;AAAA,EACZ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,mBAAmB,CAAC,gBAAgB,YAAY;AAAA,MAChD,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc,CAAC,SAAkB;AAC/B,gBAAQ,IAAI;AAAA,MACd;AAAA;AAAA,IAEC;AAAA,EACH;AAEJ;AAEA,IAAO,kCAAQ;",
+  "names": []
+}

package/dist/es/components/YkRangeDateWithVS/index.d.ts

@@ -0,0 +1,62 @@
+/**
+ * YkRangeDateWithVS — 主时间区间 + 可选「日期对比」的组合筛选条（With Versus）。
+ *
+ * 设计为纯受控组件：不使用 dva `connect` / `dispatch`，由外层持有 `value` 并合并 `onChange` 返回的局部字段。
+ *
+ * 子组件：
+ * - YkRangeDateWithVSRange：主 RangePicker，可选日/周/月维度 Tab（由 timeOptions 控制）
+ * - YkRangeDateWithVSCompare：对比区间，依赖主区间长度（dayLine）自动对齐结束日
+ */
+import type { DatePickerProps } from 'antd';
+import { Dayjs } from 'dayjs';
+import 'dayjs/locale/zh-cn';
+import { FC, type ReactNode } from 'react';
+/** 受控值：主区间字符串、对比区间、聚合维度（与后端约定的中文枚举，如「按日」） */
+export type YkRangeDateWithVSValue = {
+    start?: string | null;
+    end?: string | null;
+    cmpStart?: string | null;
+    cmpEnd?: string | null;
+    timeType?: string | null;
+};
+/** onChange 推送的增量；外层应合并进完整 value */
+export type YkRangeDateWithVSChange = {
+    start?: string;
+    end?: string;
+    cmpStart?: string | null;
+    cmpEnd?: string | null;
+    timeType?: string | null;
+};
+type RangeValue = [Dayjs | null, Dayjs | null] | null;
+export type YkRangeDateWithVSProps = {
+    /** 当前筛选状态（必填） */
+    value: YkRangeDateWithVSValue;
+    /** 字段级增量更新 */
+    onChange?: (patch: YkRangeDateWithVSChange) => void;
+    /** 是否展示「日期对比」整块（含对比区间选择） */
+    timeCompare?: boolean;
+    className?: string;
+    /** 是否启用主选择器顶部的日/周/月 Tab；需与 timeOptions 同时使用 */
+    dateCompare: boolean;
+    /** 禁用对比能力（置灰快捷入口） */
+    disableDateCompare?: boolean;
+    /** Tab 文案列表，如 ['按日','按周','按月']；空数组则主面板不显示维度切换 */
+    timeOptions?: string[];
+    /** 弹层挂载容器；未传时默认 document.body，避免 Drawer/Modal/overflow 导致面板异常关闭 */
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    disabledDate?: DatePickerProps['disabledDate'];
+    /** 若传入则覆盖 value 推导出的主区间展示 */
+    rangeDate?: RangeValue;
+    presetsOptions?: {
+        label: string;
+        value: () => [Dayjs, Dayjs];
+    }[];
+    /** 1 运营节点 2 广告节点（日历旁里程碑列表筛选，与旧版 usePageInfo 行为对齐） */
+    milestoneFilterType?: 1 | 2;
+    milestone?: ProjectNodeItem[];
+    holidays?: ProjectNodeItem[];
+    /** 主区间 RangePicker 输入框自定义展示（string / ReactNode） */
+    rangeDisplayLabel?: ReactNode;
+};
+declare const YkRangeDateWithVS: FC<YkRangeDateWithVSProps>;
+export default YkRangeDateWithVS;

package/dist/es/components/YkRangeDateWithVS/index.js

@@ -0,0 +1,130 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/components/YkRangeDateWithVS/index.tsx
+import { ConfigProvider } from "antd";
+import zhCN from "antd/locale/zh_CN";
+import classNames from "classnames";
+import dayjs from "dayjs";
+import "dayjs/locale/zh-cn";
+import React, { useEffect, useMemo } from "react";
+import styles from "./styles";
+import YkRangeDateWithVSCompare from "./YkRangeDateWithVSCompare";
+import YkRangeDateWithVSRange from "./YkRangeDateWithVSRange";
+dayjs.locale(__spreadProps(__spreadValues({}, dayjs.Ls["zh-cn"]), {
+  weekStart: 1
+}));
+var YkRangeDateWithVS = ({
+  value,
+  onChange = () => {
+  },
+  timeCompare,
+  dateCompare,
+  timeOptions = [],
+  className,
+  getPopupContainer,
+  disableDateCompare = false,
+  disabledDate,
+  rangeDate,
+  presetsOptions,
+  milestoneFilterType = 1,
+  milestone = [],
+  holidays = [],
+  rangeDisplayLabel
+}) => {
+  var _a, _b, _c, _d, _e;
+  const start = (_a = value == null ? void 0 : value.start) != null ? _a : null;
+  const end = (_b = value == null ? void 0 : value.end) != null ? _b : null;
+  const cmpStart = (_c = value == null ? void 0 : value.cmpStart) != null ? _c : null;
+  const cmpEnd = (_d = value == null ? void 0 : value.cmpEnd) != null ? _d : "";
+  const timeType = (_e = value == null ? void 0 : value.timeType) != null ? _e : "";
+  const dayLine = useMemo(() => {
+    if (start && end) {
+      return dayjs(end).diff(dayjs(start), "day");
+    }
+    return 0;
+  }, [start, end]);
+  useEffect(() => {
+    if (!timeCompare || !cmpStart || !cmpEnd)
+      return;
+    const endTime = dayjs(cmpStart).add(dayLine, "day") > dayjs().endOf("day") ? dayjs().format("YYYY-MM-DD") : dayjs(cmpStart).add(dayLine, "day").format("YYYY-MM-DD");
+    if (endTime !== cmpEnd) {
+      onChange({ cmpEnd: endTime });
+    }
+  }, [dayLine, timeCompare, cmpStart, cmpEnd, onChange]);
+  return /* @__PURE__ */ React.createElement(
+    ConfigProvider,
+    {
+      locale: zhCN,
+      theme: {
+        components: {
+          DatePicker: {
+            paddingInline: 0
+          }
+        }
+      }
+    },
+    /* @__PURE__ */ React.createElement("div", { className: classNames(className, styles.ykRangeDateWithVs) }, /* @__PURE__ */ React.createElement(
+      YkRangeDateWithVSRange,
+      {
+        rangeDisplayLabel,
+        milestone,
+        holidays,
+        milestoneFilterType,
+        timeType,
+        disabledDate,
+        rangeDate: rangeDate ? rangeDate : [start ? dayjs(start) : null, end ? dayjs(end) : null],
+        presetsOptions,
+        timeOptions,
+        getPopupContainer,
+        dateCompare: dateCompare && timeOptions.length > 0,
+        onChange: (v) => {
+          var _a2, _b2;
+          onChange({
+            timeType: v.timeType,
+            start: (_a2 = v.rangeDate[0]) == null ? void 0 : _a2.format("YYYY-MM-DD"),
+            end: (_b2 = v.rangeDate[1]) == null ? void 0 : _b2.format("YYYY-MM-DD")
+          });
+        }
+      }
+    ), timeCompare && /* @__PURE__ */ React.createElement(
+      YkRangeDateWithVSCompare,
+      {
+        timeType,
+        disableCompare: disableDateCompare,
+        rangeDate: [cmpStart ? dayjs(cmpStart) : null, cmpEnd ? dayjs(cmpEnd) : null],
+        originDate: [start ? dayjs(start) : null, end ? dayjs(end) : null],
+        dayLine,
+        onChange: (v) => {
+          var _a2, _b2;
+          onChange({
+            cmpStart: (_a2 = v.rangeDate[0]) == null ? void 0 : _a2.format("YYYY-MM-DD"),
+            cmpEnd: (_b2 = v.rangeDate[1]) == null ? void 0 : _b2.format("YYYY-MM-DD")
+          });
+        }
+      }
+    ))
+  );
+};
+var YkRangeDateWithVS_default = YkRangeDateWithVS;
+export {
+  YkRangeDateWithVS_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/es/components/YkRangeDateWithVS/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/YkRangeDateWithVS/index.tsx"],
+  "sourcesContent": ["/**\n * YkRangeDateWithVS — 主时间区间 + 可选「日期对比」的组合筛选条（With Versus）。\n *\n * 设计为纯受控组件：不使用 dva `connect` / `dispatch`，由外层持有 `value` 并合并 `onChange` 返回的局部字段。\n *\n * 子组件：\n * - YkRangeDateWithVSRange：主 RangePicker，可选日/周/月维度 Tab（由 timeOptions 控制）\n * - YkRangeDateWithVSCompare：对比区间，依赖主区间长度（dayLine）自动对齐结束日\n */\nimport type { DatePickerProps } from 'antd';\nimport { ConfigProvider } from 'antd';\nimport zhCN from 'antd/locale/zh_CN';\nimport classNames from 'classnames';\nimport dayjs, { Dayjs } from 'dayjs';\nimport 'dayjs/locale/zh-cn';\nimport React, { FC, useEffect, useMemo, type ReactNode } from 'react';\nimport styles from './styles';\nimport YkRangeDateWithVSCompare from './YkRangeDateWithVSCompare';\nimport YkRangeDateWithVSRange from './YkRangeDateWithVSRange';\n\ndayjs.locale({\n  ...dayjs.Ls['zh-cn'],\n  weekStart: 1,\n});\n\n/** 受控值：主区间字符串、对比区间、聚合维度（与后端约定的中文枚举，如「按日」） */\nexport type YkRangeDateWithVSValue = {\n  start?: string | null;\n  end?: string | null;\n  cmpStart?: string | null;\n  cmpEnd?: string | null;\n  timeType?: string | null;\n};\n\n/** onChange 推送的增量；外层应合并进完整 value */\nexport type YkRangeDateWithVSChange = {\n  start?: string;\n  end?: string;\n  cmpStart?: string | null;\n  cmpEnd?: string | null;\n  timeType?: string | null;\n};\n\ntype RangeValue = [Dayjs | null, Dayjs | null] | null;\ntype DateValue = Dayjs | null;\n\nexport type YkRangeDateWithVSProps = {\n  /** 当前筛选状态（必填） */\n  value: YkRangeDateWithVSValue;\n  /** 字段级增量更新 */\n  onChange?: (patch: YkRangeDateWithVSChange) => void;\n  /** 是否展示「日期对比」整块（含对比区间选择） */\n  timeCompare?: boolean;\n  className?: string;\n  /** 是否启用主选择器顶部的日/周/月 Tab；需与 timeOptions 同时使用 */\n  dateCompare: boolean;\n  /** 禁用对比能力（置灰快捷入口） */\n  disableDateCompare?: boolean;\n  /** Tab 文案列表，如 ['按日','按周','按月']；空数组则主面板不显示维度切换 */\n  timeOptions?: string[];\n  /** 弹层挂载容器；未传时默认 document.body，避免 Drawer/Modal/overflow 导致面板异常关闭 */\n  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;\n  disabledDate?: DatePickerProps['disabledDate'];\n  /** 若传入则覆盖 value 推导出的主区间展示 */\n  rangeDate?: RangeValue;\n  presetsOptions?: { label: string; value: () => [Dayjs, Dayjs] }[];\n  /** 1 运营节点 2 广告节点（日历旁里程碑列表筛选，与旧版 usePageInfo 行为对齐） */\n  milestoneFilterType?: 1 | 2;\n  milestone?: ProjectNodeItem[];\n  holidays?: ProjectNodeItem[];\n  /** 主区间 RangePicker 输入框自定义展示（string / ReactNode） */\n  rangeDisplayLabel?: ReactNode;\n};\n\nconst YkRangeDateWithVS: FC<YkRangeDateWithVSProps> = ({\n  value,\n  onChange = () => {},\n  timeCompare,\n  dateCompare,\n  timeOptions = [],\n  className,\n  getPopupContainer,\n  disableDateCompare = false,\n  disabledDate,\n  rangeDate,\n  presetsOptions,\n  milestoneFilterType = 1,\n  milestone = [],\n  holidays = [],\n  rangeDisplayLabel,\n}) => {\n  const start = value?.start ?? null;\n  const end = value?.end ?? null;\n  const cmpStart = value?.cmpStart ?? null;\n  const cmpEnd = value?.cmpEnd ?? '';\n  const timeType = value?.timeType ?? '';\n\n  const dayLine = useMemo(() => {\n    if (start && end) {\n      return dayjs(end).diff(dayjs(start), 'day');\n    }\n    return 0;\n  }, [start, end]);\n\n  useEffect(() => {\n    if (!timeCompare || !cmpStart || !cmpEnd) return;\n    const endTime =\n      dayjs(cmpStart).add(dayLine, 'day') > dayjs().endOf('day')\n        ? dayjs().format('YYYY-MM-DD')\n        : dayjs(cmpStart).add(dayLine, 'day').format('YYYY-MM-DD');\n    if (endTime !== cmpEnd) {\n      onChange({ cmpEnd: endTime });\n    }\n  }, [dayLine, timeCompare, cmpStart, cmpEnd, onChange]);\n\n  return (\n    <ConfigProvider\n      locale={zhCN}\n      theme={{\n        components: {\n          DatePicker: {\n            paddingInline: 0,\n          },\n        },\n      }}\n    >\n      <div className={classNames(className, styles.ykRangeDateWithVs)}>\n        <YkRangeDateWithVSRange\n          rangeDisplayLabel={rangeDisplayLabel}\n          milestone={milestone}\n          holidays={holidays}\n          milestoneFilterType={milestoneFilterType}\n          timeType={timeType}\n          disabledDate={disabledDate}\n          rangeDate={rangeDate ? rangeDate : [start ? dayjs(start) : null, end ? dayjs(end) : null]}\n          presetsOptions={presetsOptions}\n          timeOptions={timeOptions}\n          getPopupContainer={getPopupContainer}\n          dateCompare={dateCompare && timeOptions.length > 0}\n          onChange={(v) => {\n            onChange({\n              timeType: v.timeType,\n              start: (v.rangeDate as [DateValue, DateValue])[0]?.format('YYYY-MM-DD'),\n              end: (v.rangeDate as [DateValue, DateValue])[1]?.format('YYYY-MM-DD'),\n            });\n          }}\n        />\n        {timeCompare && (\n          <YkRangeDateWithVSCompare\n            timeType={timeType}\n            disableCompare={disableDateCompare}\n            rangeDate={[cmpStart ? dayjs(cmpStart) : null, cmpEnd ? dayjs(cmpEnd) : null]}\n            originDate={[start ? dayjs(start) : null, end ? dayjs(end) : null]}\n            dayLine={dayLine}\n            onChange={(v) => {\n              onChange({\n                cmpStart: (v.rangeDate as [DateValue, DateValue])[0]?.format('YYYY-MM-DD'),\n                cmpEnd: (v.rangeDate as [DateValue, DateValue])[1]?.format('YYYY-MM-DD'),\n              });\n            }}\n          />\n        )}\n      </div>\n    </ConfigProvider>\n  );\n};\n\nexport default YkRangeDateWithVS;\n"],
+  "mappings": "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",
+  "names": ["_a", "_b"]
+}