Упрощенный китайский | Английский
Содержит ряд инструментов/классов инструментов для повышения эффективности разработки приложений Dash .
Установите и участвуйте в плане разработки вклада с помощью плагина VSCODE.
pip install feffery-dash-utils -U В vscode , с подключаемым фейфери-дам-снептиптом, вы можете быстро реализовать быстрый импорт различных функций инструментов/классов инструментов. Введите utils: в файле Python , чтобы запустить соответствующие команды ярлыка.
style() Словарь параметров style используемый для быстрого генерирования компонентов Dash , имеет встроенные атрибуты css в большинстве небольших форматов именования верблюдов. Наведите мышь над именем параметра в общих идеях, чтобы просмотреть соответствующую введение функции атрибута китайского и английского языка. Контент автоматически генерируется на основе w3cschool .
Пример использования
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 Он используется для выполнения быстрого управления данными о структуре деревьев, от которых зависят компоненты дерева, такие как AntdTree и AntdTreeSelect . Конкретные методы включают в себя:
update_tree_node() Используется для выполнения общих или инкрементных обновлений узлов, соответствующих указанному key в данных структуры дерева.
Пример использования
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() Вставьте новый горизонтальный узел, прежде чем указать key соответствующий узлу, в данных структуры дерева.
Пример использования
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() Вставьте новый горизонтальный узел после указания соответствующего узла key в данных структуры дерева.
Пример использования
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() Удалить узел, соответствующий указанному key в данных структуры дерева.
Пример использования
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() Запросите узел, соответствующий указанному key в данных структуры дерева.
Пример использования
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 Он используется для быстрого создания международных многоязычных решений в приложениях Dash , основанных на фронтальных cookies и локальных драйверах файлов международных конфигураций.
Пример использования
См. I18n_test_app.py, i18n_multi_test_app.py, например, приложения. См. Socales.json, Socales1.json, локальный2.json для справочных файлов конфигурации.
git clone https://github.com/CNFeffery/feffery-dash-utils.git
cd feffery-dash-utils
# 安装开发环境所需依赖
pip install -r requirements/dev.txtstyle_utils style вспомогательной функции style() layout_utils router_utils template_utils table_utils callback_utils tree_utils TreeManager update_tree_node() add_node_before() add_node_after() после вставки узла дерева delete_node() get_node() theme_utils i18n_utils Translator контента копирайтинга