feffery dash utils
1.0.0
Chino simplificado | Inglés
Contiene una serie de funciones de herramientas/clases de herramientas para mejorar la eficiencia del desarrollo de aplicaciones Dash .
Instale y participe en el plan de desarrollo de contribuciones con el complemento VSCode.
pip install feffery-dash-utils -U En vscode , con el complemento Feffery-Dash-Snippets, puede implementar rápidamente la importación rápida de varias funciones de herramientas/clases de herramientas. Ingrese utils: en el archivo Python para activar los comandos de acceso directo relevante.
style() style utilizado para generar rápidamente componentes Dash tiene atributos css comunes incorporados en la mayoría de los pequeños formatos de nombres de camellos. Pase el mouse sobre el nombre del parámetro en ideas comunes para ver la introducción de función de atributo chino e inglés correspondiente. El contenido se genera automáticamente en función de w3cschool .
Ejemplo de uso
from feffery_dash_utils . style_utils import style
# 方式一：直接编写键值对样式
fac . AntdText (
'测试' ,
style = style (
fontSize = 16 ,
color = 'red'
)
)
# 方式二：解析CSS代码片段
fac . AntdText (
'测试' ,
style = style (
"""
.IvkwhTOsc9wu6RdvHESR .yK52Sq0w7wspWaS28YNl {
width: 91.46%;
margin-left: 4.27%;
margin-bottom: 5%;
position: relative;
}"""
)
)
# 方式三：混合使用
fac . AntdText (
'测试' ,
style = style (
"""
.IvkwhTOsc9wu6RdvHESR .yK52Sq0w7wspWaS28YNl {
width: 91.46%;
margin-left: 4.27%;
margin-bottom: 5%;
position: relative;
}""" ,
fontSize = 16 ,
color = 'red'
)
)TreeManager Se utiliza para realizar operaciones de gestión rápida en datos de estructura de árboles de los que dependen los componentes de los árboles como AntdTree y AntdTreeSelect . Los métodos específicos incluyen:
update_tree_node() Se utiliza para realizar actualizaciones generales o incrementales a los nodos correspondientes a la key especificada en los datos de la estructura del árbol.
Ejemplo de uso
from feffery_dash_utils . tree_utils import TreeManager
# 示例树形数据
demo_tree = [
{
'title' : '节点1' ,
'key' : '节点1' ,
'children' : [
{
'title' : '节点1-1' ,
'key' : '节点1-1' ,
'children' : [
{
'title' : '节点1-1-1' ,
'key' : '节点1-1-1' ,
},
{
'title' : '节点1-1-2' ,
'key' : '节点1-1-2' ,
},
],
}
],
},
{ 'title' : '节点2' , 'key' : '节点2' },
]
# 对示例树形数据指定节点进行整体替换
TreeManager . update_tree_node (
demo_tree ,
'节点1-1' ,
{ 'title' : '节点1-1' , 'key' : '节点1-1' },
)
# 对示例树形数据指定节点进行增量更新
TreeManager . update_tree_node (
demo_tree ,
'节点1-1' ,
{ 'title' : '节点1-1new' },
'overlay' ,
)add_node_before() Inserte un nuevo nodo horizontal antes de especificar key en los datos de la estructura del árbol.
Ejemplo de uso
from feffery_dash_utils . tree_utils import TreeManager
# 示例树形数据
demo_tree = [
{
'title' : '节点1' ,
'key' : '节点1' ,
'children' : [
{
'title' : '节点1-1' ,
'key' : '节点1-1' ,
'children' : [
{
'title' : '节点1-1-1' ,
'key' : '节点1-1-1' ,
},
{
'title' : '节点1-1-2' ,
'key' : '节点1-1-2' ,
},
],
}
],
},
{ 'title' : '节点2' , 'key' : '节点2' },
]
# 在示例树形数据指定节点前插入平级新节点
TreeManager . add_node_before (
demo_tree ,
'节点1-1' ,
{ 'title' : '节点1-0' , 'key' : '节点1-0' },
)add_node_after() Inserte un nuevo nodo horizontal después de especificar el nodo correspondiente de key en los datos de la estructura del árbol.
Ejemplo de uso
from feffery_dash_utils . tree_utils import TreeManager
# 示例树形数据
demo_tree = [
{
'title' : '节点1' ,
'key' : '节点1' ,
'children' : [
{
'title' : '节点1-1' ,
'key' : '节点1-1' ,
'children' : [
{
'title' : '节点1-1-1' ,
'key' : '节点1-1-1' ,
},
{
'title' : '节点1-1-2' ,
'key' : '节点1-1-2' ,
},
],
}
],
},
{ 'title' : '节点2' , 'key' : '节点2' },
]
# 在示例树形数据指定节点后插入平级新节点
TreeManager . add_node_after (
demo_tree ,
'节点1-1' ,
{ 'title' : '节点1-2' , 'key' : '节点1-2' },
)delete_node() Elimine el nodo correspondiente a la key especificada en los datos de la estructura del árbol.
Ejemplo de uso
from feffery_dash_utils . tree_utils import TreeManager
# 示例树形数据
demo_tree = [
{
'title' : '节点1' ,
'key' : '节点1' ,
'children' : [
{
'title' : '节点1-1' ,
'key' : '节点1-1' ,
'children' : [
{
'title' : '节点1-1-1' ,
'key' : '节点1-1-1' ,
},
{
'title' : '节点1-1-2' ,
'key' : '节点1-1-2' ,
},
],
}
],
},
{ 'title' : '节点2' , 'key' : '节点2' },
]
# 删除示例树形数据指定节点
TreeManager . delete_node ( demo_tree , '节点2' )get_node() Consulte el nodo correspondiente a la key especificada en los datos de la estructura del árbol.
Ejemplo de uso
from feffery_dash_utils . tree_utils import TreeManager
# 示例树形数据
demo_tree = [
{
'title' : '节点1' ,
'key' : '节点1' ,
'children' : [
{
'title' : '节点1-1' ,
'key' : '节点1-1' ,
'children' : [
{
'title' : '节点1-1-1' ,
'key' : '节点1-1-1' ,
},
{
'title' : '节点1-1-2' ,
'key' : '节点1-1-2' ,
},
],
}
],
},
{ 'title' : '节点2' , 'key' : '节点2' },
]
# 查询示例树形数据中存在的指定节点
TreeManager . get_node ( demo_tree , '节点1-1' )
# 查询示例树形数据中不存在的指定节点（将返回None）
TreeManager . get_node ( demo_tree , '节点1-666' )Translator Se utiliza para construir rápidamente soluciones multilingües internacionales en aplicaciones Dash , basadas en cookies front-end y controladores de archivos de configuración internacionales locales.
Ejemplo de uso
Ver i18n_test_app.py, i18n_multi_test_app.py, por ejemplo, aplicaciones. Consulte Locales.json, Locales1.json, Locales2.json para obtener archivos de configuración de referencia.
git clone https://github.com/CNFeffery/feffery-dash-utils.git
cd feffery-dash-utils
# 安装开发环境所需依赖
pip install -r requirements/dev.txtstyle_utils style de función auxiliar style() layout_utils router_utils template_utils table_utils callback_utils tree_utils TreeManager update_tree_node() add_node_before() add_node_after() después de insertar el nodo de árbol delete_node() get_node() theme_utils i18n_utils Translator de contenido de redacción
