@gientech/modual 1.2.7 → 1.2.9-fix

package/src/modules/assistantConfig/components/Sensitive.tsx

@@ -0,0 +1,179 @@
+import { useState, useEffect, useRef } from 'react';
+import ResourceBinderItem from './ResourceBinderItem';
+import SearchableSelector, { type SearchableSelectorRef } from './SearchableSelector';
+import { Button, Modal, Form, Checkbox, Input } from 'antd';
+import { Plus } from 'lucide-react';
+import Icon from '../assets/sensitive.svg';
+import AxiosInstance from '../server';
+const { Item } = Form;
+const SensitiveSection = ({ url, token, role, eventsEmit, sectionData }: any) => {
+  const [options, setOptions]: any = useState([]);
+  const [data, setData]: any = useState([]);
+  const [isModalShow, setIsModalShow] = useState(false);
+  const [showDefaultAnswer, setShowDefaultAnswer] = useState(false);
+  const selectorRef = useRef<SearchableSelectorRef>(null);
+
+  const { fetchSensitiveLibrary } = AxiosInstance({
+    url,
+    token,
+    role,
+    eventsEmit,
+  });
+
+  useEffect(() => {
+    getList();
+  }, []);
+
+  useEffect(() => {
+    if (sectionData && options?.length > 0) {
+      let _sensitiveWordIds = sectionData
+        ? Array.isArray(sectionData)
+          ? sectionData
+          : sectionData.split(',')
+        : [];
+      let _data: any[] = [];
+      options.forEach((item: any) => {
+        if (_sensitiveWordIds.includes(item.key)) {
+          _data.push({
+            key: item.key,
+            label: item.label,
+          });
+        }
+      });
+
+      setData(_data);
+    }
+  }, [sectionData, options]);
+
+  const getList = async () => {
+    try {
+      const res = await fetchSensitiveLibrary({
+        pageNo: 1,
+        pageSize: 9999,
+      });
+      if (res?.records) {
+        const options = (res?.records || []).map((item: any) => {
+          return {
+            key: item.id + '',
+            label: item.name,
+          };
+        });
+        setOptions(options);
+      }
+    } catch (e) {
+      console.error(e);
+    }
+  };
+
+  const handleEventsEmit = (name: string, eventsData?: any) => {
+    switch (name) {
+      case 'removeItem':
+        const _data = data.filter((p: any) => p.key !== eventsData.key);
+        setData([..._data]);
+        handleDatatoSubmit(_data);
+        break;
+    }
+  };
+
+  const handleDatatoSubmit = (selectedItems: any) => {
+    const item = selectedItems
+      .map((s: any) => s?.key || '')
+      .filter(key => key)
+      .join(',');
+    eventsEmit && eventsEmit('sensitive_selected', item);
+  };
+
+  const handleOk = () => {
+    // 通过 ref 获取选中的项
+    const selectedItems = selectorRef.current?.getSelectedItems() || [];
+    setData(selectedItems);
+    setIsModalShow(false);
+    handleDatatoSubmit(selectedItems);
+  };
+
+  return (
+    <div style={{ borderBottom: '1px solid #E5E6EB', padding: '12px 0 ' }}>
+      <div className="flex items-center justify-between">
+        <div className="flex items-center">
+          <img src={Icon} />
+          <span
+            className="font-medium "
+            style={{
+              marginLeft: '10px',
+            }}
+          >
+            敏感词
+          </span>
+        </div>
+        <Button
+          color="primary"
+          variant="outlined"
+          size="small"
+          icon={<Plus size={14} />}
+          onClick={() => setIsModalShow(true)}
+        >
+          添加
+        </Button>
+      </div>
+      <Checkbox
+        value={showDefaultAnswer}
+        onChange={(e: any) => setShowDefaultAnswer(e.target.checked)}
+        style={{
+          marginBottom: 8,
+          marginTop: 8,
+        }}
+      >
+        自定义回复
+      </Checkbox>
+      {showDefaultAnswer && (
+        <Item label="自定义回复内容" name="defaultAnswer" layout="vertical">
+          <Input.TextArea style={{ height: '55px', resize: 'none' }} />
+        </Item>
+      )}
+      {data?.length > 0 && (
+        <ResourceBinderItem
+          countText={data?.length > 0 ? `已选：${data?.length}个敏感词库` : undefined}
+          eventsEmit={handleEventsEmit}
+          data={data}
+        />
+      )}
+
+      <Modal
+        width={740}
+        title="选择敏感词"
+        okText="确定"
+        cancelText="取消"
+        open={isModalShow}
+        onOk={handleOk}
+        onCancel={() => setIsModalShow(false)}
+        destroyOnHidden
+      >
+        <SearchableSelector
+          ref={selectorRef}
+          dataSource={options}
+          value={data}
+          searchPlaceholder="搜索敏感词..."
+          width="700px"
+          height="500px"
+          title="敏感词库"
+          renderItem={item => {
+            return (
+              <div className="flex ">
+                <img src={Icon} alt="add" />
+                <span
+                  style={{
+                    marginLeft: 8,
+                  }}
+                >
+                  {item.label}
+                </span>
+              </div>
+            );
+          }}
+        />
+      </Modal>
+    </div>
+  );
+};
+
+export default SensitiveSection;

package/src/modules/assistantConfig/components/SliderInput.tsx

