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

package/src/components/agent-helper/repeat-preference-select/index.tsx

@@ -1,162 +1,162 @@
-import { useCallback } from 'react';
-import { cn } from '../../../lib/utils';
-import { RepeatPreferenceTypeSelect } from '../repeat-preference-type-select';
-import { RepeatByTypeSelect } from '../repeat-by-type-select';
-import { WeekdaysSelect } from '../weekdays-select';
-import { MonthdaysSelect } from '../monthdays-select';
-import type {
-  IRepeatPreference,
-  customRepeatPreference,
-  repeatPreferenceType,
-  repeatByType,
-  repeatByWeekDetail,
-  repeatByMonthDetail,
-} from '@baishuyun/types';
-
-export interface RepeatPreferenceSelectProps {
-  value?: IRepeatPreference;
-  onChange?: (value: IRepeatPreference) => void;
-  disabled?: boolean;
-  className?: string;
-}
-
-const NUMBER_INPUT_CLASSES = cn(
-  'h-[34px] px-[10px] py-[7px] rounded-[4px] bg-white border border-[#e0e0e0]',
-  'text-[14px] text-[#030303] placeholder:text-[#999999]',
-  'focus:outline-none focus:border-[#0265FF]',
-  'disabled:bg-[#EFF0F6] disabled:cursor-not-allowed',
-  '[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',
-  'w-[60px]',
-);
-
-function defaultCustomRepeatPreference(): customRepeatPreference {
-  return { repeatBy: 'week', interval: 1, repeatDetailDates: [] };
-}
-
-export function RepeatPreferenceSelect({
-  value,
-  onChange,
-  disabled = false,
-  className,
-}: RepeatPreferenceSelectProps) {
-  const selectedType = value?.type;
-  const customPref = value?.customRepeatPreference;
-  const repeatBy = customPref?.repeatBy;
-
-  const handleTypeChange = useCallback(
-    (type: repeatPreferenceType) => {
-      if (type === 'custom') {
-        onChange?.({
-          type: 'custom',
-          customRepeatPreference: customPref ?? defaultCustomRepeatPreference(),
-        });
-      } else {
-        onChange?.({ type });
-      }
-    },
-    [onChange, customPref],
-  );
-
-  const handleRepeatByChange = useCallback(
-    (newRepeatBy: repeatByType) => {
-      if (!customPref) return;
-      onChange?.({
-        type: 'custom',
-        customRepeatPreference: {
-          ...customPref,
-          repeatBy: newRepeatBy,
-          repeatDetailDates: [],
-        },
-      });
-    },
-    [onChange, customPref],
-  );
-
-  const handleIntervalChange = useCallback(
-    (e: React.ChangeEvent<HTMLInputElement>) => {
-      if (!customPref) return;
-      const raw = parseInt(e.target.value, 10);
-      const interval = isNaN(raw) ? 1 : Math.max(1, raw);
-      onChange?.({
-        type: 'custom',
-        customRepeatPreference: { ...customPref, interval },
-      });
-    },
-    [onChange, customPref],
-  );
-
-  const handleWeekdaysChange = useCallback(
-    (days: repeatByWeekDetail[]) => {
-      if (!customPref) return;
-      onChange?.({
-        type: 'custom',
-        customRepeatPreference: { ...customPref, repeatDetailDates: days },
-      });
-    },
-    [onChange, customPref],
-  );
-
-  const handleMonthdaysChange = useCallback(
-    (days: repeatByMonthDetail[]) => {
-      if (!customPref) return;
-      onChange?.({
-        type: 'custom',
-        customRepeatPreference: { ...customPref, repeatDetailDates: days },
-      });
-    },
-    [onChange, customPref],
-  );
-
-  const weekdaysValue = (customPref?.repeatDetailDates ?? []) as repeatByWeekDetail[];
-  const monthdaysValue = (customPref?.repeatDetailDates ?? []) as repeatByMonthDetail[];
-
-  return (
-    <div className={cn('flex flex-col gap-[10px]', className)}>
-      <RepeatPreferenceTypeSelect
-        value={selectedType}
-        onChange={handleTypeChange}
-        disabled={disabled}
-      />
-
-      {selectedType === 'custom' && (
-        <div className="flex items-start gap-[10px] w-full">
-          <RepeatByTypeSelect
-            className="w-[200px] shrink-0"
-            value={repeatBy}
-            onChange={handleRepeatByChange}
-            disabled={disabled}
-          />
-          <span className="text-[14px] text-[#030303] leading-[34px] shrink-0">每</span>
-          <input
-            type="number"
-            value={customPref?.interval ?? 1}
-            onChange={handleIntervalChange}
-            disabled={disabled}
-            min={1}
-            step={1}
-            className={NUMBER_INPUT_CLASSES}
-          />
-          <span className="text-[14px] text-[#030303] leading-[34px] shrink-0">
-            {repeatBy === 'month' ? '月' : '周'}
-          </span>
-          {repeatBy === 'week' && (
-            <WeekdaysSelect
-              className="flex-1 min-w-0"
-              value={weekdaysValue}
-              onChange={handleWeekdaysChange}
-              disabled={disabled}
-            />
-          )}
-          {repeatBy === 'month' && (
-            <MonthdaysSelect
-              className="flex-1 min-w-0"
-              value={monthdaysValue}
-              onChange={handleMonthdaysChange}
-              disabled={disabled}
-            />
-          )}
-        </div>
-      )}
-    </div>
-  );
-}
+import { useCallback } from 'react';
+import { cn } from '../../../lib/utils';
+import { RepeatPreferenceTypeSelect } from '../repeat-preference-type-select';
+import { RepeatByTypeSelect } from '../repeat-by-type-select';
+import { WeekdaysSelect } from '../weekdays-select';
+import { MonthdaysSelect } from '../monthdays-select';
+import type {
+  IRepeatPreference,
+  customRepeatPreference,
+  repeatPreferenceType,
+  repeatByType,
+  repeatByWeekDetail,
+  repeatByMonthDetail,
+} from '@baishuyun/types';
+
+export interface RepeatPreferenceSelectProps {
+  value?: IRepeatPreference;
+  onChange?: (value: IRepeatPreference) => void;
+  disabled?: boolean;
+  className?: string;
+}
+
+const NUMBER_INPUT_CLASSES = cn(
+  'h-[34px] px-[10px] py-[7px] rounded-[4px] bg-white border border-[#e0e0e0]',
+  'text-[14px] text-[#030303] placeholder:text-[#999999]',
+  'focus:outline-none focus:border-[#0265FF]',
+  'disabled:bg-[#EFF0F6] disabled:cursor-not-allowed',
+  '[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',
+  'w-[60px]',
+);
+
+function defaultCustomRepeatPreference(): customRepeatPreference {
+  return { repeatBy: 'week', interval: 1, repeatDetailDates: [] };
+}
+
+export function RepeatPreferenceSelect({
+  value,
+  onChange,
+  disabled = false,
+  className,
+}: RepeatPreferenceSelectProps) {
+  const selectedType = value?.type;
+  const customPref = value?.customRepeatPreference;
+  const repeatBy = customPref?.repeatBy;
+
+  const handleTypeChange = useCallback(
+    (type: repeatPreferenceType) => {
+      if (type === 'custom') {
+        onChange?.({
+          type: 'custom',
+          customRepeatPreference: customPref ?? defaultCustomRepeatPreference(),
+        });
+      } else {
+        onChange?.({ type });
+      }
+    },
+    [onChange, customPref],
+  );
+
+  const handleRepeatByChange = useCallback(
+    (newRepeatBy: repeatByType) => {
+      if (!customPref) return;
+      onChange?.({
+        type: 'custom',
+        customRepeatPreference: {
+          ...customPref,
+          repeatBy: newRepeatBy,
+          repeatDetailDates: [],
+        },
+      });
+    },
+    [onChange, customPref],
+  );
+
+  const handleIntervalChange = useCallback(
+    (e: React.ChangeEvent<HTMLInputElement>) => {
+      if (!customPref) return;
+      const raw = parseInt(e.target.value, 10);
+      const interval = isNaN(raw) ? 1 : Math.max(1, raw);
+      onChange?.({
+        type: 'custom',
+        customRepeatPreference: { ...customPref, interval },
+      });
+    },
+    [onChange, customPref],
+  );
+
+  const handleWeekdaysChange = useCallback(
+    (days: repeatByWeekDetail[]) => {
+      if (!customPref) return;
+      onChange?.({
+        type: 'custom',
+        customRepeatPreference: { ...customPref, repeatDetailDates: days },
+      });
+    },
+    [onChange, customPref],
+  );
+
+  const handleMonthdaysChange = useCallback(
+    (days: repeatByMonthDetail[]) => {
+      if (!customPref) return;
+      onChange?.({
+        type: 'custom',
+        customRepeatPreference: { ...customPref, repeatDetailDates: days },
+      });
+    },
+    [onChange, customPref],
+  );
+
+  const weekdaysValue = (customPref?.repeatDetailDates ?? []) as repeatByWeekDetail[];
+  const monthdaysValue = (customPref?.repeatDetailDates ?? []) as repeatByMonthDetail[];
+
+  return (
+    <div className={cn('flex flex-col gap-[10px]', className)}>
+      <RepeatPreferenceTypeSelect
+        value={selectedType}
+        onChange={handleTypeChange}
+        disabled={disabled}
+      />
+
+      {selectedType === 'custom' && (
+        <div className="flex items-start gap-[10px] w-full">
+          <RepeatByTypeSelect
+            className="w-[200px] shrink-0"
+            value={repeatBy}
+            onChange={handleRepeatByChange}
+            disabled={disabled}
+          />
+          <span className="text-[14px] text-[#030303] leading-[34px] shrink-0">每</span>
+          <input
+            type="number"
+            value={customPref?.interval ?? 1}
+            onChange={handleIntervalChange}
+            disabled={disabled}
+            min={1}
+            step={1}
+            className={NUMBER_INPUT_CLASSES}
+          />
+          <span className="text-[14px] text-[#030303] leading-[34px] shrink-0">
+            {repeatBy === 'month' ? '月' : '周'}
+          </span>
+          {repeatBy === 'week' && (
+            <WeekdaysSelect
+              className="flex-1 min-w-0"
+              value={weekdaysValue}
+              onChange={handleWeekdaysChange}
+              disabled={disabled}
+            />
+          )}
+          {repeatBy === 'month' && (
+            <MonthdaysSelect
+              className="flex-1 min-w-0"
+              value={monthdaysValue}
+              onChange={handleMonthdaysChange}
+              disabled={disabled}
+            />
+          )}
+        </div>
+      )}
+    </div>
+  );
+}

