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

package/src/components/agent-helper/condition-quantifier-select/index.tsx

@@ -1,142 +1,142 @@
-import { useState, useCallback } from 'react';
-import type { quantifier } from '@baishuyun/types';
-import { Popover, PopoverTrigger, PopoverContent } from '../../ui/popover';
-import { cn } from '../../../lib/utils';
-import { transCls } from '../../../const/ui';
-
-const OPTIONS: Array<{ value: quantifier; label: string }> = [
-  { value: 'all', label: '所有' },
-  { value: 'any', label: '任意' },
-];
-
-export interface IConditonQuantifierSelectProps {
-  value?: quantifier;
-  defaultValue?: quantifier;
-  onChange?: (value: quantifier) => void;
-  disabled?: boolean;
-  className?: string;
-}
-
-export const ConditonQuantifierSelect = ({
-  value: controlledValue,
-  defaultValue = 'all',
-  onChange,
-  disabled = false,
-  className,
-}: IConditonQuantifierSelectProps) => {
-  const [open, setOpen] = useState(false);
-  const [internalValue, setInternalValue] = useState<quantifier>(defaultValue);
-  const [portalContainer, setPortalContainer] = useState<HTMLElement | null>(null);
-
-  const resolvedValue = controlledValue !== undefined ? controlledValue : internalValue;
-  const selectedLabel = OPTIONS.find((o) => o.value === resolvedValue)?.label ?? '';
-
-  const handleSelect = useCallback(
-    (v: quantifier) => {
-      if (controlledValue === undefined) setInternalValue(v);
-      onChange?.(v);
-      setOpen(false);
-    },
-    [controlledValue, onChange],
-  );
-
-  const setTriggerRef = useCallback((node: HTMLButtonElement | null) => {
-    if (!node) {
-      setPortalContainer(null);
-      return;
-    }
-    const rootNode = node.getRootNode();
-    if (rootNode instanceof ShadowRoot) {
-      const existing = rootNode.querySelector<HTMLElement>(
-        '[data-bs-quantifier-select-portal]',
-      );
-      if (existing) {
-        setPortalContainer(existing);
-        return;
-      }
-      const container = document.createElement('div');
-      container.setAttribute('data-bs-quantifier-select-portal', 'true');
-      rootNode.appendChild(container);
-      setPortalContainer(container);
-    } else {
-      setPortalContainer(null);
-    }
-  }, []);
-
-  return (
-    <div className={cn('relative inline-flex', className)}>
-      <Popover open={open} onOpenChange={setOpen}>
-        <PopoverTrigger asChild>
-          <button
-            ref={setTriggerRef}
-            type="button"
-            disabled={disabled}
-            className={cn(
-              'flex items-center justify-between gap-[10px]',
-              'min-w-[82px] h-[31px] px-[10px]',
-              'bg-white border rounded-[4px]',
-              'text-left cursor-pointer',
-              open
-                ? 'border-[#0265FF]'
-                : 'border-[#E0E0E0] hover:border-[#0265FF]',
-              disabled &&
-                'opacity-50 cursor-not-allowed hover:border-[#E0E0E0]',
-              transCls,
-            )}
-          >
-            <span className="text-[14px] leading-[normal] text-[#030303] truncate">
-              {selectedLabel}
-            </span>
-            <span
-              className={cn(
-                'shrink-0 flex items-center justify-center w-[16px] h-[16px] text-[#666666]',
-                transCls,
-                open && 'rotate-180',
-              )}
-            >
-              <svg
-                width="16"
-                height="16"
-                viewBox="0 0 16 16"
-                fill="none"
-              >
-                <path
-                  d="M4 6L8 10L12 6"
-                  stroke="#666666"
-                  strokeWidth="1.2"
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                />
-              </svg>
-            </span>
-          </button>
-        </PopoverTrigger>
-        <PopoverContent
-          align="start"
-          sideOffset={4}
-          portalContainer={portalContainer}
-          className="!border-0 rounded-[10px] shadow-[0px_0px_5px_rgba(0,0,0,0.04)] p-[4px] min-w-[82px]"
-        >
-          <div className="flex flex-col gap-0">
-            {OPTIONS.map((opt) => (
-              <button
-                key={opt.value}
-                type="button"
-                onClick={() => handleSelect(opt.value)}
-                className={cn(
-                  'h-[34px] px-[10px] rounded-[4px] text-left text-[14px] leading-[normal]',
-                  resolvedValue === opt.value
-                    ? 'bg-[#F0F6FF] text-[#0265FF]'
-                    : 'text-[#030303] hover:bg-[#EFF0F6]',
-                  transCls,
-                )}
-              >
-                {opt.label}
-              </button>
-            ))}
-          </div>
-        </PopoverContent>
-      </Popover>
-    </div>
-  );
-};
+import { useState, useCallback } from 'react';
+import type { quantifier } from '@baishuyun/types';
+import { Popover, PopoverTrigger, PopoverContent } from '../../ui/popover';
+import { cn } from '../../../lib/utils';
+import { transCls } from '../../../const/ui';
+
+const OPTIONS: Array<{ value: quantifier; label: string }> = [
+  { value: 'all', label: '所有' },
+  { value: 'any', label: '任意' },
+];
+
+export interface IConditonQuantifierSelectProps {
+  value?: quantifier;
+  defaultValue?: quantifier;
+  onChange?: (value: quantifier) => void;
+  disabled?: boolean;
+  className?: string;
+}
+
+export const ConditonQuantifierSelect = ({
+  value: controlledValue,
+  defaultValue = 'all',
+  onChange,
+  disabled = false,
+  className,
+}: IConditonQuantifierSelectProps) => {
+  const [open, setOpen] = useState(false);
+  const [internalValue, setInternalValue] = useState<quantifier>(defaultValue);
+  const [portalContainer, setPortalContainer] = useState<HTMLElement | null>(null);
+
+  const resolvedValue = controlledValue !== undefined ? controlledValue : internalValue;
+  const selectedLabel = OPTIONS.find((o) => o.value === resolvedValue)?.label ?? '';
+
+  const handleSelect = useCallback(
+    (v: quantifier) => {
+      if (controlledValue === undefined) setInternalValue(v);
+      onChange?.(v);
+      setOpen(false);
+    },
+    [controlledValue, onChange],
+  );
+
+  const setTriggerRef = useCallback((node: HTMLButtonElement | null) => {
+    if (!node) {
+      setPortalContainer(null);
+      return;
+    }
+    const rootNode = node.getRootNode();
+    if (rootNode instanceof ShadowRoot) {
+      const existing = rootNode.querySelector<HTMLElement>(
+        '[data-bs-quantifier-select-portal]',
+      );
+      if (existing) {
+        setPortalContainer(existing);
+        return;
+      }
+      const container = document.createElement('div');
+      container.setAttribute('data-bs-quantifier-select-portal', 'true');
+      rootNode.appendChild(container);
+      setPortalContainer(container);
+    } else {
+      setPortalContainer(null);
+    }
+  }, []);
+
+  return (
+    <div className={cn('relative inline-flex', className)}>
+      <Popover open={open} onOpenChange={setOpen}>
+        <PopoverTrigger asChild>
+          <button
+            ref={setTriggerRef}
+            type="button"
+            disabled={disabled}
+            className={cn(
+              'flex items-center justify-between gap-[10px]',
+              'min-w-[82px] h-[31px] px-[10px]',
+              'bg-white border rounded-[4px]',
+              'text-left cursor-pointer',
+              open
+                ? 'border-[#0265FF]'
+                : 'border-[#E0E0E0] hover:border-[#0265FF]',
+              disabled &&
+                'opacity-50 cursor-not-allowed hover:border-[#E0E0E0]',
+              transCls,
+            )}
+          >
+            <span className="text-[14px] leading-[normal] text-[#030303] truncate">
+              {selectedLabel}
+            </span>
+            <span
+              className={cn(
+                'shrink-0 flex items-center justify-center w-[16px] h-[16px] text-[#666666]',
+                transCls,
+                open && 'rotate-180',
+              )}
+            >
+              <svg
+                width="16"
+                height="16"
+                viewBox="0 0 16 16"
+                fill="none"
+              >
+                <path
+                  d="M4 6L8 10L12 6"
+                  stroke="#666666"
+                  strokeWidth="1.2"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+              </svg>
+            </span>
+          </button>
+        </PopoverTrigger>
+        <PopoverContent
+          align="start"
+          sideOffset={4}
+          portalContainer={portalContainer}
+          className="!border-0 rounded-[10px] shadow-[0px_0px_5px_rgba(0,0,0,0.04)] p-[4px] min-w-[82px]"
+        >
+          <div className="flex flex-col gap-0">
+            {OPTIONS.map((opt) => (
+              <button
+                key={opt.value}
+                type="button"
+                onClick={() => handleSelect(opt.value)}
+                className={cn(
+                  'h-[34px] px-[10px] rounded-[4px] text-left text-[14px] leading-[normal]',
+                  resolvedValue === opt.value
+                    ? 'bg-[#F0F6FF] text-[#0265FF]'
+                    : 'text-[#030303] hover:bg-[#EFF0F6]',
+                  transCls,
+                )}
+              >
+                {opt.label}
+              </button>
+            ))}
+          </div>
+        </PopoverContent>
+      </Popover>
+    </div>
+  );
+};

