feffery dash utils
1.0.0
Chinois simplifié | Anglais
Contient une série de fonctions d'outils / classes d'outils pour améliorer l'efficacité du développement des applications Dash .
Installez et participez au plan de développement des contributions avec le plug-in VScode.
pip install feffery-dash-utils -U Dans vscode , avec le plug-in feffery-dash-snippets, vous pouvez rapidement implémenter l'importation rapide de diverses fonctions d'outils / classes d'outils. Entrez utils: dans le fichier Python pour déclencher les commandes de raccourci pertinentes.
style() style utilisé pour générer rapidement des composants Dash a des attributs css communs intégrés dans la plupart des petits formats de dénomination de chameau. Survolez la souris sur le nom du paramètre dans des idées communes pour afficher la fonction d'attribut chinois et anglaise correspondante. Le contenu est automatiquement généré sur la base de w3cschool .
Exemple d'utilisation
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 Il est utilisé pour effectuer des opérations de gestion rapides sur les données de structure des arbres dont dépendent les composants des arbres tels que AntdTree et AntdTreeSelect . Les méthodes spécifiques incluent:
update_tree_node() Utilisé pour effectuer des mises à jour globales ou incrémentielles des nœuds correspondant à la key spécifiée dans les données de structure d'arbre.
Exemple d'utilisation
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() Insérez un nouveau nœud horizontal avant de spécifier key dans les données de structure d'arbre.
Exemple d'utilisation
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() Insérez un nouveau nœud horizontal après avoir spécifié le nœud correspondant de key dans les données de la structure des arbres.
Exemple d'utilisation
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() Supprimez le nœud correspondant à la key spécifiée dans les données de structure de l'arborescence.
Exemple d'utilisation
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() Interrogez le nœud correspondant à la key spécifiée dans les données de structure d'arbre.
Exemple d'utilisation
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 Il est utilisé pour créer rapidement des solutions multilingues internationales dans les applications Dash , en fonction cookies frontaux et des pilotes de fichiers de configuration internationaux locaux.
Exemple d'utilisation
Voir i18n_test_app.py, i18n_multi_test_app.py par exemple les applications. Voir locales.json, LOCALES1.JSON, LOCALLES2.JSON pour les fichiers de configuration de référence.
git clone https://github.com/CNFeffery/feffery-dash-utils.git
cd feffery-dash-utils
# 安装开发环境所需依赖
pip install -r requirements/dev.txtstyle_utils style de fonction d'assistance style() layout_utils router_utils template_utils table_utils callback_utils tree_utils TreeManager update_tree_node() add_node_before() add_node_after() après l'insertion du nœud d'arbre delete_node() get_node() theme_utils i18n_utils Translator de contenu copywriting
