@baishuyun/ai-design 2.0.38 → 2.1.0-alpha.0

package/src/components/agent-helper/date-picker/utils.ts

@@ -1,121 +1,121 @@
-import type { TimeObj } from './types';
-
-export const MIN_YEAR = 1000;
-export const MAX_YEAR = 2999;
-
-export const MONTH_NAMES = [
-  '一月',
-  '二月',
-  '三月',
-  '四月',
-  '五月',
-  '六月',
-  '七月',
-  '八月',
-  '九月',
-  '十月',
-  '十一月',
-  '十二月',
-];
-
-export const WEEK_NAMES = ['一', '二', '三', '四', '五', '六', '日'];
-
-export function getFirstMondayOfMonth(year: number, month: number): Date {
-  const firstDay = new Date(year, month, 1);
-  const dayOfWeek = firstDay.getDay();
-  const daysToSubtract = (dayOfWeek - 1 + 7) % 7;
-  return new Date(year, month, 1 - daysToSubtract);
-}
-
-export function getDaysInMonth(year: number, month: number): number {
-  return new Date(year, month + 1, 0).getDate();
-}
-
-export function checkTimeValidate(current: TimeObj, start: TimeObj, end: TimeObj): boolean {
-  const curTotal = current.h * 3600000 + current.m * 60000 + current.s * 1000 + current.ms;
-  const startTotal = start.h * 3600000 + start.m * 60000 + start.s * 1000 + start.ms;
-  const endTotal = end.h * 3600000 + end.m * 60000 + end.s * 1000 + end.ms;
-  return curTotal >= startTotal && curTotal <= endTotal;
-}
-
-export function checkDateValidate(
-  d: Date,
-  minDate: Date,
-  maxDate: Date,
-  week: number[],
-  mode: 'day' | 'month' | 'year' = 'day'
-): boolean {
-  if (mode === 'year') {
-    const year = d.getFullYear();
-    return year >= minDate.getFullYear() && year <= maxDate.getFullYear();
-  }
-  if (mode === 'month') {
-    const y = d.getFullYear();
-    const m = d.getMonth();
-    const minY = minDate.getFullYear();
-    const minM = minDate.getMonth();
-    const maxY = maxDate.getFullYear();
-    const maxM = maxDate.getMonth();
-    if (y < minY || y > maxY) return false;
-    if (y === minY && m < minM) return false;
-    if (y === maxY && m > maxM) return false;
-    return true;
-  }
-  d.setHours(0, 0, 0, 0);
-  const min = new Date(minDate);
-  min.setHours(0, 0, 0, 0);
-  const max = new Date(maxDate);
-  max.setHours(0, 0, 0, 0);
-  if (d < min || d > max) return false;
-  if (week && week.length > 0 && !week.includes(d.getDay())) return false;
-  return true;
-}
-
-export function getCloserDate(target: Date, min: Date, max: Date): Date {
-  const t = target.getTime();
-  const mn = min.getTime();
-  const mx = max.getTime();
-  if (t < mn) return new Date(min);
-  if (t > mx) return new Date(max);
-  return new Date(target);
-}
-
-export function checkBeforeMenuClick(date: Date, minDate: Date, mode: 'month' | 'year'): boolean {
-  if (mode === 'year') {
-    return date.getFullYear() > minDate.getFullYear();
-  }
-  const y = date.getFullYear();
-  const m = date.getMonth();
-  const minY = minDate.getFullYear();
-  const minM = minDate.getMonth();
-  return y > minY || (y === minY && m > minM);
-}
-
-export function checkAfterMenuClick(date: Date, maxDate: Date, mode: 'month' | 'year'): boolean {
-  if (mode === 'year') {
-    return date.getFullYear() < maxDate.getFullYear();
-  }
-  const y = date.getFullYear();
-  const m = date.getMonth();
-  const maxY = maxDate.getFullYear();
-  const maxM = maxDate.getMonth();
-  return y < maxY || (y === maxY && m < maxM);
-}
-
-export function formatDateByFormat(date: Date, format: string): string {
-  const y = date.getFullYear();
-  const m = String(date.getMonth() + 1).padStart(2, '0');
-  const d = String(date.getDate()).padStart(2, '0');
-  const h = String(date.getHours()).padStart(2, '0');
-  const min = String(date.getMinutes()).padStart(2, '0');
-  const s = String(date.getSeconds()).padStart(2, '0');
-
-  if (format === 'yyyy-MM-dd') return `${y}-${m}-${d}`;
-  if (format === 'yyyy-MM-dd HH:mm:ss') return `${y}-${m}-${d} ${h}:${min}:${s}`;
-  if (format === 'yyyy-MM-dd HH:mm') return `${y}-${m}-${d} ${h}:${min}`;
-  if (format === 'HH:mm:ss') return `${h}:${min}:${s}`;
-  if (format === 'HH:mm') return `${h}:${min}`;
-  if (format === 'yyyy-MM') return `${y}-${m}`;
-  if (format === 'yyyy') return `${y}`;
-  return `${y}-${m}-${d}`;
-}
+import type { TimeObj } from './types';
+
+export const MIN_YEAR = 1000;
+export const MAX_YEAR = 2999;
+
+export const MONTH_NAMES = [
+  '一月',
+  '二月',
+  '三月',
+  '四月',
+  '五月',
+  '六月',
+  '七月',
+  '八月',
+  '九月',
+  '十月',
+  '十一月',
+  '十二月',
+];
+
+export const WEEK_NAMES = ['一', '二', '三', '四', '五', '六', '日'];
+
+export function getFirstMondayOfMonth(year: number, month: number): Date {
+  const firstDay = new Date(year, month, 1);
+  const dayOfWeek = firstDay.getDay();
+  const daysToSubtract = (dayOfWeek - 1 + 7) % 7;
+  return new Date(year, month, 1 - daysToSubtract);
+}
+
+export function getDaysInMonth(year: number, month: number): number {
+  return new Date(year, month + 1, 0).getDate();
+}
+
+export function checkTimeValidate(current: TimeObj, start: TimeObj, end: TimeObj): boolean {
+  const curTotal = current.h * 3600000 + current.m * 60000 + current.s * 1000 + current.ms;
+  const startTotal = start.h * 3600000 + start.m * 60000 + start.s * 1000 + start.ms;
+  const endTotal = end.h * 3600000 + end.m * 60000 + end.s * 1000 + end.ms;
+  return curTotal >= startTotal && curTotal <= endTotal;
+}
+
+export function checkDateValidate(
+  d: Date,
+  minDate: Date,
+  maxDate: Date,
+  week: number[],
+  mode: 'day' | 'month' | 'year' = 'day'
+): boolean {
+  if (mode === 'year') {
+    const year = d.getFullYear();
+    return year >= minDate.getFullYear() && year <= maxDate.getFullYear();
+  }
+  if (mode === 'month') {
+    const y = d.getFullYear();
+    const m = d.getMonth();
+    const minY = minDate.getFullYear();
+    const minM = minDate.getMonth();
+    const maxY = maxDate.getFullYear();
+    const maxM = maxDate.getMonth();
+    if (y < minY || y > maxY) return false;
+    if (y === minY && m < minM) return false;
+    if (y === maxY && m > maxM) return false;
+    return true;
+  }
+  d.setHours(0, 0, 0, 0);
+  const min = new Date(minDate);
+  min.setHours(0, 0, 0, 0);
+  const max = new Date(maxDate);
+  max.setHours(0, 0, 0, 0);
+  if (d < min || d > max) return false;
+  if (week && week.length > 0 && !week.includes(d.getDay())) return false;
+  return true;
+}
+
+export function getCloserDate(target: Date, min: Date, max: Date): Date {
+  const t = target.getTime();
+  const mn = min.getTime();
+  const mx = max.getTime();
+  if (t < mn) return new Date(min);
+  if (t > mx) return new Date(max);
+  return new Date(target);
+}
+
+export function checkBeforeMenuClick(date: Date, minDate: Date, mode: 'month' | 'year'): boolean {
+  if (mode === 'year') {
+    return date.getFullYear() > minDate.getFullYear();
+  }
+  const y = date.getFullYear();
+  const m = date.getMonth();
+  const minY = minDate.getFullYear();
+  const minM = minDate.getMonth();
+  return y > minY || (y === minY && m > minM);
+}
+
+export function checkAfterMenuClick(date: Date, maxDate: Date, mode: 'month' | 'year'): boolean {
+  if (mode === 'year') {
+    return date.getFullYear() < maxDate.getFullYear();
+  }
+  const y = date.getFullYear();
+  const m = date.getMonth();
+  const maxY = maxDate.getFullYear();
+  const maxM = maxDate.getMonth();
+  return y < maxY || (y === maxY && m < maxM);
+}
+
+export function formatDateByFormat(date: Date, format: string): string {
+  const y = date.getFullYear();
+  const m = String(date.getMonth() + 1).padStart(2, '0');
+  const d = String(date.getDate()).padStart(2, '0');
+  const h = String(date.getHours()).padStart(2, '0');
+  const min = String(date.getMinutes()).padStart(2, '0');
+  const s = String(date.getSeconds()).padStart(2, '0');
+
+  if (format === 'yyyy-MM-dd') return `${y}-${m}-${d}`;
+  if (format === 'yyyy-MM-dd HH:mm:ss') return `${y}-${m}-${d} ${h}:${min}:${s}`;
+  if (format === 'yyyy-MM-dd HH:mm') return `${y}-${m}-${d} ${h}:${min}`;
+  if (format === 'HH:mm:ss') return `${h}:${min}:${s}`;
+  if (format === 'HH:mm') return `${h}:${min}`;
+  if (format === 'yyyy-MM') return `${y}-${m}`;
+  if (format === 'yyyy') return `${y}`;
+  return `${y}-${m}-${d}`;
+}

