@lobehub/chat 0.74.0 → 0.75.0

package/src/components/SelectWithImg/index.tsx

@@ -1,97 +0,0 @@
-import { Icon, IconProps } from '@lobehub/ui';
-import { SelectProps } from 'antd';
-import { type CSSProperties, ReactNode, memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-import useControlledState from 'use-merge-value';
-
-import { useStyles } from './styles';
-
-export interface SelectWithImgOptionItem {
-  icon?: IconProps['icon'];
-  img: string;
-  label: ReactNode;
-  value: string;
-}
-
-export interface SelectWithImgProps {
-  className?: string;
-  classNames?: {
-    img?: string;
-  };
-  defaultValue?: SelectProps['defaultValue'];
-  height: number;
-  onChange?: (value: this['value']) => void;
-  options?: SelectWithImgOptionItem[];
-  style?: CSSProperties;
-
-  styles?: {
-    img?: CSSProperties;
-  };
-  value?: SelectProps['value'];
-  width: number;
-}
-
-const SelectWithImg = memo<SelectWithImgProps>(
-  ({
-    className,
-    style,
-    value,
-    defaultValue,
-    onChange,
-    options,
-    width,
-    height,
-    styles: outStyles = {},
-    classNames = {},
-  }) => {
-    const [currentValue, setCurrentValue] = useControlledState<string>(defaultValue, {
-      defaultValue,
-      onChange,
-      value,
-    });
-
-    const { styles, cx } = useStyles();
-
-    return (
-      <Flexbox className={className} gap={16} horizontal style={style}>
-        {options?.map((item) => {
-          const isActive = item.value === currentValue;
-          return (
-            <Flexbox
-              align={'center'}
-              className={cx(styles.container, isActive && styles.active)}
-              gap={4}
-              key={item.value}
-              onClick={() => setCurrentValue(item.value)}
-            >
-              <div
-                className={cx(styles.imgCtn, isActive && styles.imgActive, classNames.img)}
-                style={{
-                  ...outStyles.img,
-                  height,
-                  width,
-                }}
-              >
-                <div
-                  className={styles.img}
-                  style={{
-                    backgroundImage: `url(${item.img})`,
-                    backgroundSize: 'contain',
-                    height,
-                    width,
-                  }}
-                />
-              </div>
-              <Flexbox align={'center'} gap={4} horizontal>
-                {item.icon && <Icon icon={item.icon} />}
-                {item.label}
-              </Flexbox>
-            </Flexbox>
-          );
-        })}
-      </Flexbox>
-    );
-  },
-);
-
-export default SelectWithImg;

package/src/components/SelectWithImg/styles.ts

@@ -1,43 +0,0 @@
-import { createStyles } from 'antd-style';
-
-export const useStyles = createStyles(({ css, token, cx }) => {
-  const hover = css`
-    &:hover {
-      border-color: ${token.colorText};
-      box-shadow: 0 0 0 2px ${token.colorText};
-    }
-  `;
-
-  const img = cx(
-    css`
-      border-radius: ${token.borderRadius}px;
-      box-shadow: inset 0 0 0 2px ${token.colorSplit};
-      transition: all 100ms ${token.motionEaseOut};
-    `,
-    hover,
-  );
-
-  return {
-    active: css`
-      color: ${token.colorText};
-    `,
-    container: css`
-      cursor: pointer;
-      color: ${token.colorTextDescription};
-    `,
-    img,
-    imgActive: css`
-      box-shadow: 0 0 0 2px ${token.colorTextTertiary};
-
-      .${img} {
-        box-shadow: none;
-      }
-    `,
-    imgCtn: css`
-      background: ${token.colorFillTertiary};
-      border-radius: ${token.borderRadius}px;
-
-      ${hover}
-    `,
-  };
-});

package/src/pages/chat/features/Conversation/Input/ActionRight.tsx

@@ -1,31 +0,0 @@
-import { ActionIcon } from '@lobehub/ui';
-import { Popconfirm } from 'antd';
-import { Eraser } from 'lucide-react';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { useSessionStore } from '@/store/session';
-
-const ActionsRight = memo(() => {
-  const { t } = useTranslation('setting');
-  const [clearMessage] = useSessionStore((s) => [s.clearMessage, s.updateAgentConfig]);
-
-  return (
-    <Popconfirm
-      cancelText={t('cancel', { ns: 'common' })}
-      okButtonProps={{ danger: true }}
-      okText={t('ok', { ns: 'common' })}
-      onConfirm={() => clearMessage()}
-      placement={'topRight'}
-      title={t('confirmClearCurrentMessages', { ns: 'common' })}
-    >
-      <ActionIcon
-        icon={Eraser}
-        placement={'bottom'}
-        title={t('clearCurrentMessages', { ns: 'common' })}
-      />
-    </Popconfirm>
-  );
-});
-
-export default ActionsRight;

package/src/pages/chat/features/Conversation/Input/Footer.tsx

@@ -1,49 +0,0 @@
-import { Icon, Tooltip } from '@lobehub/ui';
-import { Button } from 'antd';
-import { useTheme } from 'antd-style';
-import { ArrowBigUp, CornerDownLeft, LucideGalleryVerticalEnd } from 'lucide-react';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-export interface FooterProps {
-  hasTopic: boolean;
-  saveToTopic: () => void;
-}
-
-const Footer = memo<FooterProps>(({ hasTopic, saveToTopic }) => {
-  const theme = useTheme();
-  const { t } = useTranslation('common');
-
-  const saveTopic = hasTopic ? null : (
-    <Tooltip title={t('topic.saveCurrentMessages')}>
-      <Button icon={<Icon icon={LucideGalleryVerticalEnd} />} onClick={saveToTopic} />
-    </Tooltip>
-  );
-
-  const footerTooltip = (
-    <Flexbox
-      gap={4}
-      horizontal
-      style={{ color: theme.colorTextDescription, fontSize: 12, marginRight: 12 }}
-    >
-      <Icon icon={CornerDownLeft} />
-      <span>{t('send')}</span>
-      <span>/</span>
-      <Flexbox horizontal>
-        <Icon icon={ArrowBigUp} />
-        <Icon icon={CornerDownLeft} />
-      </Flexbox>
-      <span>{t('warp')}</span>
-    </Flexbox>
-  );
-
-  return (
-    <>
-      {footerTooltip}
-      {saveTopic}
-    </>
-  );
-});
-
-export default Footer;