IDOM客户端,使用Jupyter小部件实现
项目描述
idom-jupyter
IDOM客户端,使用Jupyter小部件实现
立即尝试!
点击下面的徽章查看一些实时示例
入门指南
使用 pip
进行安装
pip install idom_jupyter
然后,在执行任何操作之前,请执行以下操作之一
-
在笔记本顶部运行
import idom_jupyter
-
将
idom_jupyter
注册为永久性IPython扩展 在你的配置文件中c.InteractiveShellApp.extensions = [ 'idom_jupyter' ]
用法
完成 入门指南 后,您可以在Jupyter笔记本中本地创建和显示IDOM布局
import idom
@idom.component
def ClickCount():
count, set_count = idom.hooks.use_state(0)
return idom.html.button(
{"onClick": lambda event: set_count(count + 1)},
[f"Click count: {count}"],
)
ClickCount()
您还可以使用 idom_juptyer.widgetize
函数将 idom
元素构造函数转换为返回 ipywidget
的构造函数。如果您希望将IDOM与其他Jupyter小部件结合使用,这非常有用,如下例所示
ClickCountWidget = idom_jupyter.widgetize(ClickCount)
ipywidgets.Box(
[
ClickCountWidget(),
ClickCountWidget(),
]
)
或者,只需将 idom
元素实例包装在 idom_jupyter.LayoutWidget
中
ipywidgets.Box(
[
idom_jupyter.LayoutWidget(ClickCount()),
idom_jupyter.LayoutWidget(ClickCount()),
]
)
要了解更多信息,请查看这里的生活演示
开发安装
$ git clone https://github.com/idom-team/idom-jupyter.git
$ cd idom-jupyter
$ pip install -e .
$ jupyter nbextension install --py --symlink --overwrite --sys-prefix idom_jupyter
$ jupyter nbextension enable --py --sys-prefix idom_jupyter
在积极开发您的JupyterLab扩展时,运行以下命令
$ jupyter labextension develop --overwrite idom_jupyter
然后,在代码更改时,您需要重新构建JS
$ cd js
$ yarn run build
当您的javascript更改时,您需要刷新JupyterLab页面。
项目详情
下载文件
下载适合您平台的文件。如果您不确定该选择哪一个,请了解有关安装包的更多信息。
源分布
idom_jupyter-0.7.7.tar.gz (210.4 kB 查看哈希值)
构建分布
idom_jupyter-0.7.7-py3-none-any.whl (155.9 kB 查看哈希值)
关闭
idom_jupyter-0.7.7.tar.gz 的哈希值
算法 | 哈希摘要 | |
---|---|---|
SHA256 | 56386a2e072dcdc004c07fcece8fdfc2a5647fdc27a6539f32b8a4cf61641485 |
|
MD5 | 8653e4c97793c772cb74b24d19e3a6de |
|
BLAKE2b-256 | 653ef2c32f0ac8372b3be41582503bac2c8f739a4d860e63e299c587ca266afc |
关闭
idom_jupyter-0.7.7-py3-none-any.whl 的哈希值
算法 | 哈希摘要 | |
---|---|---|
SHA256 | 2af11083de1d9147290318c029f22b20d407300aab2a9db59b521725f271923a |
|
MD5 | 43c37dfb11fba857a082b093fe9f9c86 |
|
BLAKE2b-256 | 64d9803b88eb01e8dcd9d0597a3453e27221545e619a1ad1073008c68653bb64 |