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

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

@@ -1,189 +1,189 @@
-import { useCallback } from 'react';
-import { cn } from '../../../lib/utils';
-import { TriggerTimeSourceTypeSelect } from '../trigger-time-source-type-select';
-import { DateInput } from '../date-picker/date-input';
-import { FormSelect } from '../form-select';
-import type { FormSelectItem, FormSelectChangeResult } from '../form-select';
-import { FieldSelect } from '../field-select';
-import { OffsetPreferenceSelect } from '../offset-preference-select';
-import type {
-  ITriggerTimePreference,
-  IDateFieldTriggerTimePayload,
-  triggerTimeSourceType,
-  IField,
-  IOffsetPreference,
-} from '@baishuyun/types';
-import type { DateFormat } from '../date-picker/types';
-
-export interface TriggerTimePreferenceSelectProps {
-  value?: ITriggerTimePreference;
-  onChange?: (value: ITriggerTimePreference) => void;
-  forms?: FormSelectItem[];
-  fields?: IField[];
-  dateFormat?: DateFormat;
-  disabled?: boolean;
-  className?: string;
-}
-
-function isDateFieldPayload(
-  payload: unknown,
-): payload is IDateFieldTriggerTimePayload {
-  return (
-    typeof payload === 'object' && payload !== null && 'formId' in payload
-  );
-}
-
-function buildDateFieldPayload(
-  overrides: Partial<IDateFieldTriggerTimePayload>,
-  existing?: IDateFieldTriggerTimePayload,
-): IDateFieldTriggerTimePayload {
-  return {
-    dateFieldType: 'datetime',
-    offsetType: 'time',
-    offsetValue: 0,
-    offsetUnit: 'minute',
-    ...existing,
-    ...overrides,
-    formId: overrides.formId ?? existing?.formId ?? '',
-    fieldId: overrides.fieldId ?? existing?.fieldId ?? '',
-  };
-}
-
-function parseDateFromPayload(payload: unknown): Date | undefined {
-  if (typeof payload === 'string' || typeof payload === 'number') {
-    const d = new Date(payload);
-    return isNaN(d.getTime()) ? undefined : d;
-  }
-  return undefined;
-}
-
-export function TriggerTimePreferenceSelect({
-  value,
-  onChange,
-  forms = [],
-  fields = [],
-  dateFormat = 'yyyy-MM-dd',
-  disabled = false,
-  className,
-}: TriggerTimePreferenceSelectProps) {
-  const selectedType = value?.type;
-
-  const dateFieldPayload = isDateFieldPayload(value?.customTriggerTimePayload)
-    ? value.customTriggerTimePayload
-    : undefined;
-
-  const handleTypeChange = useCallback(
-    (type: triggerTimeSourceType) => {
-      onChange?.({ type });
-    },
-    [onChange],
-  );
-
-  const handleDateChange = useCallback(
-    (date: Date | null) => {
-      onChange?.({
-        type: 'custom',
-        customTriggerTimePayload: date ? date.toISOString() : undefined,
-      });
-    },
-    [onChange],
-  );
-
-  const handleFormChange = useCallback(
-    (result: FormSelectChangeResult) => {
-      const payload = buildDateFieldPayload(
-        { formId: result.form?.id || '' },
-        dateFieldPayload,
-      );
-      onChange?.({ type: 'date_field', customTriggerTimePayload: payload });
-    },
-    [onChange, dateFieldPayload],
-  );
-
-  const handleFieldChange = useCallback(
-    (_field: IField, nodeKey: string) => {
-      const payload = buildDateFieldPayload(
-        { fieldId: nodeKey },
-        dateFieldPayload,
-      );
-      onChange?.({ type: 'date_field', customTriggerTimePayload: payload });
-    },
-    [onChange, dateFieldPayload],
-  );
-
-  const handleOffsetPreferenceChange = useCallback(
-    (offsetPref: IOffsetPreference) => {
-      const payload = buildDateFieldPayload(
-        {
-          dateFieldType: offsetPref.dateFieldType,
-          offsetType: offsetPref.offsetType,
-          offsetValue: offsetPref.offsetValue,
-          offsetUnit: offsetPref.offsetUnit,
-        },
-        dateFieldPayload,
-      );
-      onChange?.({ type: 'date_field', customTriggerTimePayload: payload });
-    },
-    [onChange, dateFieldPayload],
-  );
-
-  return (
-    <div className={cn('flex flex-col gap-[10px]', className)}>
-      {/* Row 1 */}
-      <div className="flex gap-[22px] items-start w-full">
-        <TriggerTimeSourceTypeSelect
-          className="flex-1 min-w-0"
-          value={selectedType}
-          onChange={handleTypeChange}
-          disabled={disabled}
-        />
-
-        {selectedType === 'custom' && (
-          <DateInput
-            className="flex-1 min-w-0"
-            value={parseDateFromPayload(value?.customTriggerTimePayload)}
-            onChange={handleDateChange}
-            format={dateFormat}
-            disabled={disabled}
-          />
-        )}
-
-        {selectedType === 'date_field' && (
-          <FormSelect
-            className="flex-1 min-w-0"
-            items={forms}
-            value={dateFieldPayload?.formId}
-            onChange={handleFormChange}
-            disabled={disabled}
-          />
-        )}
-      </div>
-
-      {/* Row 2 - field select + offset preference, only for date_field */}
-      {selectedType === 'date_field' && (
-        <div className="flex items-start gap-[10px] w-full">
-          <FieldSelect
-            className="w-[300px]"
-            fields={fields}
-            value={dateFieldPayload?.fieldId}
-            onChange={handleFieldChange}
-            disabled={disabled}
-          />
-          {dateFieldPayload && (
-            <OffsetPreferenceSelect
-              value={{
-                dateFieldType: dateFieldPayload.dateFieldType,
-                offsetType: dateFieldPayload.offsetType,
-                offsetValue: dateFieldPayload.offsetValue,
-                offsetUnit: dateFieldPayload.offsetUnit,
-              }}
-              onChange={handleOffsetPreferenceChange}
-              dateFieldType={dateFieldPayload.dateFieldType}
-              disabled={disabled}
-            />
-          )}
-        </div>
-      )}
-    </div>
-  );
-}
+import { useCallback } from 'react';
+import { cn } from '../../../lib/utils';
+import { TriggerTimeSourceTypeSelect } from '../trigger-time-source-type-select';
+import { DateInput } from '../date-picker/date-input';
+import { FormSelect } from '../form-select';
+import type { FormSelectItem, FormSelectChangeResult } from '../form-select';
+import { FieldSelect } from '../field-select';
+import { OffsetPreferenceSelect } from '../offset-preference-select';
+import type {
+  ITriggerTimePreference,
+  IDateFieldTriggerTimePayload,
+  triggerTimeSourceType,
+  IField,
+  IOffsetPreference,
+} from '@baishuyun/types';
+import type { DateFormat } from '../date-picker/types';
+
+export interface TriggerTimePreferenceSelectProps {
+  value?: ITriggerTimePreference;
+  onChange?: (value: ITriggerTimePreference) => void;
+  forms?: FormSelectItem[];
+  fields?: IField[];
+  dateFormat?: DateFormat;
+  disabled?: boolean;
+  className?: string;
+}
+
+function isDateFieldPayload(
+  payload: unknown,
+): payload is IDateFieldTriggerTimePayload {
+  return (
+    typeof payload === 'object' && payload !== null && 'formId' in payload
+  );
+}
+
+function buildDateFieldPayload(
+  overrides: Partial<IDateFieldTriggerTimePayload>,
+  existing?: IDateFieldTriggerTimePayload,
+): IDateFieldTriggerTimePayload {
+  return {
+    dateFieldType: 'datetime',
+    offsetType: 'time',
+    offsetValue: 0,
+    offsetUnit: 'minute',
+    ...existing,
+    ...overrides,
+    formId: overrides.formId ?? existing?.formId ?? '',
+    fieldId: overrides.fieldId ?? existing?.fieldId ?? '',
+  };
+}
+
+function parseDateFromPayload(payload: unknown): Date | undefined {
+  if (typeof payload === 'string' || typeof payload === 'number') {
+    const d = new Date(payload);
+    return isNaN(d.getTime()) ? undefined : d;
+  }
+  return undefined;
+}
+
+export function TriggerTimePreferenceSelect({
+  value,
+  onChange,
+  forms = [],
+  fields = [],
+  dateFormat = 'yyyy-MM-dd',
+  disabled = false,
+  className,
+}: TriggerTimePreferenceSelectProps) {
+  const selectedType = value?.type;
+
+  const dateFieldPayload = isDateFieldPayload(value?.customTriggerTimePayload)
+    ? value.customTriggerTimePayload
+    : undefined;
+
+  const handleTypeChange = useCallback(
+    (type: triggerTimeSourceType) => {
+      onChange?.({ type });
+    },
+    [onChange],
+  );
+
+  const handleDateChange = useCallback(
+    (date: Date | null) => {
+      onChange?.({
+        type: 'custom',
+        customTriggerTimePayload: date ? date.toISOString() : undefined,
+      });
+    },
+    [onChange],
+  );
+
+  const handleFormChange = useCallback(
+    (result: FormSelectChangeResult) => {
+      const payload = buildDateFieldPayload(
+        { formId: result.form?.id || '' },
+        dateFieldPayload,
+      );
+      onChange?.({ type: 'date_field', customTriggerTimePayload: payload });
+    },
+    [onChange, dateFieldPayload],
+  );
+
+  const handleFieldChange = useCallback(
+    (_field: IField, nodeKey: string) => {
+      const payload = buildDateFieldPayload(
+        { fieldId: nodeKey },
+        dateFieldPayload,
+      );
+      onChange?.({ type: 'date_field', customTriggerTimePayload: payload });
+    },
+    [onChange, dateFieldPayload],
+  );
+
+  const handleOffsetPreferenceChange = useCallback(
+    (offsetPref: IOffsetPreference) => {
+      const payload = buildDateFieldPayload(
+        {
+          dateFieldType: offsetPref.dateFieldType,
+          offsetType: offsetPref.offsetType,
+          offsetValue: offsetPref.offsetValue,
+          offsetUnit: offsetPref.offsetUnit,
+        },
+        dateFieldPayload,
+      );
+      onChange?.({ type: 'date_field', customTriggerTimePayload: payload });
+    },
+    [onChange, dateFieldPayload],
+  );
+
+  return (
+    <div className={cn('flex flex-col gap-[10px]', className)}>
+      {/* Row 1 */}
+      <div className="flex gap-[22px] items-start w-full">
+        <TriggerTimeSourceTypeSelect
+          className="flex-1 min-w-0"
+          value={selectedType}
+          onChange={handleTypeChange}
+          disabled={disabled}
+        />
+
+        {selectedType === 'custom' && (
+          <DateInput
+            className="flex-1 min-w-0"
+            value={parseDateFromPayload(value?.customTriggerTimePayload)}
+            onChange={handleDateChange}
+            format={dateFormat}
+            disabled={disabled}
+          />
+        )}
+
+        {selectedType === 'date_field' && (
+          <FormSelect
+            className="flex-1 min-w-0"
+            items={forms}
+            value={dateFieldPayload?.formId}
+            onChange={handleFormChange}
+            disabled={disabled}
+          />
+        )}
+      </div>
+
+      {/* Row 2 - field select + offset preference, only for date_field */}
+      {selectedType === 'date_field' && (
+        <div className="flex items-start gap-[10px] w-full">
+          <FieldSelect
+            className="w-[300px]"
+            fields={fields}
+            value={dateFieldPayload?.fieldId}
+            onChange={handleFieldChange}
+            disabled={disabled}
+          />
+          {dateFieldPayload && (
+            <OffsetPreferenceSelect
+              value={{
+                dateFieldType: dateFieldPayload.dateFieldType,
+                offsetType: dateFieldPayload.offsetType,
+                offsetValue: dateFieldPayload.offsetValue,
+                offsetUnit: dateFieldPayload.offsetUnit,
+              }}
+              onChange={handleOffsetPreferenceChange}
+              dateFieldType={dateFieldPayload.dateFieldType}
+              disabled={disabled}
+            />
+          )}
+        </div>
+      )}
+    </div>
+  );
+}

