@baishuyun/chat-sdk 0.1.9 → 1.0.0

package/src/components/bs-ui/line-checker.tsx

@@ -1,160 +0,0 @@
-import React, { CSSProperties, useEffect, useState } from 'react';
-import classNames from 'classnames';
-import { cn } from '@/lib/utils';
-import { CheckerIcon } from './bs-icons';
-import { SquareChecker } from './square-checker';
-
-export interface LineCheckerProps {
-  defaultChecked?: boolean;
-  checked?: boolean;
-  disabled?: boolean;
-  onCheckedChange?: (checked: boolean) => void;
-
-  icon?: React.ReactNode;
-  title: string;
-  shortDesc?: string;
-  className?: string;
-  extra?: React.ReactNode;
-
-  style?: CSSProperties;
-  streaming?: boolean;
-  confirmed?: boolean;
-  readonly?: boolean;
-}
-
-export const LineChecker: React.FC<LineCheckerProps> = ({
-  defaultChecked = false,
-  checked: checkedProp,
-  disabled = false,
-  onCheckedChange,
-  icon,
-  className,
-  title,
-  extra,
-  style,
-  streaming,
-  confirmed,
-  readonly,
-  shortDesc,
-}) => {
-  const [checked, setChecked] = useState(defaultChecked);
-
-  useEffect(() => {
-    if (checkedProp !== undefined) {
-      setChecked(checkedProp);
-    }
-  }, [checkedProp]);
-
-  const handleClick = () => {
-    if (streaming || disabled) return;
-
-    const newChecked = !checked;
-    setChecked(newChecked);
-    onCheckedChange?.(newChecked);
-  };
-
-  const hasExtra = Boolean(extra);
-
-  const checker =
-    confirmed && checked ? (
-      <CheckerIcon className="grow-0 shrink-0 text-[#0265ff]" />
-    ) : (
-      <SquareChecker
-        className={classNames('outline-none grow-0 shrink-0 cursor-pointer', {
-          'mt-[2px]': hasExtra,
-          'opacity-80 cursor-not-allowed': disabled,
-          'opacity-50': streaming,
-          'pointer-events-none': streaming,
-        })}
-        id={title}
-        checked={checked}
-        disabled={disabled || confirmed}
-        onCheckedChange={handleClick}
-      />
-    );
-
-  return (
-    <div
-      className={cn(
-        'flex items-center gap-[10px] px-4 py-[10px] rounded-[4px]',
-        'w-full transition-colors cursor-pointer',
-        {
-          'cursor-not-allowed': disabled,
-          'hover:bg-[#EFF0F6]': !disabled,
-          'items-start': hasExtra,
-          'items-center': !hasExtra,
-          'pointer-events-none': streaming || disabled || readonly || confirmed,
-        },
-        className
-      )}
-      style={style}
-      onClick={() => {
-        handleClick();
-      }}
-    >
-      {readonly ? null : checker}
-
-      <div
-        className={classNames('flex flex-col flex-1 min-w-0', {
-          'gap-2.5': hasExtra,
-        })}
-      >
-        <div
-          className={classNames('flex items-center justify-between w-full', {
-            'gap-1.5': !!icon,
-            'gap-2.5': !icon,
-          })}
-        >
-          <div
-            className={classNames('flex items-center gap-[6px] min-w-0', {
-              'flex-1': !!icon,
-              'w-[100px] flex-shrink-0': !icon,
-            })}
-          >
-            {/* Icon */}
-            {icon && (
-              <div className="w-4 h-4 flex-shrink-0 text-[#6F829E] leading-[16px]">{icon}</div>
-            )}
-
-            {/* Title - truncates */}
-            <p
-              className={classNames(' min-w-0 text-sm text-[#121111] truncate text-[12px]', {
-                'flex-1': !!icon,
-                'flex-grow-1 flex-shrink-0': !icon,
-                '!text-[#666]': readonly,
-              })}
-            >
-              {title}
-            </p>
-          </div>
-
-          {shortDesc && (
-            <p
-              className={classNames('text-sm text-[#666] text-[12px]', {
-                'whitespace-nowrap flex-shrink-0': !!icon,
-                anywhere: !icon,
-                '!text-[#121111]': readonly,
-              })}
-            >
-              {shortDesc}
-            </p>
-          )}
-        </div>
-        {hasExtra ? (
-          <div
-            className={cn(
-              'overflow-x-auto whitespace-nowrap no-scrollbar flex items-center gap-2',
-              {
-                '!overflow-x-hidden': disabled || readonly || confirmed,
-              }
-            )}
-          >
-            {extra}
-          </div>
-        ) : null}
-      </div>
-    </div>
-  );
-};
-
-export default LineChecker;

