跳转到主要内容

IDOM客户端,使用Jupyter小部件实现

项目描述

idom-jupyter

IDOM客户端,使用Jupyter小部件实现

立即尝试!

点击下面的徽章查看一些实时示例

Binder

入门指南

使用 pip 进行安装

pip install idom_jupyter

然后,在执行任何操作之前,请执行以下操作之一

  1. 在笔记本顶部运行

    import idom_jupyter
    
  2. 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()),
    ]
)

要了解更多信息,请查看这里的生活演示

Binder

开发安装

对于开发安装(需要 Node.jsYarn版本1),

$ 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 查看哈希值)

上传时间 Python 3