package/src/components/agent-helper/repeat-preference-type-select/index.tsx

@@ -1,58 +1,58 @@
-import type { repeatPreferenceType } from '@baishuyun/types';
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '../../ui/select';
-
-export interface RepeatPreferenceTypeOption {
-  value: repeatPreferenceType;
-  label: string;
-}
-
-export const RepeatPreferenceTypeOptions: RepeatPreferenceTypeOption[] = [
-  { value: 'none', label: '不重复触发' },
-  { value: 'daily', label: '每天触发一次' },
-  { value: 'weekly', label: '每周触发一次' },
-  { value: 'everyTwoWeeks', label: '每两周触发一次' },
-  { value: 'monthly', label: '每月触发一次' },
-  { value: 'yearly', label: '每年触发一次' },
-  { value: 'custom', label: '自定义重复' },
-];
-
-export interface RepeatPreferenceTypeSelectProps {
-  value?: repeatPreferenceType;
-  onChange?: (value: repeatPreferenceType) => void;
-  placeholder?: string;
-  disabled?: boolean;
-  className?: string;
-}
-
-export const RepeatPreferenceTypeSelect = ({
-  value,
-  onChange,
-  placeholder = '请选择重复类型',
-  disabled = false,
-  className,
-}: RepeatPreferenceTypeSelectProps) => {
-  return (
-    <Select
-      value={value}
-      onValueChange={(v) => onChange?.(v as repeatPreferenceType)}
-      disabled={disabled}
-    >
-      <SelectTrigger className={className}>
-        <SelectValue placeholder={placeholder} />
-      </SelectTrigger>
-      <SelectContent>
-        {RepeatPreferenceTypeOptions.map((option) => (
-          <SelectItem key={option.value} value={option.value}>
-            {option.label}
-          </SelectItem>
-        ))}
-      </SelectContent>
-    </Select>
-  );
-};
+import type { repeatPreferenceType } from '@baishuyun/types';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '../../ui/select';
+
+export interface RepeatPreferenceTypeOption {
+  value: repeatPreferenceType;
+  label: string;
+}
+
+export const RepeatPreferenceTypeOptions: RepeatPreferenceTypeOption[] = [
+  { value: 'none', label: '不重复触发' },
+  { value: 'daily', label: '每天触发一次' },
+  { value: 'weekly', label: '每周触发一次' },
+  { value: 'everyTwoWeeks', label: '每两周触发一次' },
+  { value: 'monthly', label: '每月触发一次' },
+  { value: 'yearly', label: '每年触发一次' },
+  { value: 'custom', label: '自定义重复' },
+];
+
+export interface RepeatPreferenceTypeSelectProps {
+  value?: repeatPreferenceType;
+  onChange?: (value: repeatPreferenceType) => void;
+  placeholder?: string;
+  disabled?: boolean;
+  className?: string;
+}
+
+export const RepeatPreferenceTypeSelect = ({
+  value,
+  onChange,
+  placeholder = '请选择重复类型',
+  disabled = false,
+  className,
+}: RepeatPreferenceTypeSelectProps) => {
+  return (
+    <Select
+      value={value}
+      onValueChange={(v) => onChange?.(v as repeatPreferenceType)}
+      disabled={disabled}
+    >
+      <SelectTrigger className={className}>
+        <SelectValue placeholder={placeholder} />
+      </SelectTrigger>
+      <SelectContent>
+        {RepeatPreferenceTypeOptions.map((option) => (
+          <SelectItem key={option.value} value={option.value}>
+            {option.label}
+          </SelectItem>
+        ))}
+      </SelectContent>
+    </Select>
+  );
+};