package/src/components/agent-helper/condition-trigger-description/index.tsx

@@ -1,49 +1,49 @@
-import type { quantifier } from '@baishuyun/types';
-import { ConditonQuantifierSelect } from '../condition-quantifier-select';
-import { cn } from '../../../lib/utils';
-
-export interface IConditonTriggerDescriptionProps {
-  targetName: string;
-  quantifier?: quantifier;
-  defaultQuantifier?: quantifier;
-  onQuantifierChange?: (value: quantifier) => void;
-  quantifierPrefixStr?: string;
-  quantifierSuffixStr?: string;
-  className?: string;
-}
-
-export const ConditonTriggerDescription = ({
-  targetName,
-  quantifier,
-  defaultQuantifier = 'all',
-  onQuantifierChange,
-  quantifierPrefixStr = '的数据符合以下',
-  quantifierSuffixStr = '条件时，触发后续动作',
-  className,
-}: IConditonTriggerDescriptionProps) => {
-  return (
-    <div
-      className={cn(
-        'flex items-center gap-[10px]',
-        className,
-      )}
-    >
-      <span className="text-[14px] leading-[normal] text-[#4D609F] shrink-0 whitespace-nowrap">
-        {targetName}
-      </span>
-      <span className="flex items-center gap-[10px] shrink-0">
-        <span className="text-[14px] leading-[normal] text-black whitespace-nowrap">
-          {quantifierPrefixStr}
-        </span>
-        <ConditonQuantifierSelect
-          value={quantifier}
-          defaultValue={defaultQuantifier}
-          onChange={onQuantifierChange}
-        />
-        <span className="text-[14px] leading-[normal] text-black whitespace-nowrap">
-          {quantifierSuffixStr}
-        </span>
-      </span>
-    </div>
-  );
-};
+import type { quantifier } from '@baishuyun/types';
+import { ConditonQuantifierSelect } from '../condition-quantifier-select';
+import { cn } from '../../../lib/utils';
+
+export interface IConditonTriggerDescriptionProps {
+  targetName: string;
+  quantifier?: quantifier;
+  defaultQuantifier?: quantifier;
+  onQuantifierChange?: (value: quantifier) => void;
+  quantifierPrefixStr?: string;
+  quantifierSuffixStr?: string;
+  className?: string;
+}
+
+export const ConditonTriggerDescription = ({
+  targetName,
+  quantifier,
+  defaultQuantifier = 'all',
+  onQuantifierChange,
+  quantifierPrefixStr = '的数据符合以下',
+  quantifierSuffixStr = '条件时，触发后续动作',
+  className,
+}: IConditonTriggerDescriptionProps) => {
+  return (
+    <div
+      className={cn(
+        'flex items-center gap-[10px]',
+        className,
+      )}
+    >
+      <span className="text-[14px] leading-[normal] text-[#4D609F] shrink-0 whitespace-nowrap">
+        {targetName}
+      </span>
+      <span className="flex items-center gap-[10px] shrink-0">
+        <span className="text-[14px] leading-[normal] text-black whitespace-nowrap">
+          {quantifierPrefixStr}
+        </span>
+        <ConditonQuantifierSelect
+          value={quantifier}
+          defaultValue={defaultQuantifier}
+          onChange={onQuantifierChange}
+        />
+        <span className="text-[14px] leading-[normal] text-black whitespace-nowrap">
+          {quantifierSuffixStr}
+        </span>
+      </span>
+    </div>
+  );
+};