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

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

@@ -1,44 +1,44 @@
-import { cn } from '../../../lib/utils';
-
-interface FooterPanelProps {
-  hasTime: boolean;
-  hasDay: boolean;
-  todayCls: string;
-  onToday: () => void;
-  onOk: () => void;
-}
-
-export function FooterPanel({
-  hasTime,
-  hasDay,
-  todayCls,
-  onToday,
-  onOk,
-}: FooterPanelProps) {
-  if (!hasTime && !hasDay) return null;
-
-  return (
-    <div className="footer h-[40px] leading-[40px] text-center border-t border-[#e0e0e0]">
-      <div className="hms px-[10px]">
-        <div
-          className={cn(
-            'btn cursor-pointer px-[5px] mx-[5px]',
-            hasTime ? 'current-time float-left text-[#0265ff] ml-0 pl-0 text-center' : 'today float-left text-[#0265ff] ml-0 pl-0 text-center',
-            todayCls === 'disabled' && 'text-[#999] pointer-events-none opacity-80'
-          )}
-          onClick={onToday}
-        >
-          {hasTime ? '当前时间' : '今天'}
-        </div>
-        {hasTime && (
-          <div
-            className="btn ok mr-0 text-white bg-[#0265ff] rounded-[4px] h-[24px] leading-[24px] mt-[8px] float-right cursor-pointer px-[5px] hover:opacity-80"
-            onClick={onOk}
-          >
-            确定
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}
+import { cn } from '../../../lib/utils';
+
+interface FooterPanelProps {
+  hasTime: boolean;
+  hasDay: boolean;
+  todayCls: string;
+  onToday: () => void;
+  onOk: () => void;
+}
+
+export function FooterPanel({
+  hasTime,
+  hasDay,
+  todayCls,
+  onToday,
+  onOk,
+}: FooterPanelProps) {
+  if (!hasTime && !hasDay) return null;
+
+  return (
+    <div className="footer h-[40px] leading-[40px] text-center border-t border-[#e0e0e0]">
+      <div className="hms px-[10px]">
+        <div
+          className={cn(
+            'btn cursor-pointer px-[5px] mx-[5px]',
+            hasTime ? 'current-time float-left text-[#0265ff] ml-0 pl-0 text-center' : 'today float-left text-[#0265ff] ml-0 pl-0 text-center',
+            todayCls === 'disabled' && 'text-[#999] pointer-events-none opacity-80'
+          )}
+          onClick={onToday}
+        >
+          {hasTime ? '当前时间' : '今天'}
+        </div>
+        {hasTime && (
+          <div
+            className="btn ok mr-0 text-white bg-[#0265ff] rounded-[4px] h-[24px] leading-[24px] mt-[8px] float-right cursor-pointer px-[5px] hover:opacity-80"
+            onClick={onOk}
+          >
+            确定
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}

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

@@ -1,3 +1,3 @@
-export { DatePicker } from './date-picker';
-export { DateInput } from './date-input';
-export type { DateFormat, DatePickerProps, DateInputProps } from './types';
+export { DatePicker } from './date-picker';
+export { DateInput } from './date-input';
+export type { DateFormat, DatePickerProps, DateInputProps } from './types';

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

@@ -1,82 +1,82 @@
-import { ChevronLeft, ChevronRight } from 'lucide-react';
-import { cn } from '../../../lib/utils';
-import { MONTH_NAMES, checkDateValidate } from './utils';
-
-interface MonthPanelProps {
-  year: number;
-  month: number;
-  showYear: boolean;
-  position: 'absolute' | 'relative';
-  minDate: Date;
-  maxDate: Date;
-  week: number[];
-  onYearReduce: () => void;
-  onYearAdd: () => void;
-  onYearMenu: () => void;
-  onMountOk: (m: 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-[20px] before:h-[28px] before:bg-[#f3f3f3] before:opacity-60 before:content-[""]';
-
-export function MonthPanel({
-  year,
-  month,
-  showYear,
-  position,
-  minDate,
-  maxDate,
-  week,
-  onYearReduce,
-  onYearAdd,
-  onYearMenu,
-  onMountOk,
-}: MonthPanelProps) {
-  const checkValidate = (d: Date) => checkDateValidate(d, minDate, maxDate, week, 'month');
-
-  return (
-    <table cellSpacing={0} cellPadding={0} className="mt bg-white rounded-[4px]" style={{ position }}>
-      <thead>
-        <tr>
-          <td className={cn(tdBase, 'btn prevy hover:text-[#0265ff]')} colSpan={1} onClick={onYearReduce}>
-            <ChevronLeft size={14} />
-          </td>
-          <td className={cn(tdBase, 'year title font-bold p-0.5')} colSpan={1}>
-            <span className="title-year hover:text-[#0265ff] cursor-pointer" onClick={onYearMenu}>{year}</span>
-          </td>
-          <td className={cn(tdBase, 'btn nexty hover:text-[#0265ff]')} colSpan={1} onClick={onYearAdd}>
-            <ChevronRight size={14} />
-          </td>
-        </tr>
-      </thead>
-      <tbody>
-        {[0, 1, 2, 3].map((rowIdx) => (
-          <tr key={rowIdx}>
-            {[0, 1, 2].map((colIdx) => {
-              const m = rowIdx * 3 + colIdx;
-              if (m > 11) return <td key={m} className={tdBase} />;
-              const valid = checkValidate(new Date(year, m, 1));
-              const isSelected = month === m && !showYear;
-              const isDisabled = !valid;
-
-              return (
-                <td
-                  key={m}
-                  className={cn(
-                    tdBase,
-                    'month w-[58px] h-[38px] hover:bg-[rgba(2,101,255,0.08)]',
-                    isSelected && 'font-bold p-[1px] text-white border border-[#0265ff] bg-[#0265ff] hover:border-[#0265ff] hover:bg-[#0265ff]',
-                    isDisabled && tdDisabled
-                  )}
-                  onClick={() => { if (!isDisabled) onMountOk(m); }}
-                >
-                  {MONTH_NAMES[m]}
-                </td>
-              );
-            })}
-          </tr>
-        ))}
-      </tbody>
-    </table>
-  );
-}
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+import { cn } from '../../../lib/utils';
+import { MONTH_NAMES, checkDateValidate } from './utils';
+
+interface MonthPanelProps {
+  year: number;
+  month: number;
+  showYear: boolean;
+  position: 'absolute' | 'relative';
+  minDate: Date;
+  maxDate: Date;
+  week: number[];
+  onYearReduce: () => void;
+  onYearAdd: () => void;
+  onYearMenu: () => void;
+  onMountOk: (m: 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-[20px] before:h-[28px] before:bg-[#f3f3f3] before:opacity-60 before:content-[""]';
+
+export function MonthPanel({
+  year,
+  month,
+  showYear,
+  position,
+  minDate,
+  maxDate,
+  week,
+  onYearReduce,
+  onYearAdd,
+  onYearMenu,
+  onMountOk,
+}: MonthPanelProps) {
+  const checkValidate = (d: Date) => checkDateValidate(d, minDate, maxDate, week, 'month');
+
+  return (
+    <table cellSpacing={0} cellPadding={0} className="mt bg-white rounded-[4px]" style={{ position }}>
+      <thead>
+        <tr>
+          <td className={cn(tdBase, 'btn prevy hover:text-[#0265ff]')} colSpan={1} onClick={onYearReduce}>
+            <ChevronLeft size={14} />
+          </td>
+          <td className={cn(tdBase, 'year title font-bold p-0.5')} colSpan={1}>
+            <span className="title-year hover:text-[#0265ff] cursor-pointer" onClick={onYearMenu}>{year}</span>
+          </td>
+          <td className={cn(tdBase, 'btn nexty hover:text-[#0265ff]')} colSpan={1} onClick={onYearAdd}>
+            <ChevronRight size={14} />
+          </td>
+        </tr>
+      </thead>
+      <tbody>
+        {[0, 1, 2, 3].map((rowIdx) => (
+          <tr key={rowIdx}>
+            {[0, 1, 2].map((colIdx) => {
+              const m = rowIdx * 3 + colIdx;
+              if (m > 11) return <td key={m} className={tdBase} />;
+              const valid = checkValidate(new Date(year, m, 1));
+              const isSelected = month === m && !showYear;
+              const isDisabled = !valid;
+
+              return (
+                <td
+                  key={m}
+                  className={cn(
+                    tdBase,
+                    'month w-[58px] h-[38px] hover:bg-[rgba(2,101,255,0.08)]',
+                    isSelected && 'font-bold p-[1px] text-white border border-[#0265ff] bg-[#0265ff] hover:border-[#0265ff] hover:bg-[#0265ff]',
+                    isDisabled && tdDisabled
+                  )}
+                  onClick={() => { if (!isDisabled) onMountOk(m); }}
+                >
+                  {MONTH_NAMES[m]}
+                </td>
+              );
+            })}
+          </tr>
+        ))}
+      </tbody>
+    </table>
+  );
+}

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

@@ -1,146 +1,146 @@
-import { cn } from '../../../lib/utils';
-import { checkTimeValidate } from './utils';
-import type { TimeObj } from './types';
-
-interface TimePanelProps {
-  hours: number;
-  minutes: number;
-  seconds: number;
-  year: number;
-  month: number;
-  day: number;
-  format: string;
-  minDate: Date;
-  maxDate: Date;
-  startTime: TimeObj;
-  endTime: TimeObj;
-  onHoursChange: (v: number) => void;
-  onMinutesChange: (v: number) => void;
-  onSecondsChange: (v: number) => void;
-}
-
-const colItemBase = 'h-[32px] leading-[32px] text-center cursor-pointer rounded-[4px] hover:bg-[rgba(2,101,255,0.08)]';
-
-export function TimePanel({
-  hours,
-  minutes,
-  seconds,
-  year,
-  month,
-  day,
-  format,
-  minDate,
-  maxDate,
-  startTime,
-  endTime,
-  onHoursChange,
-  onMinutesChange,
-  onSecondsChange,
-}: TimePanelProps) {
-  const hasMinutePart = format.includes('mm');
-  const hasSecondPart = format.includes('ss');
-
-  const renderColumn = (type: 'hours' | 'minutes' | 'seconds') => {
-    const colLen = type === 'hours' ? 24 : 60;
-    const labels: Record<string, string> = { hours: '时', minutes: '分', seconds: '秒' };
-    const currentVal = type === 'hours' ? hours : type === 'minutes' ? minutes : seconds;
-    const onChange = type === 'hours' ? onHoursChange : type === 'minutes' ? onMinutesChange : onSecondsChange;
-
-    return (
-      <div className={cn('col flex-1 border-l border-[#e0e0e0]', type)}>
-        <div className="label h-[32px] leading-[32px] text-center">{labels[type]}</div>
-        <div className="col-list h-[200px] overflow-auto">
-          {Array.from({ length: colLen }, (_, index) => {
-            const isSelected = currentVal === index;
-            let isDisabled = false;
-
-            const isMinBoundary = minDate.getFullYear() === year && minDate.getMonth() === month && minDate.getDate() === day;
-            const isMaxBoundary = maxDate.getFullYear() === year && maxDate.getMonth() === month && maxDate.getDate() === day;
-
-            if (isMinBoundary) {
-              const current: TimeObj = {
-                h: type === 'hours' ? index : hours,
-                m: type === 'minutes' ? index : minutes,
-                s: type === 'seconds' ? index : seconds,
-                ms: 0,
-              };
-              isDisabled = !checkTimeValidate(current, startTime, { h: 23, m: 59, s: 59, ms: 999 });
-            }
-            if (isMaxBoundary && !isDisabled) {
-              const current: TimeObj = {
-                h: type === 'hours' ? index : hours,
-                m: type === 'minutes' ? index : minutes,
-                s: type === 'seconds' ? index : seconds,
-                ms: 0,
-              };
-              isDisabled = !checkTimeValidate(current, { h: 0, m: 0, s: 0, ms: 0 }, endTime);
-            }
-
-            return (
-              <div
-                key={index}
-                className={cn(
-                  colItemBase,
-                  isSelected && !isDisabled && 'select bg-[rgba(2,101,255,0.2)]',
-                  isDisabled && 'text-[#999] pointer-events-none opacity-80'
-                )}
-                onClick={() => { if (!isDisabled) onChange(index); }}
-              >
-                {index > 9 ? index : `0${index}`}
-              </div>
-            );
-          })}
-        </div>
-      </div>
-    );
-  };
-
-  return (
-    <div className="time-range w-[180px]">
-      <div className="time-input flex h-[40px] border-l border-[#e0e0e0]">
-        <input
-          type="number"
-          value={hours}
-          className="h-[24px] w-[38px] my-[10px] mx-[10px] mt-[10px] text-center pl-[5px] flex-1"
-          onChange={(e) => {
-            const v = Math.min(23, Math.max(0, parseInt(e.target.value) || 0));
-            onHoursChange(v);
-          }}
-        />
-        {hasMinutePart && (
-          <>
-            <span className="leading-[40px]">:</span>
-            <input
-              type="number"
-              value={minutes}
-              className="h-[24px] w-[38px] my-[10px] mx-[10px] mt-[10px] text-center pl-[5px] flex-1"
-              onChange={(e) => {
-                const v = Math.min(59, Math.max(0, parseInt(e.target.value) || 0));
-                onMinutesChange(v);
-              }}
-            />
-          </>
-        )}
-        {hasSecondPart && (
-          <>
-            <span className="leading-[40px]">:</span>
-            <input
-              type="number"
-              value={seconds}
-              className="h-[24px] w-[38px] my-[10px] mx-[10px] mt-[10px] text-center pl-[5px] flex-1"
-              onChange={(e) => {
-                const v = Math.min(59, Math.max(0, parseInt(e.target.value) || 0));
-                onSecondsChange(v);
-              }}
-            />
-          </>
-        )}
-      </div>
-      <div className="time-select-range flex border-t border-[#e0e0e0]" style={{ height: 'calc(100% - 40px)' }}>
-        {renderColumn('hours')}
-        {hasMinutePart && renderColumn('minutes')}
-        {hasSecondPart && renderColumn('seconds')}
-      </div>
-    </div>
-  );
-}
+import { cn } from '../../../lib/utils';
+import { checkTimeValidate } from './utils';
+import type { TimeObj } from './types';
+
+interface TimePanelProps {
+  hours: number;
+  minutes: number;
+  seconds: number;
+  year: number;
+  month: number;
+  day: number;
+  format: string;
+  minDate: Date;
+  maxDate: Date;
+  startTime: TimeObj;
+  endTime: TimeObj;
+  onHoursChange: (v: number) => void;
+  onMinutesChange: (v: number) => void;
+  onSecondsChange: (v: number) => void;
+}
+
+const colItemBase = 'h-[32px] leading-[32px] text-center cursor-pointer rounded-[4px] hover:bg-[rgba(2,101,255,0.08)]';
+
+export function TimePanel({
+  hours,
+  minutes,
+  seconds,
+  year,
+  month,
+  day,
+  format,
+  minDate,
+  maxDate,
+  startTime,
+  endTime,
+  onHoursChange,
+  onMinutesChange,
+  onSecondsChange,
+}: TimePanelProps) {
+  const hasMinutePart = format.includes('mm');
+  const hasSecondPart = format.includes('ss');
+
+  const renderColumn = (type: 'hours' | 'minutes' | 'seconds') => {
+    const colLen = type === 'hours' ? 24 : 60;
+    const labels: Record<string, string> = { hours: '时', minutes: '分', seconds: '秒' };
+    const currentVal = type === 'hours' ? hours : type === 'minutes' ? minutes : seconds;
+    const onChange = type === 'hours' ? onHoursChange : type === 'minutes' ? onMinutesChange : onSecondsChange;
+
+    return (
+      <div className={cn('col flex-1 border-l border-[#e0e0e0]', type)}>
+        <div className="label h-[32px] leading-[32px] text-center">{labels[type]}</div>
+        <div className="col-list h-[200px] overflow-auto">
+          {Array.from({ length: colLen }, (_, index) => {
+            const isSelected = currentVal === index;
+            let isDisabled = false;
+
+            const isMinBoundary = minDate.getFullYear() === year && minDate.getMonth() === month && minDate.getDate() === day;
+            const isMaxBoundary = maxDate.getFullYear() === year && maxDate.getMonth() === month && maxDate.getDate() === day;
+
+            if (isMinBoundary) {
+              const current: TimeObj = {
+                h: type === 'hours' ? index : hours,
+                m: type === 'minutes' ? index : minutes,
+                s: type === 'seconds' ? index : seconds,
+                ms: 0,
+              };
+              isDisabled = !checkTimeValidate(current, startTime, { h: 23, m: 59, s: 59, ms: 999 });
+            }
+            if (isMaxBoundary && !isDisabled) {
+              const current: TimeObj = {
+                h: type === 'hours' ? index : hours,
+                m: type === 'minutes' ? index : minutes,
+                s: type === 'seconds' ? index : seconds,
+                ms: 0,
+              };
+              isDisabled = !checkTimeValidate(current, { h: 0, m: 0, s: 0, ms: 0 }, endTime);
+            }
+
+            return (
+              <div
+                key={index}
+                className={cn(
+                  colItemBase,
+                  isSelected && !isDisabled && 'select bg-[rgba(2,101,255,0.2)]',
+                  isDisabled && 'text-[#999] pointer-events-none opacity-80'
+                )}
+                onClick={() => { if (!isDisabled) onChange(index); }}
+              >
+                {index > 9 ? index : `0${index}`}
+              </div>
+            );
+          })}
+        </div>
+      </div>
+    );
+  };
+
+  return (
+    <div className="time-range w-[180px]">
+      <div className="time-input flex h-[40px] border-l border-[#e0e0e0]">
+        <input
+          type="number"
+          value={hours}
+          className="h-[24px] w-[38px] my-[10px] mx-[10px] mt-[10px] text-center pl-[5px] flex-1"
+          onChange={(e) => {
+            const v = Math.min(23, Math.max(0, parseInt(e.target.value) || 0));
+            onHoursChange(v);
+          }}
+        />
+        {hasMinutePart && (
+          <>
+            <span className="leading-[40px]">:</span>
+            <input
+              type="number"
+              value={minutes}
+              className="h-[24px] w-[38px] my-[10px] mx-[10px] mt-[10px] text-center pl-[5px] flex-1"
+              onChange={(e) => {
+                const v = Math.min(59, Math.max(0, parseInt(e.target.value) || 0));
+                onMinutesChange(v);
+              }}
+            />
+          </>
+        )}
+        {hasSecondPart && (
+          <>
+            <span className="leading-[40px]">:</span>
+            <input
+              type="number"
+              value={seconds}
+              className="h-[24px] w-[38px] my-[10px] mx-[10px] mt-[10px] text-center pl-[5px] flex-1"
+              onChange={(e) => {
+                const v = Math.min(59, Math.max(0, parseInt(e.target.value) || 0));
+                onSecondsChange(v);
+              }}
+            />
+          </>
+        )}
+      </div>
+      <div className="time-select-range flex border-t border-[#e0e0e0]" style={{ height: 'calc(100% - 40px)' }}>
+        {renderColumn('hours')}
+        {hasMinutePart && renderColumn('minutes')}
+        {hasSecondPart && renderColumn('seconds')}
+      </div>
+    </div>
+  );
+}

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

@@ -1,37 +1,37 @@
-export type DateFormat =
-  | 'yyyy-MM-dd'
-  | 'yyyy-MM-dd HH:mm:ss'
-  | 'yyyy-MM-dd HH:mm'
-  | 'HH:mm:ss'
-  | 'HH:mm'
-  | 'yyyy-MM'
-  | 'yyyy';
-
-export interface DatePickerProps {
-  value?: Date;
-  onChange?: (date: Date | null, closeFloat?: boolean) => void;
-  format?: DateFormat;
-  minDate?: Date;
-  maxDate?: Date;
-  week?: number[];
-  className?: string;
-}
-
-export interface DateInputProps {
-  value?: Date;
-  onChange?: (date: Date | null) => void;
-  format?: DateFormat;
-  minDate?: Date;
-  maxDate?: Date;
-  week?: number[];
-  placeholder?: string;
-  disabled?: boolean;
-  className?: string;
-}
-
-export interface TimeObj {
-  h: number;
-  m: number;
-  s: number;
-  ms: number;
-}
+export type DateFormat =
+  | 'yyyy-MM-dd'
+  | 'yyyy-MM-dd HH:mm:ss'
+  | 'yyyy-MM-dd HH:mm'
+  | 'HH:mm:ss'
+  | 'HH:mm'
+  | 'yyyy-MM'
+  | 'yyyy';
+
+export interface DatePickerProps {
+  value?: Date;
+  onChange?: (date: Date | null, closeFloat?: boolean) => void;
+  format?: DateFormat;
+  minDate?: Date;
+  maxDate?: Date;
+  week?: number[];
+  className?: string;
+}
+
+export interface DateInputProps {
+  value?: Date;
+  onChange?: (date: Date | null) => void;
+  format?: DateFormat;
+  minDate?: Date;
+  maxDate?: Date;
+  week?: number[];
+  placeholder?: string;
+  disabled?: boolean;
+  className?: string;
+}
+
+export interface TimeObj {
+  h: number;
+  m: number;
+  s: number;
+  ms: number;
+}