package/src/components/agent-helper/search-input/index.tsx

@@ -1,35 +1,35 @@
-import { cn } from '../../../lib/utils';
-import { SearchIcon } from '../../bs-icons';
-
-export interface SearchInputProps {
-  value?: string;
-  onChange?: (value: string) => void;
-  placeholder?: string;
-  className?: string;
-}
-
-export const SearchInput = ({
-  value,
-  onChange,
-  placeholder = '',
-  className,
-}: SearchInputProps) => {
-  return (
-    <div
-      className={cn(
-        'content-stretch flex items-center gap-[6px] border border-[#e0e0e0] border-solid rounded-[4px] px-[10px] h-[34px]',
-        'group hover:border-[#0265ff] focus-within:border-[#0265ff]',
-        className,
-      )}
-    >
-      <SearchIcon className="shrink-0 text-[#999] group-hover:text-[#0265ff] group-focus-within:text-[#0265ff]" />
-      <input
-        type="text"
-        value={value || ''}
-        onChange={(e) => onChange?.(e.target.value)}
-        placeholder={placeholder}
-        className="flex-1 outline-none text-[14px] placeholder:text-[#999] bg-transparent min-w-0 text-[#030303] leading-[normal]"
-      />
-    </div>
-  );
-};
+import { cn } from '../../../lib/utils';
+import { SearchIcon } from '../../bs-icons';
+
+export interface SearchInputProps {
+  value?: string;
+  onChange?: (value: string) => void;
+  placeholder?: string;
+  className?: string;
+}
+
+export const SearchInput = ({
+  value,
+  onChange,
+  placeholder = '',
+  className,
+}: SearchInputProps) => {
+  return (
+    <div
+      className={cn(
+        'content-stretch flex items-center gap-[6px] border border-[#e0e0e0] border-solid rounded-[4px] px-[10px] h-[34px]',
+        'group hover:border-[#0265ff] focus-within:border-[#0265ff]',
+        className,
+      )}
+    >
+      <SearchIcon className="shrink-0 text-[#999] group-hover:text-[#0265ff] group-focus-within:text-[#0265ff]" />
+      <input
+        type="text"
+        value={value || ''}
+        onChange={(e) => onChange?.(e.target.value)}
+        placeholder={placeholder}
+        className="flex-1 outline-none text-[14px] placeholder:text-[#999] bg-transparent min-w-0 text-[#030303] leading-[normal]"
+      />
+    </div>
+  );
+};