package/src/components/agent-helper/trigger-time-source-type-select/index.tsx

@@ -1,53 +1,53 @@
-import type { triggerTimeSourceType } from '@baishuyun/types';
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '../../ui/select';
-
-export interface TriggerTimeSourceTypeOption {
-  value: triggerTimeSourceType;
-  label: string;
-}
-
-export const TriggerTimeSourceTypeOptions: TriggerTimeSourceTypeOption[] = [
-  { value: 'custom', label: '自定义时间' },
-  { value: 'date_field', label: '根据表单日期时间字段' },
-];
-
-export interface TriggerTimeSourceTypeSelectProps {
-  value?: triggerTimeSourceType;
-  onChange?: (value: triggerTimeSourceType) => void;
-  placeholder?: string;
-  disabled?: boolean;
-  className?: string;
-}
-
-export const TriggerTimeSourceTypeSelect = ({
-  value,
-  onChange,
-  placeholder = '请选择时间来源类型',
-  disabled = false,
-  className,
-}: TriggerTimeSourceTypeSelectProps) => {
-  return (
-    <Select
-      value={value}
-      onValueChange={(v) => onChange?.(v as triggerTimeSourceType)}
-      disabled={disabled}
-    >
-      <SelectTrigger className={className}>
-        <SelectValue placeholder={placeholder} />
-      </SelectTrigger>
-      <SelectContent>
-        {TriggerTimeSourceTypeOptions.map((option) => (
-          <SelectItem key={option.value} value={option.value}>
-            {option.label}
-          </SelectItem>
-        ))}
-      </SelectContent>
-    </Select>
-  );
-};
+import type { triggerTimeSourceType } from '@baishuyun/types';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '../../ui/select';
+
+export interface TriggerTimeSourceTypeOption {
+  value: triggerTimeSourceType;
+  label: string;
+}
+
+export const TriggerTimeSourceTypeOptions: TriggerTimeSourceTypeOption[] = [
+  { value: 'custom', label: '自定义时间' },
+  { value: 'date_field', label: '根据表单日期时间字段' },
+];
+
+export interface TriggerTimeSourceTypeSelectProps {
+  value?: triggerTimeSourceType;
+  onChange?: (value: triggerTimeSourceType) => void;
+  placeholder?: string;
+  disabled?: boolean;
+  className?: string;
+}
+
+export const TriggerTimeSourceTypeSelect = ({
+  value,
+  onChange,
+  placeholder = '请选择时间来源类型',
+  disabled = false,
+  className,
+}: TriggerTimeSourceTypeSelectProps) => {
+  return (
+    <Select
+      value={value}
+      onValueChange={(v) => onChange?.(v as triggerTimeSourceType)}
+      disabled={disabled}
+    >
+      <SelectTrigger className={className}>
+        <SelectValue placeholder={placeholder} />
+      </SelectTrigger>
+      <SelectContent>
+        {TriggerTimeSourceTypeOptions.map((option) => (
+          <SelectItem key={option.value} value={option.value}>
+            {option.label}
+          </SelectItem>
+        ))}
+      </SelectContent>
+    </Select>
+  );
+};