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()

يحتوي قاموس المعلمة 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 على سبيل المثال التطبيقات. راجع Lackes.json ، Locks1.Json ، standes2.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()
• Submodule Masse Styse Tool Tool Function theme_utils
• وظيفة الأداة ذات الصلة تدويل الأداة الفرعية i18n_utils
  • التشغيل الدولي السريع Translator محتوى كتابة النصوص