宜搭上线 DeepSeek Chat 页面模板，一键启用 DS 对话

{
  "maxTokens":1000,
  "temperature":0,
  "messages":[
    {
      "role":"user",
      "content":"今天星期几"
    }
  ],
  "model":"deepseek-r1-distill-qwen-32b"
}

function fit(response) {
  // 接口返回值会默认增加一层包裹，解析时需注意
  const content = (response.content !== undefined) ? response.content : response;
  // 连接器服务的返回值
  const serviceReturnValue = (content && content.serviceReturnValue !== undefined) ? content.serviceReturnValue : content;
  const error = {
    message: response.errorMsg ||
      (response.errors && response.errors[0] && response.errors[0].msg) ||
      response.content || '远程数据源请求出错，success is false',
  };
  let success = true;
  if (response.success !== undefined) {
    success = response.success;
  } else if (response.hasError !== undefined) {
    success = !response.hasError;
  }
  return {
    content: JSON.parse(serviceReturnValue) || content,
    success,
    error,
  };
}

/**
* 尊敬的用户，你好：页面 JS 面板是高阶用法，一般不建议普通用户使用，如需使用，请确定你具备研发背景，能够自我排查问题。当然，你也可以咨询身边的技术顾问或者联系宜搭平台的技术支持获得服务（可能收费）。
* 我们可以用 JS 面板来开发一些定制度高功能，比如：调用阿里云接口用来做图像识别、上报用户使用数据（如加载完成打点）等等。
* 你可以点击面板上方的 「使用帮助」了解。
*/
// 当页面渲染完毕后马上调用下面的函数，这个函数是在当前页面 - 设置 - 生命周期 - 页面加载完成时中被关联的。
const MODELS_DS_QWEN_32B = "deepseek-r1-distill-qwen-32b";
const MODELS_DS_V3 = "deepseek-v3";
const MODELS_DS_R1 = "deepseek-r1";
export function didMount() {
  console.log(`「页面 JS」：当前页面地址 ${location.href}`);
  this.utils.loadScript('https://g.alicdn.com/code/lib/marked/15.0.4/marked.min.js').then(() => {
  });
  // console.log(`「页面 JS」：当前页面 id 参数为 ${this.state.urlParams.id}`);
  // 更多 this 相关 API 请参考：https://www.yuque.com/yida/support/ocmxyv#OCEXd
  // document.title = window.loginUser.userName + ' | 宜搭';
}
/**
* button onClick
*/
export function onClick() {
  this.setState({
    loading: true,
    inputMessage: this.$('inputArea').getValue()
  });
  this.dataSourceMap.callDS.load({
    "inputs": JSON.stringify({
      "messages": [
        {
          "role": "user",
          "content": $("inputArea").getValue(),
        },
      ],
      "model": this.state.isDS ? (this.state.isTY ? MODELS_DS_QWEN_32B : MODELS_DS_R1) : MODELS_DS_V3
    })
  }).then(res => {
    this.setState({
      "resultRaw": res.result.result.content,
      "result": this.parseContent(res.result.result.content),
      "loading": false
    })
  }).catch((error) => {
    this.utils.toast({
      title: error.message,
      type: 'error',
    });
    this.setState({
      loading: false,
      resultRaw: "",
      result: '服务器响应失败，请稍后再试',
    });
  })
}
export function parseContent(text) {
  const thinkRegex = /<think>([\s\S]*?)<\/think>/;
  const match = text.match(thinkRegex);
  if (match) {
    // 获取 think 内容（不含 think 标签）
    const thinkContent = match[1];
    // 获取 think 标签后的内容并解析
    const remainingContent = text.slice(match.index + match[0].length);
    const parsedContent = marked.parse(remainingContent);
    return `<think>${thinkContent}</think>${parsedContent}`;
  }
  // 如果没有 think 标签，直接解析整个内容
  return marked.parse(text);
}
/**
* switchField onChange
* @param value boolean 开关的值
*/
export function onChange({ value }) {
  this.setState({
    isDS: value
  })
  console.log(this.state.isDS ? (this.state.isTY ? MODELS_DS_QWEN_32B : MODELS_DS_R1) : MODELS_DS_V3)
}
/**
* switchField onChange
* @param value boolean 开关的值
*/
export function onChange2({ value }) {
  this.setState({
    isTY: value
  })
  console.log(this.state.isDS ? (this.state.isTY ? MODELS_DS_QWEN_32B : MODELS_DS_R1) : MODELS_DS_V3)
}
/**
* textareaField onKeyDown
*/
export function onKeyDown(ev) {
  if (ev.keyCode == 13) {
    ev.preventDefault();
    return this.onClick();
  }
}
export function copyToClipboard(text) {
  return navigator.clipboard.writeText(text);
}
/**
* 容器 当点击时
*/
export function onClick3() {
  this.utils.toast({
    title: "已成功复制到粘贴板",
    type: 'success',
  });
  this.copyToClipboard(this.state.resultRaw);
}