package/src/components/bs-ui/linear-gradient-border-btn.tsx

@@ -1,48 +0,0 @@
-import React from 'react';
-import { cn } from '@/lib/utils';
-
-export interface LinearGradientBorderBtnProps {
-    children?: React.ReactNode;
-    onClick?: () => void;
-    disabled?: boolean;
-    className?: string;
-}
-
-export const LinearGradientBorderBtn: React.FC<LinearGradientBorderBtnProps> = ({
-    children,
-    onClick,
-    disabled = false,
-    className,
-}) => {
-    return (
-        <div
-            className={cn(
-                "relative rounded-[6px] p-[1px] cursor-pointer h-[34px] flex items-center justify-center",
-                "bg-gradient-to-b from-[#84B4FF] to-[#B1FAFF]",
-                className
-            )}
-            style={{
-                background: 'linear-gradient(180deg, #84B4FF 0%, #B1FAFF 100%)',
-            }}
-        >
-            <button
-                className={cn(
-                    "w-full h-[32px] px-[10px]",
-                    "bg-white rounded-[5px]",
-                    "flex items-center justify-center",
-                    "text-[#0265ff] text-[14px]",
-                    "cursor-pointer",
-                    "transition-all duration-200",
-                    "hover:bg-[#f5f9ff]",
-                    "disabled:opacity-95 disabled:cursor-not-allowed"
-                )}
-                onClick={onClick}
-                disabled={disabled}
-            >
-                {children}
-            </button>
-        </div>
-    );
-};
-
-export default LinearGradientBorderBtn;

package/src/components/bs-ui/linear-gradient-color-bg-animation.tsx

@@ -1,103 +0,0 @@
-export const LinearGradientColorBgAnimation = ({ 
-  children,
-  width,
-  height,
-  style,
-  childrenContainerStyle,
-}: { 
-  children?: React.ReactNode;
-  width?: string | number;
-  height?: string | number;
-  style?: React.CSSProperties;
-  childrenContainerStyle?: React.CSSProperties;
-}) => {
-  return (
-    <div
-      style={{
-        position: 'relative',
-        width: width ?? '100%',
-        height: height ?? '100%',
-        overflow: 'hidden',
-        borderRadius: '10px 10px 0 0',
-        ...style,
-      }}
-    >
-      <div
-        style={{
-          position: 'absolute',
-          width: '100%',
-          height: '100%',
-          top: 0,
-          left: 0,
-          background: '#F4FFFC',
-        }}
-      />
-      <div
-        style={{
-          position: 'absolute',
-          width: '100%',
-          height: '100%',
-          top: 0,
-          left: 0,
-          background: 'radial-gradient(circle at 25% -15%, #EEFFCE 0%, transparent 55%)',
-          filter: 'blur(70px)',
-          animation: 'floatCircle1 4s ease-in-out infinite',
-        }}
-      />
-      <div
-        style={{
-          position: 'absolute',
-          width: '100%',
-          height: '100%',
-          top: 0,
-          left: 0,
-          background: 'radial-gradient(circle at 80% 200%, #CEFFFB 0%, transparent 45%)',
-          filter: 'blur(70px)',
-          animation: 'floatCircle2 5s ease-in-out infinite 0.5s',
-        }}
-      />
-      <div style={{ position: 'relative', zIndex: 1, width: '100%', height: '100%', ...childrenContainerStyle }}>
-        {children}
-      </div>
-      <style>{`
-        @keyframes floatCircle1 {
-          0%, 100% {
-            transform: translate(0%, 0%) scale(1.2);
-            opacity: 1;
-          }
-          25% {
-            transform: translate(-15%, 20%) scale(1.6);
-            opacity: 0.95;
-          }
-          50% {
-            transform: translate(12%, -15%) scale(0.9);
-            opacity: 1;
-          }
-          75% {
-            transform: translate(-10%, 10%) scale(1.4);
-            opacity: 0.9;
-          }
-        }
-        
-        @keyframes floatCircle2 {
-          0%, 100% {
-            transform: translate(0%, 0%) scale(1.1);
-            opacity: 1;
-          }
-          30% {
-            transform: translate(18%, -12%) scale(1.5);
-            opacity: 1;
-          }
-          60% {
-            transform: translate(-12%, 15%) scale(0.85);
-            opacity: 0.95;
-          }
-          85% {
-            transform: translate(14%, -8%) scale(1.3);
-            opacity: 0.9;
-          }
-        }
-      `}</style>
-    </div>
-  );
-};

