streamlit 运行js 复制内容到剪贴板

要在Streamlit中运行JavaScript并将内容复制到剪贴板，你可以使用streamlit-components库中的Clipboard组件。

首先，你需要安装streamlit-components库：

pip install streamlit-component-lib

然后，创建一个名为`clipboard.js`的JavaScript文件，其中包含以下代码：

import {useState, useEffect} from "react";
import {Button} from "antd";

function Clipboard(props) {
    const [copySuccess, setCopySuccess] = useState("");
    function copyText(){
        navigator.clipboard.writeText(props.copyText);
        setCopySuccess("已复制到剪贴板！");
    };

    useEffect(() => {
        let timeout;
        if (copySuccess !== "") {
            timeout = setTimeout(() => {
                setCopySuccess("");
            }, 3000);
        }
        return () => {
            clearTimeout(timeout);
        };
    }, [copySuccess]);

    return (
        <div>
            <Button onClick={copyText}>{props.buttonText}</Button>
            {copySuccess}
        </div>
    );
}

这个代码包含一个名为`Clipboard`的React组件。它将使用`navigator.clipboard.writeText`函数将文本复制到剪贴板，并显示一个成功消息。

接下来，创建一个名为`clipboard.py`的Python文件，其中包含以下代码：

import streamlit.components.v1 as components

Clipboard = components.declare_component(
    "Clipboard",
    url="http://localhost:3001",
)

def clipboard(copyText: str, buttonText: str):
    return Clipboard(copyText=copyText, buttonText=buttonText, key=1)

这个代码使用`components.declare_component`函数声明名为`Clipboard`的组件，并将其URL设置为`http://localhost:3001`（这是组件的默认URL）。

最后，在Streamlit应用程序中，你可以使用以下代码来使用`clipboard`函数：

import clipboard

text_to_copy = "Hello, world!"
button_text = "复制到剪贴板"

if clipboard.clipboard(text_to_copy, button_text):
    st.success("已复制到剪贴板！")

这个代码将使用`clipboard`函数来创建一个复制文本到剪贴板的按钮，并在成功时显示一个消息。