@@ -0,0 +1,65 @@
+import React from 'react';
+import { Slider, InputNumber, Space } from 'antd';
+
+interface SliderInputProps {
+  value?: number;
+  onChange?: (value: number | null) => void;
+  min?: number;
+  max?: number;
+  step?: number;
+  disabled?: boolean;
+  sliderStyle?: React.CSSProperties;
+  inputStyle?: React.CSSProperties;
+  inputWidth?: number;
+}
+
+const SliderInput: React.FC<SliderInputProps> = ({
+  value,
+  onChange,
+  min,
+  max,
+  step,
+  disabled,
+  sliderStyle,
+  inputStyle,
+  inputWidth = 90,
+}) => {
+  const handleSliderChange = (newValue: number | number[]) => {
+    const numValue = Array.isArray(newValue) ? newValue[0] : newValue;
+    onChange?.(numValue);
+  };
+
+  const handleInputChange = (newValue: number | null) => {
+    onChange?.(newValue);
+  };
+
+  return (
+    <Space style={{ width: '100%' }}>
+      <Slider
+        min={min}
+        max={max}
+        step={step}
+        disabled={disabled}
+        value={value}
+        onChange={handleSliderChange}
+        style={{
+          width: '200px',
+          flex: 1,
+          ...sliderStyle,
+        }}
+      />
+      <InputNumber
+        min={min}
+        max={max}
+        step={step}
+        disabled={disabled}
+        controls={false}
+        value={value}
+        onChange={handleInputChange}
+        style={{ width: inputWidth, ...inputStyle }}
+      />
+    </Space>
+  );
+};
+
+export default SliderInput;

package/src/modules/assistantConfig/constants.tsx

@@ -0,0 +1,74 @@
+export const EXPLANATION_KB_NAME = `当前选中的知识库列表，支持多选；`;
+export const EXPLANATION_PROMPT = `提示词用于指定聊天的背景和上下文，或者让助手采取某个人格来回答你的问题；`;
+export const EXPLANATION_MAX_ROUND = `交互对话场景里，系统能够记忆并有效关联的用户与模型之间来回交流的最大次数；`;
+export const EXPLANATION_DEPENDON_KB = `开关开启，则若系统未在知识库、数据库等企业知识数据范围内检索到答案，则直接拒绝回答相关问题；`;
+export const DEFAULT_PROMPT =
+  '你是一个智能助手，请总结知识库的内容来回答问题,请列举知识库中的数据详细回答。当所有知识库内容都与问题无关时，你的回答必须包括"知识库中未找到您要的答案!"';
+export const DEFAULT_ANSWER =
+  '您好！我注意到您的消息中可能包含了一些敏感的内容。为了保证社区的友好氛围，我们无法继续就此话题进行讨论。如果您有其他问题或需要帮助，我很乐意继续为您服务！谢谢您的理解和支持。';
+export const ASSISTANT_MIN_MAX = {
+  top_k: {
+    default: 10,
+    min: 1,
+    max: 15,
+    step: 1,
+    tooltip: `top_k代表模型最终取信的文本块数，例如门槛top_p = 0.8，top_k = 3，意味着模型会依据相似度高低取前3个大于0.8的文本块，即使当前可能有大于3个文本块的相似度大于0.8；`,
+  },
+  max_tokens: {
+    default: 4096,
+    min: 0,
+    max: 10000,
+    step: 64,
+    tooltip: `max_tokens代表模型窗口大小，即一次问答大模型一次能够接受的字符串最大长度，包括用户的提问和模型的回答；多轮对话中历史对话内容也包括在内；最大值取决于大模型本身是否支持；`,
+  },
+  max_round: {
+    default: 5,
+    min: 0,
+    max: 32,
+    step: 1,
+    tooltip: `交互对话场景里，系统能够记忆并有效关联的用户与模型之间来回交流的最大次数；`,
+  },
+  temperature: {
+    default: 0.3,
+    min: 0.1,
+    max: 1,
+    step: 0.1,
+    tooltip: `温度是模型回答的倾向性，取值范围一般是0～1; 取值趋近0代表着模型回答会更严谨，适合回答检索类问题; 取值趋近1则代表回答更发散，适合回答创新性的问题；`,
+  },
+  top_p: {
+    default: 0.8,
+    min: 0.1,
+    max: 1,
+    step: 0.1,
+    tooltip: `top_p 用于控制大模型生成策略，决定了模型在生成下一个词时，从累积概率达到 p 的最小词集合中进行采样。通常设置在0.8 - 0.95之间，top_p越低模型用词越保守，越高越活跃。`,
+  },
+  score_threshold: {
+    default: 0.1,
+    min: 0.1,
+    max: 1,
+    step: 0.1,
+    tooltip: `score_threshold参数是模型进行重排序时，对于文本块取舍的门槛值；`,
+  },
+};
+export const ASSISTANT_DEFAULT = {
+  search_policy: 1,
+  enabled_rerank: true,
+  need_trace_source: true,
+  trace_by_llm: true,
+  is_download: false,
+  dependOnKb: 0,
+  enabled_faq: false,
+  enabled_graph: false,
+  enabled_question_rewrite: false,
+  isDefault: 0,
+};
+export const SearchPolicyOptions = [
+  { label: '混合检索', value: 1 },
+  { label: '全文检索', value: 2 },
+  { label: '语义检索', value: 3 },
+];
+
+export const TraceabilityStrategy = [
+  { label: '规则溯源', value: false },
+  { label: '大模型溯源', value: true },
+];