package/src/components/bs-ui/number-part.tsx

@@ -1,46 +0,0 @@
-import { cn } from '@/lib/utils';
-import { XlsxIcon } from './bs-icons';
-
-export interface NumbersMsgPartProps {
-  /** File name to display (optional) */
-  fileName?: string;
-  className?: string;
-  /** Size in pixels (width & height), defaults to 102 */
-  size?: number;
-}
-
-export const NumbersMsgPart = ({ fileName, className, size = 102 }: NumbersMsgPartProps) => {
-  // Calculate icon size proportionally (52/102 ≈ 51% of container)
-  const iconScale = size / 102;
-  const hasFileName = Boolean(fileName);
-
-  return (
-    <div
-      className={cn(
-        'relative flex flex-col items-center justify-center rounded-[10px] bg-[#EFF0F6] px-[10px]',
-        hasFileName && 'gap-[6px]',
-        className
-      )}
-      style={{ width: size, height: size }}
-    >
-      <div
-        className="shrink-0"
-        style={{
-          transform: iconScale !== 1 ? `scale(${iconScale})` : undefined,
-          transformOrigin: 'center',
-        }}
-      >
-        <XlsxIcon />
-      </div>
-      {hasFileName && (
-        <p
-          className="block max-w-full shrink-0 truncate text-center text-[14px] leading-normal text-[#030303]"
-          style={{ fontSize: 14 * iconScale, maxWidth: '100%', display: 'block' }}
-          title={fileName}
-        >
-          {fileName}
-        </p>
-      )}
-    </div>
-  );
-};

package/src/components/bs-ui/option-item.tsx

@@ -1,28 +0,0 @@
-import { ReactNode } from "react";
-
-export interface OptionItemProps {
-    bgColor?: string;
-    color?: string;
-    label?: ReactNode;
-    children?: ReactNode;
-}
-
-export const OptionItem = ({
-    bgColor = "#E8F4FF",
-    color = "#0265FF",
-    label,
-    children,
-}: OptionItemProps
-) => {
-    return (
-        <div
-            className="flex items-center justify-center gap-1.5 px-1.5 h-[26px] rounded-[100px] text-[13px]"
-            style={{
-                backgroundColor: bgColor,
-                color: color,
-            }}
-        >
-            {label || children}
-        </div>
-    )
-}

package/src/components/bs-ui/previewer-header.tsx

