feffery dash utils

Feffery-dash-utils

単純化された中国人|英語

Dashアプ​​リケーション開発の効率を改善するための一連のツール機能/ツールクラスが含まれています。

目次

VSCODEプラグインを使用して、貢献開発計画にインストールして参加します。

インストール

pip install feffery-dash-utils -U

vscodeプラグインを使用

vscodeでは、プラグインFeffery-Dash-Snippetsを使用すると、さまざまなツール機能/ツールクラスのすばやいインポートをすばやく実装できます。 utils: Pythonファイルに入力して、関連するショートカットコマンドをトリガーします。

既存のツール機能/ツールクラスのリスト

• style_utils
  • スタイル（）
    
• tree_utils
  • Treemanager
    
    • update_tree_node（）
      
    • add_node_before（）
      
    • add_node_after（）
      
    • delete_node（）
      
    • get_node（）
      
• i18n_utils
  • 翻訳者

style()

Dashコンポーネントを迅速に生成するために使用されるstyleパラメーター辞書には、ほとんどの小さなラクダ命名形式に共通の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

フロントエンドcookiesとローカルな国際構成ファイルドライバーに基づいて、 Dashアプリケーションで国際的な多言語ソリューションを迅速に構築するために使用されます。

使用の例

i18n_test_app.py、i18n_multi_test_app.pyなどのアプリケーションを参照してください。参照構成ファイルについては、loceRes.json、loceres1.json、loceres2.jsonを参照してください。

貢献に参加します

git clone https://github.com/CNFeffery/feffery-dash-utils.git
cd feffery-dash-utils
# 安装开发环境所需依赖
pip install -r requirements/dev.txt

開発計画

• スタイル関連のツール機能サブモジュールstyle_utils
  • ヘルパー機能styleを書きますstyle()
• layout_utilsサブモジュールレイアウト関連ツール関数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の迅速な国際運営