package/src/components/agent-helper/date-picker/year-panel.tsx

@@ -1,86 +1,86 @@
-import { useMemo } from 'react';
-import { ChevronLeft, ChevronRight } from 'lucide-react';
-import { cn } from '../../../lib/utils';
-import { checkDateValidate } from './utils';
-
-interface YearPanelProps {
-  year: number;
-  position: 'absolute' | 'relative';
-  showYearLabel?: boolean;
-  minDate: Date;
-  maxDate: Date;
-  week: number[];
-  onYearFReduce: () => void;
-  onYearFAdd: () => void;
-  onSelectYear: (y: number) => void;
-}
-
-const tdBase = 'text-center p-0.5 min-w-[36px] h-[36px] cursor-pointer align-middle rounded-[4px]';
-const tdDisabled = 'text-[#999] relative pointer-events-none before:absolute before:left-0 before:right-0 before:top-[14px] before:h-[28px] before:bg-[#f3f3f3] before:opacity-60 before:content-[""]';
-
-export function YearPanel({
-  year,
-  position,
-  showYearLabel,
-  minDate,
-  maxDate,
-  week,
-  onYearFReduce,
-  onYearFAdd,
-  onSelectYear,
-}: YearPanelProps) {
-  const startYear = year - 9;
-  const endYear = year + 10;
-
-  const yearGrid = useMemo(() => {
-    const rows: Array<Array<{ year: number; isSelected: boolean; isDisabled: boolean }>> = [];
-    for (let r = 0; r < 5; r++) {
-      const row: (typeof rows)[0] = [];
-      for (let c = 0; c < 4; c++) {
-        const y = startYear + r * 4 + c;
-        const valid = checkDateValidate(new Date(y, 0, 1), minDate, maxDate, week, 'year');
-        row.push({ year: y, isSelected: year === y, isDisabled: !valid });
-      }
-      rows.push(row);
-    }
-    return rows;
-  }, [startYear, year, minDate, maxDate, week]);
-
-  return (
-    <table cellSpacing={0} cellPadding={0} className="yt bg-white rounded-[4px] w-full h-full" style={{ position }}>
-      <thead>
-        <tr>
-          <td className={cn(tdBase, 'btn prevy hover:text-[#0265ff] grid place-content-center')} colSpan={1} onClick={onYearFReduce}>
-            <ChevronLeft size={14} />
-          </td>
-          <td className={cn(tdBase, 'year title font-bold p-0.5')} colSpan={2}>
-            {showYearLabel ? `${startYear}年 - ${endYear}年` : `${startYear} - ${endYear}`}
-          </td>
-          <td className={cn(tdBase, 'btn nexty hover:text-[#0265ff] grid place-content-center')} colSpan={1} onClick={onYearFAdd}>
-            <ChevronRight size={14} />
-          </td>
-        </tr>
-      </thead>
-      <tbody>
-        {yearGrid.map((row, ri) => (
-          <tr key={ri}>
-            {row.map((cell) => (
-              <td
-                key={cell.year}
-                className={cn(
-                  tdBase,
-                  'year',
-                  cell.isSelected && 'font-bold p-[1px] text-white border border-[#0265ff] bg-[#0265ff] hover:border-[#0265ff] hover:bg-[#0265ff]',
-                  cell.isDisabled && tdDisabled
-                )}
-                onClick={() => { if (!cell.isDisabled) onSelectYear(cell.year); }}
-              >
-                {cell.year}
-              </td>
-            ))}
-          </tr>
-        ))}
-      </tbody>
-    </table>
-  );
-}
+import { useMemo } from 'react';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+import { cn } from '../../../lib/utils';
+import { checkDateValidate } from './utils';
+
+interface YearPanelProps {
+  year: number;
+  position: 'absolute' | 'relative';
+  showYearLabel?: boolean;
+  minDate: Date;
+  maxDate: Date;
+  week: number[];
+  onYearFReduce: () => void;
+  onYearFAdd: () => void;
+  onSelectYear: (y: number) => void;
+}
+
+const tdBase = 'text-center p-0.5 min-w-[36px] h-[36px] cursor-pointer align-middle rounded-[4px]';
+const tdDisabled = 'text-[#999] relative pointer-events-none before:absolute before:left-0 before:right-0 before:top-[14px] before:h-[28px] before:bg-[#f3f3f3] before:opacity-60 before:content-[""]';
+
+export function YearPanel({
+  year,
+  position,
+  showYearLabel,
+  minDate,
+  maxDate,
+  week,
+  onYearFReduce,
+  onYearFAdd,
+  onSelectYear,
+}: YearPanelProps) {
+  const startYear = year - 9;
+  const endYear = year + 10;
+
+  const yearGrid = useMemo(() => {
+    const rows: Array<Array<{ year: number; isSelected: boolean; isDisabled: boolean }>> = [];
+    for (let r = 0; r < 5; r++) {
+      const row: (typeof rows)[0] = [];
+      for (let c = 0; c < 4; c++) {
+        const y = startYear + r * 4 + c;
+        const valid = checkDateValidate(new Date(y, 0, 1), minDate, maxDate, week, 'year');
+        row.push({ year: y, isSelected: year === y, isDisabled: !valid });
+      }
+      rows.push(row);
+    }
+    return rows;
+  }, [startYear, year, minDate, maxDate, week]);
+
+  return (
+    <table cellSpacing={0} cellPadding={0} className="yt bg-white rounded-[4px] w-full h-full" style={{ position }}>
+      <thead>
+        <tr>
+          <td className={cn(tdBase, 'btn prevy hover:text-[#0265ff] grid place-content-center')} colSpan={1} onClick={onYearFReduce}>
+            <ChevronLeft size={14} />
+          </td>
+          <td className={cn(tdBase, 'year title font-bold p-0.5')} colSpan={2}>
+            {showYearLabel ? `${startYear}年 - ${endYear}年` : `${startYear} - ${endYear}`}
+          </td>
+          <td className={cn(tdBase, 'btn nexty hover:text-[#0265ff] grid place-content-center')} colSpan={1} onClick={onYearFAdd}>
+            <ChevronRight size={14} />
+          </td>
+        </tr>
+      </thead>
+      <tbody>
+        {yearGrid.map((row, ri) => (
+          <tr key={ri}>
+            {row.map((cell) => (
+              <td
+                key={cell.year}
+                className={cn(
+                  tdBase,
+                  'year',
+                  cell.isSelected && 'font-bold p-[1px] text-white border border-[#0265ff] bg-[#0265ff] hover:border-[#0265ff] hover:bg-[#0265ff]',
+                  cell.isDisabled && tdDisabled
+                )}
+                onClick={() => { if (!cell.isDisabled) onSelectYear(cell.year); }}
+              >
+                {cell.year}
+              </td>
+            ))}
+          </tr>
+        ))}
+      </tbody>
+    </table>
+  );
+}