@@ -1,233 +0,0 @@
-import { useState } from 'react';
-import classNames from 'classnames';
-import { IconBtn } from './icon-btn';
-import { BackIcon, InfoIcon } from './bs-icons';
-import { LinearGradientColorBgAnimation } from './linear-gradient-color-bg-animation';
-import { ConfirmDialog } from './confirm-dialog';
-import { Spinner } from '../ui/spinner';
-import { BaseButton } from './base-button';
-import { BrushIcon } from './bs-icons';
-import { cn } from '@/lib/utils';
-
-export interface PreviewerHeaderProps {
-  title: string;
-  tips?: string;
-  active?: boolean;
-  className?: string;
-  onBackClick?: () => void;
-  onSave?: (isConfirm?: boolean) => void;
-  onCancel?: () => void;
-  onClear?: () => void;
-  style?: React.CSSProperties;
-
-  confirmTitle?: string;
-  confirmContent?: string;
-  dialogContainer?: HTMLElement;
-  variant?: 'fields-previewer' | 'data-previewer';
-  closeBtnLabel?: string;
-
-  disableConfirm?: boolean;
-
-  disableOperation?: boolean;
-
-}
-
-export const PreviewerHeader = ({
-  title,
-  tips,
-  style,
-  confirmContent,
-  confirmTitle,
-  className,
-  active,
-  onBackClick,
-  onSave,
-  closeBtnLabel,
-  onCancel,
-  onClear,
-  variant = 'fields-previewer',
-  dialogContainer,
-  disableConfirm,
-  disableOperation,
-}: PreviewerHeaderProps) => {
-  const [showConfirmDialog, setShowConfirmDialog] = useState(false);
-
-  const [loading, setLoading] = useState(false);
-
-  const btnResetStyle = classNames(
-    'w-[94px] h-[34px] flex items-center justify-center rounded-[4px]'
-  );
-
-  const isData = variant === 'data-previewer';
-  const isFields = variant === 'fields-previewer';
-
-  const titleCls = classNames('font-[700]', {
-    'text-[16px]': isFields,
-    'text-[18px]': isData,
-  });
-
-  const contentJsx = (
-    <>
-      <div className="flex items-center gap-3">
-        {isData ? null : (
-          <IconBtn
-            icon={<BackIcon />}
-            onClick={() => {
-              // if (disableOperation) {
-              //   return;
-              // }
-
-              if (disableConfirm) {
-                onCancel?.();
-                onBackClick?.();
-                return;
-              }
-
-              setShowConfirmDialog(true);
-            }}
-            className="text-[#0265FF] hover:text-[#0265FF]"
-          />
-        )}
-        <span className={titleCls}>{title}</span>
-        {tips && active && (
-          <div className="flex items-center gap-[6px] text-[#999999] text-[12px]">
-            <InfoIcon />
-            {tips}
-          </div>
-        )}
-      </div>
-      <div className="flex items-center gap-[10px]">
-        {onClear && (
-          <BaseButton
-            className={cn('w-[34px] h-[34px] text-[#8d8d8d] p-0 flex items-center justify-center hover:border-[#e0e0e0] hover:text-[#8d8d8d] border border-solid border-[#e0e0e0] ', {
-                'pointer-events-none opacity-50': disableOperation || loading,
-            })}
-            tooltip='清除全部'
-            icon={<BrushIcon />}
-            onClick={() => {
-              onClear?.();
-            }}
-          />
-        )}
-
-        {onSave && (
-          <button
-            onClick={async () => {
-              setLoading(true);
-              try {
-                await onSave();
-              } catch (error) {
-                console.error('Save failed:', error);
-              } finally {
-                setLoading(false);
-              }
-            }}
-            className={classNames(
-              btnResetStyle,
-              'flex items-center gap-[6px]',
-              'bg-[#0265FF] hover:opacity-90 text-white text-[14px]',
-              {
-                'w-[115px]': isData,
-                'pointer-events-none opacity-50': disableOperation || loading,
-              }
-            )}
-          >
-            {loading ? <Spinner /> : null}
-            {isFields ? '保存' : '添加到表单'}
-          </button>
-        )}
-        {onCancel && (
-          <button
-            onClick={() => {
-              // if (disableOperation) {
-              //   return;
-              // }
-
-              if (disableConfirm) {
-                onCancel?.();
-                onBackClick?.();
-                return;
-              }
-
-              setShowConfirmDialog(true);
-            }}
-            className={classNames(
-              btnResetStyle,
-              'text-[#121111] text-[14px] bg-[#fff] border border-solid border-[#e0e0e0] hover:bg-[#f0f0f0]',
-              {
-                'pointer-events-none opacity-50': loading,
-              }
-            )}
-          >
-            {closeBtnLabel || '取消'}
-          </button>
-        )}
-      </div>
-      <ConfirmDialog
-        container={dialogContainer}
-        open={showConfirmDialog}
-        onOpenChange={setShowConfirmDialog}
-        title={confirmTitle || 'AI表单搭建有修改，是否保存？'}
-        description={confirmContent || '您修改了AI表单搭建但没有保存，是否需要保存并继续？'}
-        onLinkClick={() => setShowConfirmDialog(false)}
-        onCancel={() => {
-          setShowConfirmDialog(false);
-          onCancel?.();
-          onBackClick?.();
-        }}
-        onConfirm={async () => {
-          setShowConfirmDialog(false);
-          setLoading(true);
-          try {
-            await onSave?.(true);
-          } catch (error) {
-            console.error('Save failed:', error);
-          } finally {
-            setLoading(false);
-          }
-        }}
-      />
-    </>
-  );
-
-  const borderCls = classNames({
-    'border-b border-solid border-[#e0e0e0]': !active && isFields,
-    'border-none': isData,
-  });
-
-  if (active) {
-    return (
-      <LinearGradientColorBgAnimation
-        height={52}
-        style={style}
-        childrenContainerStyle={{
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'space-between',
-          padding: '0 20px',
-        }}
-      >
-        {contentJsx}
-      </LinearGradientColorBgAnimation>
-    );
-  }
-
-  const paddingCls = classNames({
-    'px-[20px]': isFields,
-    'px-[10px]': isData,
-  });
-
-  return (
-    <div
-      style={style}
-      className={classNames(
-        'w-full h-[52px] flex items-center justify-between',
-        paddingCls,
-        className,
-        borderCls
-      )}
-    >
-      {contentJsx}
-    </div>
-  );
-};

package/src/components/bs-ui/primary-confirm-btn.tsx

@@ -1,58 +0,0 @@
-import { Button, ButtonProps } from '../ui/button';
-import { cn } from '@/lib/utils';
-import { transCls } from '@/const/ui';
-
-export interface PrimaryConfirmBtnProps extends ButtonProps {
-  text?: string;
-  prefixDesc?: string;
-  icon?: React.ReactNode;
-  disabledWithInfo?: boolean;
-  light?: boolean;
-}
-
-export const PrimaryConfirmBtn = ({
-  text = '确认',
-  prefixDesc,
-  className,
-  disabled,
-  light,
-  icon,
-  children,
-  ...rest
-}: PrimaryConfirmBtnProps) => {
-  const btn = (
-    <Button
-      {...rest}
-      variant="default"
-      disabled={disabled}
-      className={cn(
-        'px-[10px] py-0 rounded-[100px] text-[14px] leading-normal h-[34px] min-w-[100px] cursor-pointer w-full disabled:opacity-100 gap-[6px] shadow-none',
-        disabled
-          ? 'bg-[#f0f0f0] text-[#999] cursor-not-allowed shadow-none'
-          : light
-            ? 'bg-[#F0F6FF] text-[#0265FF] hover:bg-[#0265FF] hover:text-white'
-            : 'bg-[#0265ff] text-white hover:bg-[#0265ff]/80',
-
-        transCls,
-        {
-          '!bg-[#E5E6EB] !text-[#121111] shadow-none font-[400]': rest.disabledWithInfo,
-        },
-        className
-      )}
-    >
-      {icon}
-      {children || text}
-    </Button>
-  );
-
-  if (!prefixDesc) {
-    return btn;
-  }
-
-  return (
-    <div className="flex flex-col items-start gap-2.5">
-      <p className="text-[#4D609F]">{prefixDesc}</p>
-      {btn}
-    </div>
-  );
-};