From 5332229f20c0ec1ad7ec598f3b30808502b9cd70 Mon Sep 17 00:00:00 2001
From: Col0ring <47329987+Col0ring@users.noreply.github.com>
Date: Mon, 11 Nov 2024 15:47:59 +0800
Subject: [PATCH] feat: integrate ant design (#32)
---
.changeset/five-actors-compete.md | 17 +
.changeset/fuzzy-goats-retire.md | 17 +
.changeset/lemon-laws-cross.md | 17 +
.changeset/pre.json | 25 +
.changeset/tough-walls-grab.md | 17 +
.github/workflows/lint.yaml | 2 -
.husky/commit-msg | 5 +-
.husky/pre-commit | 5 +-
.lintstagedrc | 2 +-
CHANGELOG.md | 24 +
README-zh_CN.md | 87 +-
README.md | 95 +-
backend/modelscope_studio/__init__.py | 9 +-
.../modelscope_studio/components/__init__.py | 6 -
.../components/antd/__init__.py | 145 +
.../components/antd/affix/__init__.py | 79 +
.../components/antd/alert/__init__.py | 84 +
.../antd/alert/error_boundary/__init__.py | 68 +
.../components/antd/anchor/__init__.py | 112 +
.../components/antd/anchor/item/__init__.py | 77 +
.../components/antd/auto_complete/__init__.py | 135 +
.../antd/auto_complete/option/__init__.py | 62 +
.../components/antd/avatar/__init__.py | 109 +
.../components/antd/avatar/group/__init__.py | 64 +
.../components/antd/badge/__init__.py | 86 +
.../components/antd/badge/ribbon/__init__.py | 61 +
.../components/antd/breadcrumb/__init__.py | 68 +
.../antd/breadcrumb/item/__init__.py | 112 +
.../components/antd/button/__init__.py | 149 +
.../components/antd/button/group/__init__.py | 55 +
.../components/antd/calendar/__init__.py | 95 +
.../components/antd/card/__init__.py | 135 +
.../components/antd/card/grid/__init__.py | 70 +
.../components/antd/card/meta/__init__.py | 71 +
.../components/antd/carousel/__init__.py | 86 +
.../components/antd/cascader/__init__.py | 177 +
.../components/antd/cascader/constants.py | 2 +
.../antd/cascader/option/__init__.py | 66 +
.../antd/cascader/panel/__init__.py | 106 +
.../components/antd/checkbox/__init__.py | 78 +
.../antd/checkbox/group/__init__.py | 100 +
.../antd/checkbox/group/option/__init__.py | 64 +
.../components/antd/collapse/__init__.py | 90 +
.../components/antd/collapse/item/__init__.py | 78 +
.../components/antd/color_picker/__init__.py | 124 +
.../antd/color_picker/preset/__init__.py | 61 +
.../components/antd/components.py | 138 +
.../antd/config_provider/__init__.py | 88 +
.../components/antd/date_picker/__init__.py | 197 +
.../antd/date_picker/preset/__init__.py | 60 +
.../antd/date_picker/range_picker/__init__.py | 188 +
.../components/antd/descriptions/__init__.py | 81 +
.../antd/descriptions/item/__init__.py | 64 +
.../components/antd/divider/__init__.py | 86 +
.../components/antd/drawer/__init__.py | 114 +
.../components/antd/dropdown/__init__.py | 110 +
.../antd/dropdown/button/__init__.py | 126 +
.../components/antd/empty/__init__.py | 64 +
.../components/antd/flex/__init__.py | 91 +
.../components/antd/float_button/__init__.py | 105 +
.../antd/float_button/back_top/__init__.py | 111 +
.../antd/float_button/group/__init__.py | 123 +
.../components/antd/form/__init__.py | 123 +
.../components/antd/form/item/__init__.py | 124 +
.../antd/form/item/rule/__init__.py | 80 +
.../components/antd/grid/col/__init__.py | 109 +
.../components/antd/grid/row/__init__.py | 89 +
.../components/antd/icon/__init__.py | 83 +
.../antd/icon/iconfont_provider/__init__.py | 61 +
.../components/antd/image/__init__.py | 115 +
.../antd/image/preview_group/__init__.py | 71 +
.../components/antd/input/__init__.py | 123 +
.../components/antd/input/otp/__init__.py | 88 +
.../antd/input/password/__init__.py | 120 +
.../components/antd/input/search/__init__.py | 120 +
.../antd/input/textarea/__init__.py | 104 +
.../components/antd/input_number/__init__.py | 139 +
.../components/antd/layout/__init__.py | 86 +
.../antd/layout/content/__init__.py | 70 +
.../components/antd/layout/footer/__init__.py | 70 +
.../components/antd/layout/header/__init__.py | 70 +
.../components/antd/layout/sider/__init__.py | 116 +
.../components/antd/list/__init__.py | 96 +
.../components/antd/list/item/__init__.py | 68 +
.../antd/list/item/meta/__init__.py | 62 +
.../components/antd/mentions/__init__.py | 123 +
.../antd/mentions/option/__init__.py | 66 +
.../components/antd/menu/__init__.py | 111 +
.../components/antd/menu/item/__init__.py | 83 +
.../components/antd/message/__init__.py | 79 +
.../components/antd/modal/__init__.py | 127 +
.../components/antd/notification/__init__.py | 100 +
.../components/antd/pagination/__init__.py | 102 +
.../components/antd/popconfirm/__init__.py | 148 +
.../components/antd/popover/__init__.py | 116 +
.../components/antd/progress/__init__.py | 90 +
.../components/antd/qr_code/__init__.py | 87 +
.../components/antd/radio/__init__.py | 80 +
.../components/antd/radio/button/__init__.py | 76 +
.../components/antd/radio/group/__init__.py | 100 +
.../antd/radio/group/option/__init__.py | 68 +
.../components/antd/rate/__init__.py | 101 +
.../components/antd/result/__init__.py | 70 +
.../components/antd/segmented/__init__.py | 90 +
.../antd/segmented/option/__init__.py | 64 +
.../components/antd/select/__init__.py | 215 +
.../components/antd/select/option/__init__.py | 66 +
.../components/antd/skeleton/__init__.py | 75 +
.../antd/skeleton/avatar/__init__.py | 62 +
.../antd/skeleton/button/__init__.py | 64 +
.../antd/skeleton/image/__init__.py | 55 +
.../antd/skeleton/input/__init__.py | 59 +
.../components/antd/skeleton/node/__init__.py | 57 +
.../components/antd/slider/__init__.py | 125 +
.../components/antd/slider/mark/__init__.py | 66 +
.../components/antd/space/__init__.py | 97 +
.../components/antd/space/compact/__init__.py | 76 +
.../components/antd/spin/__init__.py | 74 +
.../components/antd/splitter/__init__.py | 83 +
.../antd/splitter/panel/__init__.py | 81 +
.../components/antd/statistic/__init__.py | 79 +
.../antd/statistic/countdown/__init__.py | 79 +
.../components/antd/steps/__init__.py | 88 +
.../components/antd/steps/item/__init__.py | 68 +
.../components/antd/switch/__init__.py | 90 +
.../components/antd/table/__init__.py | 144 +
.../components/antd/table/column/__init__.py | 132 +
.../antd/table/column_group/__init__.py | 58 +
.../components/antd/table/constants.py | 5 +
.../antd/table/expandable/__init__.py | 93 +
.../antd/table/row_selection/__init__.py | 109 +
.../table/row_selection/selection/__init__.py | 72 +
.../components/antd/tabs/__init__.py | 118 +
.../components/antd/tabs/item/__init__.py | 70 +
.../components/antd/tag/__init__.py | 77 +
.../antd/tag/checkable_tag/__init__.py | 72 +
.../components/antd/time_picker/__init__.py | 145 +
.../antd/time_picker/range_picker/__init__.py | 162 +
.../components/antd/timeline/__init__.py | 70 +
.../components/antd/timeline/item/__init__.py | 64 +
.../components/antd/tooltip/__init__.py | 114 +
.../components/antd/tour/__init__.py | 102 +
.../components/antd/tour/step/__init__.py | 99 +
.../components/antd/transfer/__init__.py | 139 +
.../components/antd/tree/__init__.py | 166 +
.../antd/tree/directory_tree/__init__.py | 165 +
.../antd/tree/tree_node/__init__.py | 72 +
.../components/antd/tree_select/__init__.py | 204 +
.../antd/tree_select/tree_node/__init__.py | 72 +
.../components/antd/typography/__init__.py | 11 +
.../antd/typography/link/__init__.py | 144 +
.../antd/typography/paragraph/__init__.py | 155 +
.../antd/typography/text/__init__.py | 154 +
.../antd/typography/title/__init__.py | 155 +
.../components/antd/upload/__init__.py | 205 +
.../antd/upload/dragger/__init__.py | 153 +
.../components/antd/watermark/__init__.py | 73 +
.../components/base/__init__.py | 8 +
.../components/base/application/__init__.py | 106 +
.../components/base/div/__init__.py | 93 +
.../components/base/each/__init__.py | 72 +
.../components/base/filter/__init__.py | 44 +
.../components/base/fragment/__init__.py | 48 +
.../components/base/slot/__init__.py | 51 +
.../components/base/span/__init__.py | 92 +
.../components/base/text/__init__.py | 62 +
.../{ => legacy}/Chatbot/__init__.py | 5 +-
.../Chatbot/llm_thinking_presets.py | 0
.../components/{ => legacy}/Flow/__init__.py | 4 +-
.../components/{ => legacy}/Flow/edge.py | 0
.../components/{ => legacy}/Flow/node.py | 0
.../{ => legacy}/Flow/node_schema.py | 0
.../{ => legacy}/Lifecycle/__init__.py | 7 +-
.../{ => legacy}/Markdown/__init__.py | 5 +-
.../{ => legacy}/MultimodalInput/__init__.py | 4 +-
.../{ => legacy}/WaterfallGallery/__init__.py | 4 +-
.../components/legacy/__init__.py | 6 +
.../utils/{ => dev}/__init__.py | 6 +-
.../modelscope_studio/utils/dev/component.py | 150 +
.../utils/{ => dev}/process_links.py | 0
.../utils/dev/resolve_frontend_dir.py | 15 +
backend/modelscope_studio/version.py | 2 +-
config/changelog/CHANGELOG.md | 24 +
config/changelog/package.json | 12 +-
config/lint-config/CHANGELOG.md | 24 +
config/lint-config/configs/eslint/basic.mjs | 3 +-
config/lint-config/configs/eslint/react.mjs | 2 +-
config/lint-config/configs/eslint/svelte.mjs | 3 +-
.../lint-config/configs/eslint/typescript.mjs | 16 +-
config/lint-config/eslint.mjs | 2 +-
config/lint-config/package.json | 30 +-
docs/Dockerfile | 15 -
docs/README-zh_CN.md | 49 +-
docs/README.md | 62 +-
docs/api/app.py | 2 +-
docs/app.py | 219 +-
docs/components/WaterfallGallery/app.py | 6 -
docs/components/antd/button/README-zh_CN.md | 7 +
docs/components/antd/button/README.md | 7 +
.../{Chatbot => antd/button}/app.py | 2 +-
docs/components/antd/button/demos/basic.py | 26 +
docs/components/antd/divider/README-zh_CN.md | 7 +
docs/components/antd/divider/README.md | 7 +
docs/components/{Flow => antd/divider}/app.py | 2 +-
docs/components/antd/divider/demos/basic.py | 29 +
.../antd/float_button/README-zh_CN.md | 7 +
docs/components/antd/float_button/README.md | 7 +
.../{Lifecycle => antd/float_button}/app.py | 2 +-
.../antd/float_button/demos/basic.py | 30 +
docs/components/antd/icon/README-zh_CN.md | 9 +
docs/components/antd/icon/README.md | 9 +
.../{MultimodalInput => antd/icon}/app.py | 2 +-
docs/components/antd/icon/demos/basic.py | 20 +
docs/components/antd/icon/demos/iconfont.py | 22 +
docs/components/antd/overview/README-zh_CN.md | 73 +
docs/components/antd/overview/README.md | 73 +
docs/components/antd/overview/app.py | 6 +
.../demos/integrate_other_components.py | 17 +
.../antd/overview/demos/limit_event.py | 18 +
.../antd/overview/demos/limit_function.py | 14 +
.../demos/limit_function_with_event.py | 21 +
.../antd/overview/demos/limit_react_node.py | 22 +
.../limit_react_node_function_by_function.py | 75 +
.../limit_react_node_function_by_slot.py | 15 +
.../antd/overview/demos/quick_start.py | 12 +
.../antd/typography/README-zh_CN.md | 7 +
docs/components/antd/typography/README.md | 7 +
docs/components/antd/typography/app.py | 6 +
.../components/antd/typography/demos/basic.py | 23 +
.../base/application/README-zh_CN.md | 20 +
docs/components/base/application/README.md | 20 +
docs/components/base/application/app.py | 6 +
.../base/application/demos/basic.py | 14 +
.../base/application/demos/custom_event.py | 20 +
.../application/demos/language_adaptation.py | 39 +
.../application/demos/theme_adaptation.py | 34 +
docs/components/base/div/README-zh_CN.md | 7 +
docs/components/base/div/README.md | 7 +
docs/components/base/div/app.py | 6 +
docs/components/base/div/demos/basic.py | 12 +
docs/components/base/each/README-zh_CN.md | 27 +
docs/components/base/each/README.md | 27 +
docs/components/base/each/app.py | 6 +
docs/components/base/each/demos/basic.py | 35 +
.../components/base/each/demos/use_as_item.py | 69 +
.../base/each/demos/use_context_value.py | 69 +
docs/components/base/filter/README-zh_CN.md | 21 +
docs/components/base/filter/README.md | 21 +
docs/components/base/filter/app.py | 6 +
docs/components/base/filter/demos/basic.py | 20 +
.../base/filter/demos/use_as_item.py | 27 +
.../base/filter/demos/use_params_mapping.py | 26 +
docs/components/base/fragment/README-zh_CN.md | 9 +
docs/components/base/fragment/README.md | 9 +
docs/components/base/fragment/app.py | 6 +
docs/components/base/fragment/demos/basic.py | 22 +
docs/components/base/slot/README-zh_CN.md | 16 +
docs/components/base/slot/README.md | 16 +
docs/components/base/slot/app.py | 6 +
docs/components/base/slot/demos/basic.py | 23 +
docs/components/base/span/README-zh_CN.md | 7 +
docs/components/base/span/README.md | 7 +
docs/components/base/span/app.py | 6 +
docs/components/base/span/demos/basic.py | 12 +
docs/components/base/text/README-zh_CN.md | 7 +
docs/components/base/text/README.md | 7 +
docs/components/base/text/app.py | 6 +
docs/components/base/text/demos/basic.py | 11 +
.../{ => legacy}/Chatbot/README-zh_CN.md | 2 +-
.../components/{ => legacy}/Chatbot/README.md | 2 +-
docs/components/legacy/Chatbot/app.py | 6 +
.../{ => legacy}/Chatbot/demos/accordion.py | 3 +-
.../{ => legacy}/Chatbot/demos/basic.py | 0
.../{ => legacy}/Chatbot/demos/chart.py | 0
.../Chatbot/demos/message_config.py | 0
.../{ => legacy}/Chatbot/demos/multi_bots.py | 0
.../{ => legacy}/Chatbot/demos/multimodal.py | 0
.../{ => legacy}/Chatbot/demos/select-box.py | 4 +-
docs/components/{ => legacy}/Docs.py | 6 +-
.../{ => legacy}/Flow/README-zh_CN.md | 0
docs/components/{ => legacy}/Flow/README.md | 0
docs/components/legacy/Flow/app.py | 6 +
.../{ => legacy}/Flow/define_schema-zh_CN.md | 0
.../{ => legacy}/Flow/define_schema.md | 0
.../{ => legacy}/Flow/demos/basic.py | 2 +-
.../Flow/demos/component_options.py | 3 +-
.../Flow/demos/custom_node_type.py | 6 +-
.../Flow/schema/agents_schema.json | 0
.../{ => legacy}/Flow/schema/agents_schema.py | 2 +-
.../{ => legacy}/Lifecycle/README-zh_CN.md | 0
.../{ => legacy}/Lifecycle/README.md | 0
docs/components/legacy/Lifecycle/app.py | 6 +
.../{ => legacy}/Lifecycle/demos/basic.py | 0
.../Lifecycle/demos/language_adaptation.py | 0
.../Lifecycle/demos/theme_adaptation.py | 0
.../{ => legacy}/Markdown/README-zh_CN.md | 0
.../{ => legacy}/Markdown/README.md | 0
docs/components/{ => legacy}/Markdown/app.py | 2 +-
.../Markdown/custom_tags/accordion-zh_CN.md | 0
.../Markdown/custom_tags/accordion.md | 0
.../Markdown/custom_tags/chart-zh_CN.md | 0
.../Markdown/custom_tags/chart.md | 0
.../Markdown/custom_tags/select-box-zh_CN.md | 0
.../Markdown/custom_tags/select-box.md | 0
.../{ => legacy}/Markdown/demos/accordion.py | 2 +-
.../{ => legacy}/Markdown/demos/basic.py | 0
.../{ => legacy}/Markdown/demos/chart.py | 0
.../{ => legacy}/Markdown/demos/custom-tag.py | 0
.../Markdown/demos/custom-tag2.py | 0
.../Markdown/demos/custom-tag3.py | 0
.../Markdown/demos/custom-tag4.py | 0
.../custom_tags/accordion/accordion-title.py | 0
.../demos/custom_tags/accordion/basic.py | 0
.../Markdown/demos/custom_tags/chart/basic.py | 0
.../demos/custom_tags/select-box/basic.py | 4 +-
.../custom_tags/select-box/card_shape.py | 4 +-
.../select-box/card_shape_width_auto.py | 0
.../custom_tags/select-box/python_events.py | 0
.../{ => legacy}/Markdown/demos/multimodal.py | 0
.../{ => legacy}/Markdown/demos/select-box.py | 4 +-
.../MultimodalInput/README-zh_CN.md | 0
.../{ => legacy}/MultimodalInput/README.md | 0
docs/components/legacy/MultimodalInput/app.py | 6 +
.../MultimodalInput/demos/basic.py | 0
.../MultimodalInput/demos/config_buttons.py | 0
.../MultimodalInput/demos/upload_sources.py | 0
.../MultimodalInput/demos/with_chatbot.py | 0
docs/components/legacy/README-zh_CN.md | 33 +
docs/components/legacy/README.md | 33 +
.../WaterfallGallery/README-zh_CN.md | 0
.../{ => legacy}/WaterfallGallery/README.md | 0
.../components/legacy/WaterfallGallery/app.py | 6 +
.../WaterfallGallery/demos/basic.py | 0
.../demos/like_click_feedback.py | 0
.../WaterfallGallery/demos/load_more.py | 0
.../demos/responsive_columns.py | 0
docs/components/legacy/app.py | 35 +
.../components/{ => legacy}/parse_markdown.py | 0
.../{ => legacy}/resources/audio.wav | Bin
.../{ => legacy}/resources/bot.jpeg | Bin
.../custom_components/custom_select.js | 0
.../components/{ => legacy}/resources/dog.mp4 | Bin
.../{ => legacy}/resources/image-bot.jpeg | Bin
.../{ => legacy}/resources/modelscope.svg | 0
.../{ => legacy}/resources/music-bot.jpeg | Bin
.../{ => legacy}/resources/screen.jpeg | Bin
.../{ => legacy}/resources/user.jpeg | Bin
docs/components/{ => legacy}/tab-link.js | 0
docs/demos/example.py | 12 +
docs/helper/Docs.py | 128 +
docs/helper/Site.py | 197 +
docs/helper/env.py | 3 +
docs/helper/parse_markdown.py | 81 +
docs/legacy_app.py | 6 +
docs/requirements.txt | 2 +-
docs/resources/gradio.png | Bin 0 -> 52484 bytes
docs/resources/modelscope.png | Bin 0 -> 9547 bytes
eslint.config.mjs | 2 +-
fixtures.d.ts | 8 -
frontend/CHANGELOG.md | 38 +-
frontend/Chatbot/gradio.config.js | 6 -
frontend/Chatbot/package.json | 27 -
frontend/Flow/gradio.config.js | 6 -
frontend/Flow/package.json | 30 -
frontend/Flow/schema.ts | 1 -
frontend/Lifecycle/CHANGELOG.md | 27 -
frontend/Lifecycle/package.json | 21 -
frontend/Markdown/gradio.config.js | 6 -
frontend/Markdown/package.json | 25 -
frontend/MultimodalInput/gradio.config.js | 6 -
frontend/MultimodalInput/package.json | 29 -
frontend/WaterfallGallery/CHANGELOG.md | 57 -
frontend/WaterfallGallery/gradio.config.js | 6 -
frontend/WaterfallGallery/package.json | 28 -
frontend/antd/CHANGELOG.md | 25 +
frontend/antd/affix/Index.svelte | 78 +
frontend/antd/affix/affix.tsx | 13 +
frontend/antd/affix/gradio.config.js | 3 +
frontend/antd/affix/package.json | 14 +
frontend/antd/alert/Index.svelte | 73 +
frontend/antd/alert/alert.tsx | 40 +
.../antd/alert/error-boundary/Index.svelte | 78 +
.../error-boundary/alert.error-boundary.tsx | 27 +
.../alert/error-boundary/gradio.config.js | 3 +
.../antd/alert/error-boundary/package.json | 14 +
frontend/antd/alert/gradio.config.js | 3 +
frontend/antd/alert/package.json | 14 +
frontend/antd/anchor/Index.svelte | 77 +
frontend/antd/anchor/anchor.tsx | 45 +
frontend/antd/anchor/context.ts | 6 +
frontend/antd/anchor/gradio.config.js | 3 +
frontend/antd/anchor/item/Index.svelte | 86 +
frontend/antd/anchor/item/gradio.config.js | 3 +
frontend/antd/anchor/item/package.json | 14 +
frontend/antd/anchor/package.json | 14 +
frontend/antd/auto-complete/Index.svelte | 89 +
frontend/antd/auto-complete/auto-complete.tsx | 127 +
frontend/antd/auto-complete/context.ts | 6 +
frontend/antd/auto-complete/gradio.config.js | 3 +
.../antd/auto-complete/option/Index.svelte | 94 +
.../auto-complete/option/gradio.config.js | 3 +
.../antd/auto-complete/option/package.json | 14 +
frontend/antd/auto-complete/package.json | 14 +
frontend/antd/avatar/Index.svelte | 87 +
frontend/antd/avatar/avatar.tsx | 23 +
frontend/antd/avatar/gradio.config.js | 3 +
frontend/antd/avatar/group/Index.svelte | 74 +
frontend/antd/avatar/group/avatar.group.tsx | 44 +
frontend/antd/avatar/group/gradio.config.js | 3 +
frontend/antd/avatar/group/package.json | 14 +
frontend/antd/avatar/package.json | 14 +
frontend/antd/badge/Index.svelte | 80 +
frontend/antd/badge/badge.tsx | 20 +
frontend/antd/badge/gradio.config.js | 3 +
frontend/antd/badge/package.json | 14 +
frontend/antd/badge/ribbon/Index.svelte | 77 +
frontend/antd/badge/ribbon/badge.ribbon.tsx | 21 +
frontend/antd/badge/ribbon/gradio.config.js | 3 +
frontend/antd/badge/ribbon/package.json | 14 +
frontend/antd/breadcrumb/Index.svelte | 83 +
frontend/antd/breadcrumb/breadcrumb.tsx | 51 +
frontend/antd/breadcrumb/context.ts | 6 +
frontend/antd/breadcrumb/gradio.config.js | 3 +
.../breadcrumb/item/BreadcrumbItem.svelte | 173 +
frontend/antd/breadcrumb/item/Index.svelte | 42 +
.../antd/breadcrumb/item/gradio.config.js | 3 +
frontend/antd/breadcrumb/item/package.json | 14 +
frontend/antd/breadcrumb/package.json | 14 +
frontend/antd/button/Index.svelte | 86 +
frontend/antd/button/button.tsx | 17 +
frontend/antd/button/gradio.config.js | 3 +
frontend/antd/button/group/Index.svelte | 74 +
frontend/antd/button/group/button.group.less | 20 +
frontend/antd/button/group/button.group.tsx | 26 +
frontend/antd/button/group/gradio.config.js | 3 +
frontend/antd/button/group/package.json | 14 +
frontend/antd/button/package.json | 14 +
frontend/antd/calendar/Index.svelte | 83 +
frontend/antd/calendar/calendar.tsx | 96 +
frontend/antd/calendar/gradio.config.js | 3 +
frontend/antd/calendar/package.json | 14 +
frontend/antd/card/Index.svelte | 68 +
frontend/antd/card/card.tsx | 41 +
frontend/antd/card/gradio.config.js | 3 +
frontend/antd/card/grid/Index.svelte | 68 +
frontend/antd/card/grid/card.grid.tsx | 6 +
frontend/antd/card/grid/gradio.config.js | 3 +
frontend/antd/card/grid/package.json | 14 +
frontend/antd/card/meta/Index.svelte | 70 +
frontend/antd/card/meta/card.meta.tsx | 27 +
frontend/antd/card/meta/gradio.config.js | 3 +
frontend/antd/card/meta/package.json | 14 +
frontend/antd/card/package.json | 14 +
frontend/antd/carousel/Index.svelte | 73 +
frontend/antd/carousel/carousel.tsx | 30 +
frontend/antd/carousel/gradio.config.js | 3 +
frontend/antd/carousel/package.json | 14 +
frontend/antd/cascader/Index.svelte | 89 +
frontend/antd/cascader/cascader.tsx | 190 +
frontend/antd/cascader/context.ts | 6 +
frontend/antd/cascader/gradio.config.js | 3 +
frontend/antd/cascader/option/Index.svelte | 90 +
.../antd/cascader/option/gradio.config.js | 3 +
frontend/antd/cascader/option/package.json | 14 +
frontend/antd/cascader/package.json | 14 +
frontend/antd/cascader/panel/Index.svelte | 85 +
.../antd/cascader/panel/cascader.panel.tsx | 72 +
frontend/antd/cascader/panel/gradio.config.js | 3 +
frontend/antd/cascader/panel/package.json | 14 +
frontend/antd/checkbox/Index.svelte | 79 +
frontend/antd/checkbox/checkbox.tsx | 21 +
frontend/antd/checkbox/context.ts | 6 +
frontend/antd/checkbox/gradio.config.js | 3 +
frontend/antd/checkbox/group/Index.svelte | 85 +
.../antd/checkbox/group/checkbox.group.tsx | 47 +
frontend/antd/checkbox/group/gradio.config.js | 3 +
.../antd/checkbox/group/option/Index.svelte | 95 +
.../checkbox/group/option/gradio.config.js | 3 +
.../antd/checkbox/group/option/package.json | 14 +
frontend/antd/checkbox/group/package.json | 14 +
frontend/antd/checkbox/package.json | 14 +
frontend/antd/collapse/Index.svelte | 83 +
frontend/antd/collapse/collapse.tsx | 58 +
frontend/antd/collapse/context.ts | 6 +
frontend/antd/collapse/gradio.config.js | 3 +
frontend/antd/collapse/item/Index.svelte | 93 +
frontend/antd/collapse/item/gradio.config.js | 3 +
frontend/antd/collapse/item/package.json | 14 +
frontend/antd/collapse/package.json | 14 +
frontend/antd/color-picker/Index.svelte | 91 +
frontend/antd/color-picker/color-picker.tsx | 84 +
frontend/antd/color-picker/context.ts | 6 +
frontend/antd/color-picker/gradio.config.js | 3 +
frontend/antd/color-picker/package.json | 14 +
.../antd/color-picker/preset/Index.svelte | 95 +
.../antd/color-picker/preset/gradio.config.js | 3 +
.../antd/color-picker/preset/package.json | 14 +
frontend/antd/config-provider/Index.svelte | 70 +
.../antd/config-provider/config-provider.tsx | 139 +
.../antd/config-provider/gradio.config.js | 3 +
frontend/antd/config-provider/locales.ts | 74 +
frontend/antd/config-provider/package.json | 14 +
frontend/antd/date-picker/Index.svelte | 88 +
frontend/antd/date-picker/context.ts | 6 +
frontend/antd/date-picker/date-picker.tsx | 225 +
frontend/antd/date-picker/gradio.config.js | 3 +
frontend/antd/date-picker/package.json | 14 +
frontend/antd/date-picker/preset/Index.svelte | 91 +
.../antd/date-picker/preset/gradio.config.js | 3 +
frontend/antd/date-picker/preset/package.json | 14 +
.../date-picker/range-picker/Index.svelte | 93 +
.../range-picker/date-picker.range-picker.tsx | 241 +
.../date-picker/range-picker/gradio.config.js | 3 +
.../date-picker/range-picker/package.json | 14 +
frontend/antd/descriptions/Index.svelte | 81 +
frontend/antd/descriptions/context.ts | 6 +
frontend/antd/descriptions/descriptions.tsx | 37 +
frontend/antd/descriptions/gradio.config.js | 3 +
frontend/antd/descriptions/item/Index.svelte | 93 +
.../antd/descriptions/item/gradio.config.js | 3 +
frontend/antd/descriptions/item/package.json | 14 +
frontend/antd/descriptions/package.json | 14 +
frontend/antd/divider/Index.svelte | 86 +
frontend/antd/divider/divider.tsx | 10 +
frontend/antd/divider/gradio.config.js | 3 +
frontend/antd/divider/package.json | 14 +
frontend/antd/drawer/Index.svelte | 79 +
frontend/antd/drawer/drawer.tsx | 53 +
frontend/antd/drawer/gradio.config.js | 3 +
frontend/antd/drawer/package.json | 14 +
frontend/antd/dropdown/Index.svelte | 82 +
frontend/antd/dropdown/button/Index.svelte | 92 +
.../antd/dropdown/button/dropdown.button.tsx | 85 +
.../antd/dropdown/button/gradio.config.js | 3 +
frontend/antd/dropdown/button/package.json | 14 +
frontend/antd/dropdown/dropdown.tsx | 82 +
frontend/antd/dropdown/gradio.config.js | 3 +
frontend/antd/dropdown/package.json | 14 +
frontend/antd/empty/Index.svelte | 73 +
frontend/antd/empty/empty.tsx | 28 +
frontend/antd/empty/gradio.config.js | 3 +
frontend/antd/empty/package.json | 14 +
frontend/antd/flex/Index.svelte | 73 +
frontend/antd/flex/flex.tsx | 8 +
frontend/antd/flex/gradio.config.js | 3 +
frontend/antd/flex/package.json | 14 +
frontend/antd/float-button/Index.svelte | 75 +
.../antd/float-button/back-top/Index.svelte | 81 +
.../back-top/float-button.back-top.tsx | 46 +
.../float-button/back-top/gradio.config.js | 3 +
.../antd/float-button/back-top/package.json | 14 +
frontend/antd/float-button/float-button.tsx | 45 +
frontend/antd/float-button/gradio.config.js | 3 +
frontend/antd/float-button/group/Index.svelte | 83 +
.../group/float-button.group.less | 30 +
.../float-button/group/float-button.group.tsx | 69 +
.../antd/float-button/group/gradio.config.js | 3 +
frontend/antd/float-button/group/package.json | 14 +
frontend/antd/float-button/package.json | 14 +
frontend/antd/form/Index.svelte | 90 +
frontend/antd/form/context.ts | 7 +
frontend/antd/form/form.tsx | 58 +
frontend/antd/form/gradio.config.js | 3 +
frontend/antd/form/item/Index.svelte | 80 +
frontend/antd/form/item/form.item.tsx | 130 +
frontend/antd/form/item/gradio.config.js | 3 +
frontend/antd/form/item/package.json | 14 +
frontend/antd/form/item/rule/Index.svelte | 94 +
frontend/antd/form/item/rule/global.css | 3 +
frontend/antd/form/item/rule/gradio.config.js | 3 +
frontend/antd/form/item/rule/package.json | 14 +
frontend/antd/form/package.json | 14 +
frontend/antd/grid/col/Index.svelte | 83 +
frontend/antd/grid/col/gradio.config.js | 3 +
frontend/antd/grid/col/package.json | 14 +
frontend/antd/grid/context.ts | 6 +
frontend/antd/grid/row/Index.svelte | 77 +
frontend/antd/grid/row/gradio.config.js | 3 +
frontend/antd/grid/row/package.json | 14 +
frontend/antd/grid/row/row.tsx | 30 +
frontend/antd/icon/Index.svelte | 77 +
frontend/antd/icon/gradio.config.js | 3 +
frontend/antd/icon/icon.tsx | 26 +
.../antd/icon/iconfont-provider/Index.svelte | 61 +
.../antd/icon/iconfont-provider/context.ts | 37 +
.../icon/iconfont-provider/create-iconfont.ts | 3 +
.../icon/iconfont-provider/gradio.config.js | 3 +
.../antd/icon/iconfont-provider/package.json | 14 +
frontend/antd/icon/package.json | 14 +
frontend/antd/image/Index.svelte | 92 +
frontend/antd/image/gradio.config.js | 3 +
frontend/antd/image/image.tsx | 90 +
frontend/antd/image/package.json | 14 +
.../antd/image/preview-group/Index.svelte | 82 +
.../antd/image/preview-group/gradio.config.js | 3 +
.../preview-group/image.preview-group.tsx | 54 +
.../antd/image/preview-group/package.json | 14 +
frontend/antd/input-number/Index.svelte | 79 +
frontend/antd/input-number/gradio.config.js | 3 +
frontend/antd/input-number/input-number.tsx | 91 +
frontend/antd/input-number/package.json | 14 +
frontend/antd/input/Index.svelte | 84 +
frontend/antd/input/gradio.config.js | 3 +
frontend/antd/input/input.tsx | 122 +
frontend/antd/input/otp/Index.svelte | 77 +
frontend/antd/input/otp/gradio.config.js | 3 +
frontend/antd/input/otp/input.otp.tsx | 31 +
frontend/antd/input/otp/package.json | 14 +
frontend/antd/input/package.json | 14 +
frontend/antd/input/password/Index.svelte | 89 +
frontend/antd/input/password/gradio.config.js | 3 +
.../antd/input/password/input.password.tsx | 133 +
frontend/antd/input/password/package.json | 14 +
frontend/antd/input/search/Index.svelte | 87 +
frontend/antd/input/search/gradio.config.js | 3 +
frontend/antd/input/search/input.search.tsx | 129 +
frontend/antd/input/search/package.json | 14 +
frontend/antd/input/textarea/Index.svelte | 89 +
frontend/antd/input/textarea/gradio.config.js | 3 +
.../antd/input/textarea/input.textarea.tsx | 95 +
frontend/antd/input/textarea/package.json | 14 +
frontend/antd/layout/Base.svelte | 74 +
frontend/antd/layout/Index.svelte | 10 +
frontend/antd/layout/content/Index.svelte | 10 +
frontend/antd/layout/content/gradio.config.js | 3 +
frontend/antd/layout/content/package.json | 14 +
frontend/antd/layout/footer/Index.svelte | 10 +
frontend/antd/layout/footer/gradio.config.js | 3 +
frontend/antd/layout/footer/package.json | 14 +
frontend/antd/layout/gradio.config.js | 3 +
frontend/antd/layout/header/Index.svelte | 10 +
frontend/antd/layout/header/gradio.config.js | 3 +
frontend/antd/layout/header/package.json | 14 +
frontend/antd/layout/layout.base.tsx | 39 +
frontend/antd/layout/package.json | 14 +
frontend/antd/layout/sider/Index.svelte | 74 +
frontend/antd/layout/sider/gradio.config.js | 3 +
frontend/antd/layout/sider/layout.sider.tsx | 25 +
frontend/antd/layout/sider/package.json | 14 +
frontend/antd/list/Index.svelte | 78 +
frontend/antd/list/gradio.config.js | 3 +
frontend/antd/list/item/Index.svelte | 68 +
frontend/antd/list/item/gradio.config.js | 3 +
frontend/antd/list/item/list.item.tsx | 28 +
frontend/antd/list/item/meta/Index.svelte | 68 +
frontend/antd/list/item/meta/gradio.config.js | 3 +
.../antd/list/item/meta/list.item.meta.tsx | 28 +
frontend/antd/list/item/meta/package.json | 14 +
frontend/antd/list/item/package.json | 14 +
frontend/antd/list/list.tsx | 33 +
frontend/antd/list/package.json | 14 +
frontend/antd/mentions/Index.svelte | 83 +
frontend/antd/mentions/context.ts | 6 +
frontend/antd/mentions/gradio.config.js | 3 +
frontend/antd/mentions/mentions.tsx | 73 +
frontend/antd/mentions/option/Index.svelte | 99 +
.../antd/mentions/option/gradio.config.js | 3 +
frontend/antd/mentions/option/package.json | 14 +
frontend/antd/mentions/package.json | 14 +
frontend/antd/menu/Index.svelte | 82 +
frontend/antd/menu/context.ts | 6 +
frontend/antd/menu/gradio.config.js | 3 +
frontend/antd/menu/item/Index.svelte | 98 +
frontend/antd/menu/item/gradio.config.js | 3 +
frontend/antd/menu/item/package.json | 14 +
frontend/antd/menu/menu.less | 44 +
frontend/antd/menu/menu.tsx | 76 +
frontend/antd/menu/package.json | 14 +
frontend/antd/message/Index.svelte | 80 +
frontend/antd/message/gradio.config.js | 3 +
frontend/antd/message/message.tsx | 66 +
frontend/antd/message/package.json | 14 +
frontend/antd/modal/Index.svelte | 79 +
frontend/antd/modal/gradio.config.js | 3 +
frontend/antd/modal/modal.tsx | 104 +
frontend/antd/modal/package.json | 14 +
frontend/antd/notification/Index.svelte | 80 +
frontend/antd/notification/gradio.config.js | 3 +
frontend/antd/notification/notification.tsx | 80 +
frontend/antd/notification/package.json | 14 +
frontend/antd/package.json | 5 +
frontend/antd/pagination/Index.svelte | 84 +
frontend/antd/pagination/gradio.config.js | 3 +
frontend/antd/pagination/package.json | 14 +
frontend/antd/pagination/pagination.tsx | 60 +
frontend/antd/popconfirm/Index.svelte | 76 +
frontend/antd/popconfirm/gradio.config.js | 3 +
frontend/antd/popconfirm/package.json | 14 +
frontend/antd/popconfirm/popconfirm.tsx | 64 +
frontend/antd/popover/Index.svelte | 75 +
frontend/antd/popover/gradio.config.js | 3 +
frontend/antd/popover/package.json | 14 +
frontend/antd/popover/popover.tsx | 30 +
frontend/antd/progress/Index.svelte | 73 +
frontend/antd/progress/gradio.config.js | 3 +
frontend/antd/progress/package.json | 14 +
frontend/antd/progress/progress.tsx | 12 +
frontend/antd/qr-code/Index.svelte | 78 +
frontend/antd/qr-code/gradio.config.js | 3 +
frontend/antd/qr-code/package.json | 14 +
frontend/antd/qr-code/qr-code.tsx | 26 +
frontend/antd/radio/Index.svelte | 80 +
frontend/antd/radio/button/Index.svelte | 80 +
frontend/antd/radio/button/gradio.config.js | 3 +
frontend/antd/radio/button/package.json | 14 +
frontend/antd/radio/button/radio.button.tsx | 29 +
frontend/antd/radio/context.ts | 6 +
frontend/antd/radio/gradio.config.js | 3 +
frontend/antd/radio/group/Index.svelte | 88 +
frontend/antd/radio/group/gradio.config.js | 3 +
frontend/antd/radio/group/option/Index.svelte | 103 +
.../antd/radio/group/option/gradio.config.js | 3 +
frontend/antd/radio/group/option/package.json | 14 +
frontend/antd/radio/group/package.json | 14 +
frontend/antd/radio/group/radio.group.less | 20 +
frontend/antd/radio/group/radio.group.tsx | 53 +
frontend/antd/radio/package.json | 14 +
frontend/antd/radio/radio.tsx | 21 +
frontend/antd/rate/Index.svelte | 85 +
frontend/antd/rate/gradio.config.js | 3 +
frontend/antd/rate/package.json | 14 +
frontend/antd/rate/rate.tsx | 45 +
frontend/antd/result/Index.svelte | 73 +
frontend/antd/result/gradio.config.js | 3 +
frontend/antd/result/package.json | 14 +
frontend/antd/result/result.tsx | 23 +
frontend/antd/segmented/Index.svelte | 83 +
frontend/antd/segmented/context.ts | 6 +
frontend/antd/segmented/gradio.config.js | 3 +
frontend/antd/segmented/option/Index.svelte | 84 +
.../antd/segmented/option/gradio.config.js | 3 +
frontend/antd/segmented/option/package.json | 14 +
frontend/antd/segmented/package.json | 14 +
frontend/antd/segmented/segmented.tsx | 35 +
frontend/antd/select/Index.svelte | 89 +
frontend/antd/select/context.ts | 6 +
frontend/antd/select/gradio.config.js | 3 +
frontend/antd/select/option/Index.svelte | 103 +
frontend/antd/select/option/gradio.config.js | 3 +
frontend/antd/select/option/package.json | 14 +
frontend/antd/select/package.json | 14 +
frontend/antd/select/select.tsx | 168 +
frontend/antd/skeleton/Index.svelte | 73 +
frontend/antd/skeleton/avatar/Index.svelte | 75 +
.../antd/skeleton/avatar/gradio.config.js | 3 +
frontend/antd/skeleton/avatar/package.json | 14 +
.../antd/skeleton/avatar/skeleton.avatar.tsx | 8 +
frontend/antd/skeleton/button/Index.svelte | 75 +
.../antd/skeleton/button/gradio.config.js | 3 +
frontend/antd/skeleton/button/package.json | 14 +
.../antd/skeleton/button/skeleton.button.tsx | 8 +
frontend/antd/skeleton/gradio.config.js | 3 +
frontend/antd/skeleton/image/Index.svelte | 75 +
frontend/antd/skeleton/image/gradio.config.js | 3 +
frontend/antd/skeleton/image/package.json | 14 +
.../antd/skeleton/image/skeleton.image.tsx | 8 +
frontend/antd/skeleton/input/Index.svelte | 75 +
frontend/antd/skeleton/input/gradio.config.js | 3 +
frontend/antd/skeleton/input/package.json | 14 +
.../antd/skeleton/input/skeleton.input.tsx | 8 +
frontend/antd/skeleton/node/Index.svelte | 73 +
frontend/antd/skeleton/node/gradio.config.js | 3 +
frontend/antd/skeleton/node/package.json | 14 +
frontend/antd/skeleton/node/skeleton.node.tsx | 8 +
frontend/antd/skeleton/package.json | 14 +
frontend/antd/skeleton/skeleton.tsx | 6 +
frontend/antd/slider/Index.svelte | 89 +
frontend/antd/slider/context.ts | 6 +
frontend/antd/slider/gradio.config.js | 3 +
frontend/antd/slider/mark/Index.svelte | 94 +
frontend/antd/slider/mark/gradio.config.js | 3 +
frontend/antd/slider/mark/package.json | 14 +
frontend/antd/slider/package.json | 14 +
frontend/antd/slider/slider.tsx | 96 +
frontend/antd/space/Index.svelte | 72 +
frontend/antd/space/compact/Index.svelte | 73 +
frontend/antd/space/compact/gradio.config.js | 3 +
frontend/antd/space/compact/package.json | 14 +
frontend/antd/space/compact/space.compact.tsx | 23 +
frontend/antd/space/gradio.config.js | 3 +
frontend/antd/space/package.json | 14 +
frontend/antd/space/space.tsx | 28 +
frontend/antd/spin/Index.svelte | 73 +
frontend/antd/spin/gradio.config.js | 3 +
frontend/antd/spin/package.json | 14 +
frontend/antd/spin/spin.tsx | 23 +
frontend/antd/splitter/Index.svelte | 76 +
frontend/antd/splitter/context.ts | 6 +
frontend/antd/splitter/gradio.config.js | 3 +
frontend/antd/splitter/package.json | 14 +
frontend/antd/splitter/panel/Index.svelte | 86 +
frontend/antd/splitter/panel/gradio.config.js | 3 +
frontend/antd/splitter/panel/package.json | 14 +
frontend/antd/splitter/splitter.tsx | 32 +
frontend/antd/statistic/Index.svelte | 78 +
.../antd/statistic/countdown/Index.svelte | 76 +
.../antd/statistic/countdown/gradio.config.js | 3 +
.../antd/statistic/countdown/package.json | 14 +
.../countdown/statistic.countdown.tsx | 26 +
frontend/antd/statistic/gradio.config.js | 3 +
frontend/antd/statistic/package.json | 14 +
frontend/antd/statistic/statistic.tsx | 35 +
frontend/antd/steps/Index.svelte | 83 +
frontend/antd/steps/context.ts | 6 +
frontend/antd/steps/gradio.config.js | 3 +
frontend/antd/steps/item/Index.svelte | 76 +
frontend/antd/steps/item/gradio.config.js | 3 +
frontend/antd/steps/item/package.json | 14 +
frontend/antd/steps/package.json | 14 +
frontend/antd/steps/steps.tsx | 55 +
frontend/antd/switch/Index.svelte | 78 +
frontend/antd/switch/gradio.config.js | 3 +
frontend/antd/switch/package.json | 14 +
frontend/antd/switch/switch.tsx | 41 +
frontend/antd/table/Index.svelte | 92 +
frontend/antd/table/column-group/Index.svelte | 86 +
.../antd/table/column-group/gradio.config.js | 3 +
frontend/antd/table/column-group/package.json | 14 +
frontend/antd/table/column/Index.svelte | 183 +
frontend/antd/table/column/gradio.config.js | 3 +
frontend/antd/table/column/package.json | 14 +
frontend/antd/table/context.ts | 27 +
.../antd/table/expandable/Expandable.svelte | 119 +
frontend/antd/table/expandable/Index.svelte | 42 +
.../antd/table/expandable/gradio.config.js | 3 +
frontend/antd/table/expandable/package.json | 14 +
frontend/antd/table/gradio.config.js | 3 +
frontend/antd/table/package.json | 14 +
.../antd/table/row-selection/Index.svelte | 40 +
.../table/row-selection/RowSelection.svelte | 119 +
.../antd/table/row-selection/gradio.config.js | 3 +
.../antd/table/row-selection/package.json | 14 +
.../row-selection/selection/Index.svelte | 96 +
.../row-selection/selection/gradio.config.js | 3 +
.../row-selection/selection/package.json | 14 +
frontend/antd/table/table.tsx | 221 +
frontend/antd/tabs/Index.svelte | 82 +
frontend/antd/tabs/context.ts | 6 +
frontend/antd/tabs/gradio.config.js | 3 +
frontend/antd/tabs/item/Index.svelte | 85 +
frontend/antd/tabs/item/gradio.config.js | 3 +
frontend/antd/tabs/item/package.json | 14 +
frontend/antd/tabs/package.json | 14 +
frontend/antd/tabs/tabs.tsx | 119 +
frontend/antd/tag/Index.svelte | 83 +
frontend/antd/tag/checkable-tag/Index.svelte | 92 +
.../antd/tag/checkable-tag/gradio.config.js | 3 +
frontend/antd/tag/checkable-tag/package.json | 14 +
.../tag/checkable-tag/tag.checkable-tag.tsx | 21 +
frontend/antd/tag/gradio.config.js | 3 +
frontend/antd/tag/package.json | 14 +
frontend/antd/tag/tag.tsx | 24 +
frontend/antd/time-picker/Index.svelte | 84 +
frontend/antd/time-picker/gradio.config.js | 3 +
frontend/antd/time-picker/package.json | 14 +
.../time-picker/range-picker/Index.svelte | 88 +
.../time-picker/range-picker/gradio.config.js | 3 +
.../time-picker/range-picker/package.json | 14 +
.../range-picker/time-picker.range-picker.tsx | 213 +
frontend/antd/time-picker/time-picker.tsx | 201 +
frontend/antd/timeline/Index.svelte | 76 +
frontend/antd/timeline/context.ts | 6 +
frontend/antd/timeline/gradio.config.js | 3 +
frontend/antd/timeline/item/Index.svelte | 85 +
frontend/antd/timeline/item/gradio.config.js | 3 +
frontend/antd/timeline/item/package.json | 14 +
frontend/antd/timeline/package.json | 14 +
frontend/antd/timeline/timeline.tsx | 43 +
frontend/antd/tooltip/Index.svelte | 75 +
frontend/antd/tooltip/gradio.config.js | 3 +
frontend/antd/tooltip/package.json | 14 +
frontend/antd/tooltip/tooltip.tsx | 26 +
frontend/antd/tour/Index.svelte | 83 +
frontend/antd/tour/context.ts | 6 +
frontend/antd/tour/gradio.config.js | 3 +
frontend/antd/tour/package.json | 14 +
frontend/antd/tour/step/Index.svelte | 85 +
frontend/antd/tour/step/gradio.config.js | 3 +
frontend/antd/tour/step/package.json | 14 +
frontend/antd/tour/tour.tsx | 76 +
frontend/antd/transfer/Index.svelte | 89 +
frontend/antd/transfer/gradio.config.js | 3 +
frontend/antd/transfer/package.json | 14 +
frontend/antd/transfer/transfer.tsx | 105 +
frontend/antd/tree-select/Index.svelte | 88 +
frontend/antd/tree-select/context.ts | 6 +
frontend/antd/tree-select/gradio.config.js | 3 +
frontend/antd/tree-select/package.json | 14 +
.../antd/tree-select/tree-node/Index.svelte | 90 +
.../tree-select/tree-node/gradio.config.js | 3 +
.../antd/tree-select/tree-node/package.json | 14 +
frontend/antd/tree-select/tree-select.tsx | 133 +
frontend/antd/tree/Index.svelte | 82 +
frontend/antd/tree/context.ts | 6 +
.../antd/tree/directory-tree/Index.svelte | 84 +
.../antd/tree/directory-tree/gradio.config.js | 3 +
.../antd/tree/directory-tree/package.json | 14 +
frontend/antd/tree/gradio.config.js | 3 +
frontend/antd/tree/package.json | 14 +
frontend/antd/tree/tree-node/Index.svelte | 95 +
frontend/antd/tree/tree-node/gradio.config.js | 3 +
frontend/antd/tree/tree-node/package.json | 14 +
frontend/antd/tree/tree.tsx | 128 +
frontend/antd/typography/Base.svelte | 96 +
frontend/antd/typography/link/Index.svelte | 12 +
.../antd/typography/link/gradio.config.js | 3 +
frontend/antd/typography/link/package.json | 14 +
.../antd/typography/paragraph/Index.svelte | 12 +
.../typography/paragraph/gradio.config.js | 3 +
.../antd/typography/paragraph/package.json | 14 +
frontend/antd/typography/text/Index.svelte | 12 +
.../antd/typography/text/gradio.config.js | 3 +
frontend/antd/typography/text/package.json | 14 +
frontend/antd/typography/title/Index.svelte | 12 +
.../antd/typography/title/gradio.config.js | 3 +
frontend/antd/typography/title/package.json | 14 +
frontend/antd/typography/typography.base.tsx | 173 +
frontend/antd/upload/Index.svelte | 96 +
frontend/antd/upload/dragger/Index.svelte | 94 +
frontend/antd/upload/dragger/gradio.config.js | 3 +
frontend/antd/upload/dragger/package.json | 14 +
.../antd/upload/dragger/upload.dragger.tsx | 185 +
frontend/antd/upload/gradio.config.js | 3 +
frontend/antd/upload/package.json | 14 +
frontend/antd/upload/upload.tsx | 185 +
frontend/antd/watermark/Index.svelte | 76 +
frontend/antd/watermark/gradio.config.js | 3 +
frontend/antd/watermark/package.json | 14 +
frontend/antd/watermark/watermark.tsx | 5 +
frontend/base/CHANGELOG.md | 25 +
frontend/base/application/Application.svelte | 117 +
frontend/base/application/Index.svelte | 17 +
frontend/base/application/gradio.config.js | 3 +
frontend/base/application/package.json | 14 +
frontend/base/div/Index.svelte | 111 +
frontend/base/div/gradio.config.js | 3 +
frontend/base/div/package.json | 14 +
frontend/base/each/Each.svelte | 26 +
frontend/base/each/Index.svelte | 50 +
frontend/base/each/gradio.config.js | 3 +
frontend/base/each/package.json | 14 +
frontend/base/filter/Index.svelte | 60 +
frontend/base/filter/gradio.config.js | 3 +
frontend/base/filter/package.json | 14 +
frontend/base/fragment/Index.svelte | 40 +
frontend/base/fragment/ShowFragment.svelte | 15 +
frontend/base/fragment/fragment.tsx | 10 +
frontend/base/fragment/gradio.config.js | 3 +
frontend/base/fragment/package.json | 15 +
frontend/base/package.json | 5 +
frontend/base/slot/Index.svelte | 77 +
frontend/base/slot/gradio.config.js | 3 +
frontend/base/slot/package.json | 14 +
frontend/base/span/Index.svelte | 111 +
frontend/base/span/gradio.config.js | 3 +
frontend/base/span/package.json | 14 +
frontend/base/text/Index.svelte | 36 +
frontend/base/text/global.css | 3 +
frontend/base/text/gradio.config.js | 3 +
frontend/base/text/package.json | 14 +
frontend/compiled/package.json | 67 -
frontend/compiled/tsconfig.build.json | 26 -
frontend/compiled/tsconfig.json | 25 -
frontend/compiled/tsconfig.node.json | 11 -
frontend/compiled/vite.config.ts | 72 -
frontend/defineConfig.js | 18 +
frontend/fixtures.d.ts | 15 +
.../Chatbot/Awaited.svelte} | 6 +-
.../{Markdown => legacy/Chatbot}/CHANGELOG.md | 28 +-
frontend/legacy/Chatbot/Index.svelte | 15 +
frontend/legacy/Chatbot/gradio.config.js | 3 +
frontend/legacy/Chatbot/package.json | 24 +
.../Chatbot/shared/ChatBot.svelte | 4 +-
.../{ => legacy}/Chatbot/shared/Copy.svelte | 2 +-
.../Chatbot/shared/FlushingMarkdown.svelte | 2 +-
.../Chatbot/shared/LikeDislike.svelte | 0
.../Chatbot/shared/Pending.svelte | 0
.../Chatbot/shared/llm-thinking-presets.ts | 0
frontend/{ => legacy}/Chatbot/shared/utils.ts | 0
.../Flow/Awaited.svelte} | 4 +-
frontend/{ => legacy}/Flow/CHANGELOG.md | 26 +-
frontend/legacy/Flow/Index.svelte | 15 +
frontend/legacy/Flow/gradio.config.js | 3 +
frontend/legacy/Flow/package.json | 27 +
frontend/{ => legacy}/Flow/schema.json | 0
frontend/legacy/Flow/schema.ts | 1 +
frontend/{ => legacy}/Flow/shared/Flow.svelte | 4 +-
frontend/{ => legacy}/Flow/shared/utils.ts | 2 +-
frontend/legacy/Lifecycle/CHANGELOG.md | 43 +
frontend/legacy/Lifecycle/gradio.config.js | 3 +
frontend/{ => legacy}/Lifecycle/index.svelte | 0
frontend/legacy/Lifecycle/package.json | 22 +
.../{ => legacy}/Lifecycle/shared/utils.ts | 0
.../Markdown/Awaited.svelte} | 8 +-
.../{Chatbot => legacy/Markdown}/CHANGELOG.md | 28 +-
frontend/{ => legacy}/Markdown/Example.svelte | 5 +-
frontend/legacy/Markdown/Index.svelte | 15 +
frontend/legacy/Markdown/gradio.config.js | 3 +
frontend/legacy/Markdown/package.json | 28 +
.../Markdown/shared/Markdown.svelte | 2 +-
.../MultimodalInput/Awaited.svelte} | 4 +-
.../{ => legacy}/MultimodalInput/CHANGELOG.md | 28 +-
.../MultimodalInput/Example.svelte | 0
frontend/legacy/MultimodalInput/Index.svelte | 17 +
.../legacy/MultimodalInput/gradio.config.js | 3 +
frontend/legacy/MultimodalInput/package.json | 28 +
.../shared/AudioRecorder.svelte | 0
.../MultimodalInput/shared/FilePreview.svelte | 2 +-
.../MultimodalInput/shared/Input.svelte | 0
.../MultimodalInput/shared/Loader.svelte | 0
.../MultimodalInput/shared/RemoveIcon.svelte | 0
.../shared/SubmitButton.svelte | 0
.../shared/UploadButton.svelte | 0
.../MultimodalInput/shared/UploadIcon.svelte | 0
.../MultimodalInput/shared/Webcam.svelte | 0
.../MultimodalInput/shared/context.ts | 0
.../MultimodalInput/shared/global.d.ts | 0
.../MultimodalInput/shared/utils.ts | 0
frontend/legacy/WaterfallGallery/CHANGELOG.md | 59 +
.../WaterfallGallery/Index.svelte | 0
.../legacy/WaterfallGallery/gradio.config.js | 3 +
frontend/legacy/WaterfallGallery/package.json | 20 +
.../WaterfallGallery/shared/Dislike.svelte | 0
.../WaterfallGallery/shared/Gallery.svelte | 2 +-
.../WaterfallGallery/shared/Image.svelte | 0
.../shared/Waterfall/createWaterfall.ts | 0
.../shared/Waterfall/index.ts | 0
.../shared/Waterfall/layout.ts | 0
.../WaterfallGallery/shared/utils.ts | 0
frontend/{ => legacy}/compiled/CHANGELOG.md | 26 +-
.../compiled/components/FileView/index.svelte | 0
.../FileView/shared/FileView.svelte | 2 +-
.../compiled/components/Flow/index.svelte | 2 +-
.../compiled/components/Markdown/index.svelte | 2 +-
.../compiled/components/ReactComponent.svelte | 2 +-
frontend/{ => legacy}/compiled/global.d.ts | 0
frontend/{ => legacy}/compiled/index.ts | 2 +-
frontend/legacy/compiled/package.json | 43 +
.../compiled/src/ComponentConfigProvider.tsx | 0
.../compiled/src/FileView/Pdf.tsx | 0
.../compiled/src/FileView/hooks/usePreview.ts | 0
.../compiled/src/FileView/index.less | 0
.../compiled/src/FileView/index.tsx | 0
.../compiled/src/Flow/FlowContext.ts | 0
.../src/Flow/components/CustomComponent.tsx | 0
.../src/Flow/components/FileUpload.tsx | 0
.../Flow/components/FormListItemWrapper.tsx | 0
.../Flow/flow-components/ConnectionHandle.tsx | 0
.../Flow/flow-components/ConnectionLine.tsx | 0
.../src/Flow/flow-components/Controls.tsx | 0
.../src/Flow/flow-components/Edge.tsx | 0
.../src/Flow/flow-components/Node.tsx | 0
.../src/Flow/flow-components/Sidebar.tsx | 0
.../{ => legacy}/compiled/src/Flow/i18n.ts | 0
.../{ => legacy}/compiled/src/Flow/index.less | 0
.../{ => legacy}/compiled/src/Flow/index.tsx | 0
.../{ => legacy}/compiled/src/Flow/type.ts | 0
.../{ => legacy}/compiled/src/Flow/utils.ts | 2 +-
.../src/Markdown/components/Anchor.tsx | 0
.../src/Markdown/components/Audio.tsx | 0
.../compiled/src/Markdown/components/Code.tsx | 0
.../Markdown/components/CustomComponent.tsx | 0
.../src/Markdown/components/Heading.tsx | 0
.../src/Markdown/components/Image.tsx | 0
.../src/Markdown/components/Video.tsx | 0
.../Markdown/components/custom/Accordion.tsx | 0
.../src/Markdown/components/custom/Chart.tsx | 0
.../src/Markdown/components/custom/File.tsx | 0
.../components/custom/FlushingEnd.tsx | 0
.../Markdown/components/custom/SelectBox.tsx | 0
.../compiled/src/Markdown/context.ts | 0
.../src/Markdown/hooks/useCustomProps.ts | 0
.../compiled/src/Markdown/index.less | 0
.../compiled/src/Markdown/index.tsx | 0
.../compiled/src/Markdown/math.ts | 0
.../compiled/src/Markdown/react-markdown.d.ts | 0
.../rehype-Inline-code-property.ts | 0
.../rehype-plugins/rehype-sanitize/index.d.ts | 0
.../rehype-plugins/rehype-sanitize/index.js | 0
.../rehype-plugins/rehype-sanitize/schema.js | 0
.../remark-plugins/remark-directive-rehype.ts | 0
.../compiled/src/Markdown/type.ts | 0
.../compiled/src/defineComponent.tsx | 0
frontend/{ => legacy}/compiled/src/index.ts | 0
frontend/{ => legacy}/compiled/src/mount.tsx | 0
.../{ => legacy}/compiled/src/polyfills.ts | 0
.../src/shared/hooks/useCustomComponent.ts | 0
.../src/shared/hooks/useMemoizedEqualValue.ts | 0
.../compiled/src/shared/hooks/useRefValue.ts | 0
.../{ => legacy}/compiled/src/shared/index.ts | 0
.../{ => legacy}/compiled/src/shared/type.ts | 0
frontend/{ => legacy}/compiled/src/utils.ts | 2 +-
frontend/package.json | 48 +-
frontend/plugin.js | 164 +
frontend/shared/CHANGELOG.md | 39 -
frontend/shared/package.json | 13 -
frontend/svelte-preprocess-react/component.ts | 170 +
frontend/svelte-preprocess-react/context.ts | 16 +
.../events-polyfills.ts | 113 +
frontend/svelte-preprocess-react/index.ts | 8 +
frontend/svelte-preprocess-react/inject.ts | 95 +
.../internal/Bridge.ts | 95 +
.../svelte-preprocess-react/internal/Child.ts | 28 +
.../internal/ReactWrapper.svelte | 59 +
.../svelte-preprocess-react/internal/types.ts | 67 +
frontend/svelte-preprocess-react/polyfills.ts | 4 +
.../svelte-preprocess-react/react-slot.tsx | 183 +
frontend/svelte-preprocess-react/slot.ts | 238 +
frontend/svelte-preprocess-react/sveltify.ts | 88 +
frontend/svelte-preprocess-react/useStore.ts | 37 +
frontend/tsconfig.json | 7 +
frontend/utils/createFunction.ts | 11 +
frontend/utils/createItemsContext.tsx | 86 +
frontend/utils/hooks/useFunction.ts | 9 +
frontend/utils/hooks/useSlotsChildren.ts | 23 +
frontend/utils/hooks/useTargets.ts | 43 +
frontend/utils/hooks/useValueChange.ts | 28 +
frontend/utils/omitUndefinedProps.ts | 10 +
frontend/utils/renderItems.tsx | 79 +
frontend/utils/renderParamsSlot.tsx | 21 +
frontend/utils/renderSlot.tsx | 10 +
frontend/utils/styleObject2String.ts | 66 +
.../{shared/src/index.ts => utils/upload.ts} | 0
package.json | 46 +-
pnpm-lock.yaml | 6373 ++++++++---------
pnpm-workspace.yaml | 4 +-
pyproject.toml | 173 +-
tsconfig.json | 21 +-
1128 files changed, 44072 insertions(+), 4480 deletions(-)
create mode 100644 .changeset/five-actors-compete.md
create mode 100644 .changeset/fuzzy-goats-retire.md
create mode 100644 .changeset/lemon-laws-cross.md
create mode 100644 .changeset/pre.json
create mode 100644 .changeset/tough-walls-grab.md
delete mode 100644 backend/modelscope_studio/components/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/affix/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/alert/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/alert/error_boundary/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/anchor/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/anchor/item/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/auto_complete/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/auto_complete/option/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/avatar/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/avatar/group/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/badge/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/badge/ribbon/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/breadcrumb/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/breadcrumb/item/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/button/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/button/group/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/calendar/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/card/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/card/grid/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/card/meta/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/carousel/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/cascader/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/cascader/constants.py
create mode 100644 backend/modelscope_studio/components/antd/cascader/option/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/cascader/panel/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/checkbox/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/checkbox/group/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/checkbox/group/option/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/collapse/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/collapse/item/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/color_picker/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/color_picker/preset/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/components.py
create mode 100644 backend/modelscope_studio/components/antd/config_provider/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/date_picker/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/date_picker/preset/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/date_picker/range_picker/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/descriptions/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/descriptions/item/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/divider/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/drawer/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/dropdown/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/dropdown/button/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/empty/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/flex/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/float_button/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/float_button/back_top/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/float_button/group/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/form/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/form/item/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/form/item/rule/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/grid/col/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/grid/row/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/icon/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/icon/iconfont_provider/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/image/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/image/preview_group/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/input/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/input/otp/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/input/password/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/input/search/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/input/textarea/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/input_number/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/layout/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/layout/content/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/layout/footer/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/layout/header/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/layout/sider/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/list/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/list/item/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/list/item/meta/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/mentions/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/mentions/option/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/menu/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/menu/item/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/message/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/modal/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/notification/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/pagination/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/popconfirm/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/popover/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/progress/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/qr_code/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/radio/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/radio/button/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/radio/group/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/radio/group/option/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/rate/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/result/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/segmented/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/segmented/option/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/select/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/select/option/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/skeleton/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/skeleton/avatar/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/skeleton/button/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/skeleton/image/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/skeleton/input/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/skeleton/node/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/slider/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/slider/mark/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/space/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/space/compact/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/spin/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/splitter/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/splitter/panel/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/statistic/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/statistic/countdown/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/steps/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/steps/item/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/switch/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/table/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/table/column/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/table/column_group/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/table/constants.py
create mode 100644 backend/modelscope_studio/components/antd/table/expandable/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/table/row_selection/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/table/row_selection/selection/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/tabs/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/tabs/item/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/tag/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/tag/checkable_tag/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/time_picker/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/time_picker/range_picker/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/timeline/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/timeline/item/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/tooltip/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/tour/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/tour/step/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/transfer/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/tree/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/tree/directory_tree/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/tree/tree_node/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/tree_select/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/tree_select/tree_node/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/typography/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/typography/link/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/typography/paragraph/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/typography/text/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/typography/title/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/upload/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/upload/dragger/__init__.py
create mode 100644 backend/modelscope_studio/components/antd/watermark/__init__.py
create mode 100644 backend/modelscope_studio/components/base/__init__.py
create mode 100644 backend/modelscope_studio/components/base/application/__init__.py
create mode 100644 backend/modelscope_studio/components/base/div/__init__.py
create mode 100644 backend/modelscope_studio/components/base/each/__init__.py
create mode 100644 backend/modelscope_studio/components/base/filter/__init__.py
create mode 100644 backend/modelscope_studio/components/base/fragment/__init__.py
create mode 100644 backend/modelscope_studio/components/base/slot/__init__.py
create mode 100644 backend/modelscope_studio/components/base/span/__init__.py
create mode 100644 backend/modelscope_studio/components/base/text/__init__.py
rename backend/modelscope_studio/components/{ => legacy}/Chatbot/__init__.py (99%)
rename backend/modelscope_studio/components/{ => legacy}/Chatbot/llm_thinking_presets.py (100%)
rename backend/modelscope_studio/components/{ => legacy}/Flow/__init__.py (97%)
rename backend/modelscope_studio/components/{ => legacy}/Flow/edge.py (100%)
rename backend/modelscope_studio/components/{ => legacy}/Flow/node.py (100%)
rename backend/modelscope_studio/components/{ => legacy}/Flow/node_schema.py (100%)
rename backend/modelscope_studio/components/{ => legacy}/Lifecycle/__init__.py (93%)
rename backend/modelscope_studio/components/{ => legacy}/Markdown/__init__.py (97%)
rename backend/modelscope_studio/components/{ => legacy}/MultimodalInput/__init__.py (98%)
rename backend/modelscope_studio/components/{ => legacy}/WaterfallGallery/__init__.py (99%)
create mode 100644 backend/modelscope_studio/components/legacy/__init__.py
rename backend/modelscope_studio/utils/{ => dev}/__init__.py (69%)
create mode 100644 backend/modelscope_studio/utils/dev/component.py
rename backend/modelscope_studio/utils/{ => dev}/process_links.py (100%)
create mode 100644 backend/modelscope_studio/utils/dev/resolve_frontend_dir.py
delete mode 100644 docs/Dockerfile
delete mode 100644 docs/components/WaterfallGallery/app.py
create mode 100644 docs/components/antd/button/README-zh_CN.md
create mode 100644 docs/components/antd/button/README.md
rename docs/components/{Chatbot => antd/button}/app.py (72%)
create mode 100644 docs/components/antd/button/demos/basic.py
create mode 100644 docs/components/antd/divider/README-zh_CN.md
create mode 100644 docs/components/antd/divider/README.md
rename docs/components/{Flow => antd/divider}/app.py (72%)
create mode 100644 docs/components/antd/divider/demos/basic.py
create mode 100644 docs/components/antd/float_button/README-zh_CN.md
create mode 100644 docs/components/antd/float_button/README.md
rename docs/components/{Lifecycle => antd/float_button}/app.py (72%)
create mode 100644 docs/components/antd/float_button/demos/basic.py
create mode 100644 docs/components/antd/icon/README-zh_CN.md
create mode 100644 docs/components/antd/icon/README.md
rename docs/components/{MultimodalInput => antd/icon}/app.py (72%)
create mode 100644 docs/components/antd/icon/demos/basic.py
create mode 100644 docs/components/antd/icon/demos/iconfont.py
create mode 100644 docs/components/antd/overview/README-zh_CN.md
create mode 100644 docs/components/antd/overview/README.md
create mode 100644 docs/components/antd/overview/app.py
create mode 100644 docs/components/antd/overview/demos/integrate_other_components.py
create mode 100644 docs/components/antd/overview/demos/limit_event.py
create mode 100644 docs/components/antd/overview/demos/limit_function.py
create mode 100644 docs/components/antd/overview/demos/limit_function_with_event.py
create mode 100644 docs/components/antd/overview/demos/limit_react_node.py
create mode 100644 docs/components/antd/overview/demos/limit_react_node_function_by_function.py
create mode 100644 docs/components/antd/overview/demos/limit_react_node_function_by_slot.py
create mode 100644 docs/components/antd/overview/demos/quick_start.py
create mode 100644 docs/components/antd/typography/README-zh_CN.md
create mode 100644 docs/components/antd/typography/README.md
create mode 100644 docs/components/antd/typography/app.py
create mode 100644 docs/components/antd/typography/demos/basic.py
create mode 100644 docs/components/base/application/README-zh_CN.md
create mode 100644 docs/components/base/application/README.md
create mode 100644 docs/components/base/application/app.py
create mode 100644 docs/components/base/application/demos/basic.py
create mode 100644 docs/components/base/application/demos/custom_event.py
create mode 100644 docs/components/base/application/demos/language_adaptation.py
create mode 100644 docs/components/base/application/demos/theme_adaptation.py
create mode 100644 docs/components/base/div/README-zh_CN.md
create mode 100644 docs/components/base/div/README.md
create mode 100644 docs/components/base/div/app.py
create mode 100644 docs/components/base/div/demos/basic.py
create mode 100644 docs/components/base/each/README-zh_CN.md
create mode 100644 docs/components/base/each/README.md
create mode 100644 docs/components/base/each/app.py
create mode 100644 docs/components/base/each/demos/basic.py
create mode 100644 docs/components/base/each/demos/use_as_item.py
create mode 100644 docs/components/base/each/demos/use_context_value.py
create mode 100644 docs/components/base/filter/README-zh_CN.md
create mode 100644 docs/components/base/filter/README.md
create mode 100644 docs/components/base/filter/app.py
create mode 100644 docs/components/base/filter/demos/basic.py
create mode 100644 docs/components/base/filter/demos/use_as_item.py
create mode 100644 docs/components/base/filter/demos/use_params_mapping.py
create mode 100644 docs/components/base/fragment/README-zh_CN.md
create mode 100644 docs/components/base/fragment/README.md
create mode 100644 docs/components/base/fragment/app.py
create mode 100644 docs/components/base/fragment/demos/basic.py
create mode 100644 docs/components/base/slot/README-zh_CN.md
create mode 100644 docs/components/base/slot/README.md
create mode 100644 docs/components/base/slot/app.py
create mode 100644 docs/components/base/slot/demos/basic.py
create mode 100644 docs/components/base/span/README-zh_CN.md
create mode 100644 docs/components/base/span/README.md
create mode 100644 docs/components/base/span/app.py
create mode 100644 docs/components/base/span/demos/basic.py
create mode 100644 docs/components/base/text/README-zh_CN.md
create mode 100644 docs/components/base/text/README.md
create mode 100644 docs/components/base/text/app.py
create mode 100644 docs/components/base/text/demos/basic.py
rename docs/components/{ => legacy}/Chatbot/README-zh_CN.md (99%)
rename docs/components/{ => legacy}/Chatbot/README.md (99%)
create mode 100644 docs/components/legacy/Chatbot/app.py
rename docs/components/{ => legacy}/Chatbot/demos/accordion.py (93%)
rename docs/components/{ => legacy}/Chatbot/demos/basic.py (100%)
rename docs/components/{ => legacy}/Chatbot/demos/chart.py (100%)
rename docs/components/{ => legacy}/Chatbot/demos/message_config.py (100%)
rename docs/components/{ => legacy}/Chatbot/demos/multi_bots.py (100%)
rename docs/components/{ => legacy}/Chatbot/demos/multimodal.py (100%)
rename docs/components/{ => legacy}/Chatbot/demos/select-box.py (88%)
rename docs/components/{ => legacy}/Docs.py (97%)
rename docs/components/{ => legacy}/Flow/README-zh_CN.md (100%)
rename docs/components/{ => legacy}/Flow/README.md (100%)
create mode 100644 docs/components/legacy/Flow/app.py
rename docs/components/{ => legacy}/Flow/define_schema-zh_CN.md (100%)
rename docs/components/{ => legacy}/Flow/define_schema.md (100%)
rename docs/components/{ => legacy}/Flow/demos/basic.py (92%)
rename docs/components/{ => legacy}/Flow/demos/component_options.py (96%)
rename docs/components/{ => legacy}/Flow/demos/custom_node_type.py (87%)
rename docs/components/{ => legacy}/Flow/schema/agents_schema.json (100%)
rename docs/components/{ => legacy}/Flow/schema/agents_schema.py (97%)
rename docs/components/{ => legacy}/Lifecycle/README-zh_CN.md (100%)
rename docs/components/{ => legacy}/Lifecycle/README.md (100%)
create mode 100644 docs/components/legacy/Lifecycle/app.py
rename docs/components/{ => legacy}/Lifecycle/demos/basic.py (100%)
rename docs/components/{ => legacy}/Lifecycle/demos/language_adaptation.py (100%)
rename docs/components/{ => legacy}/Lifecycle/demos/theme_adaptation.py (100%)
rename docs/components/{ => legacy}/Markdown/README-zh_CN.md (100%)
rename docs/components/{ => legacy}/Markdown/README.md (100%)
rename docs/components/{ => legacy}/Markdown/app.py (90%)
rename docs/components/{ => legacy}/Markdown/custom_tags/accordion-zh_CN.md (100%)
rename docs/components/{ => legacy}/Markdown/custom_tags/accordion.md (100%)
rename docs/components/{ => legacy}/Markdown/custom_tags/chart-zh_CN.md (100%)
rename docs/components/{ => legacy}/Markdown/custom_tags/chart.md (100%)
rename docs/components/{ => legacy}/Markdown/custom_tags/select-box-zh_CN.md (100%)
rename docs/components/{ => legacy}/Markdown/custom_tags/select-box.md (100%)
rename docs/components/{ => legacy}/Markdown/demos/accordion.py (89%)
rename docs/components/{ => legacy}/Markdown/demos/basic.py (100%)
rename docs/components/{ => legacy}/Markdown/demos/chart.py (100%)
rename docs/components/{ => legacy}/Markdown/demos/custom-tag.py (100%)
rename docs/components/{ => legacy}/Markdown/demos/custom-tag2.py (100%)
rename docs/components/{ => legacy}/Markdown/demos/custom-tag3.py (100%)
rename docs/components/{ => legacy}/Markdown/demos/custom-tag4.py (100%)
rename docs/components/{ => legacy}/Markdown/demos/custom_tags/accordion/accordion-title.py (100%)
rename docs/components/{ => legacy}/Markdown/demos/custom_tags/accordion/basic.py (100%)
rename docs/components/{ => legacy}/Markdown/demos/custom_tags/chart/basic.py (100%)
rename docs/components/{ => legacy}/Markdown/demos/custom_tags/select-box/basic.py (75%)
rename docs/components/{ => legacy}/Markdown/demos/custom_tags/select-box/card_shape.py (95%)
rename docs/components/{ => legacy}/Markdown/demos/custom_tags/select-box/card_shape_width_auto.py (100%)
rename docs/components/{ => legacy}/Markdown/demos/custom_tags/select-box/python_events.py (100%)
rename docs/components/{ => legacy}/Markdown/demos/multimodal.py (100%)
rename docs/components/{ => legacy}/Markdown/demos/select-box.py (85%)
rename docs/components/{ => legacy}/MultimodalInput/README-zh_CN.md (100%)
rename docs/components/{ => legacy}/MultimodalInput/README.md (100%)
create mode 100644 docs/components/legacy/MultimodalInput/app.py
rename docs/components/{ => legacy}/MultimodalInput/demos/basic.py (100%)
rename docs/components/{ => legacy}/MultimodalInput/demos/config_buttons.py (100%)
rename docs/components/{ => legacy}/MultimodalInput/demos/upload_sources.py (100%)
rename docs/components/{ => legacy}/MultimodalInput/demos/with_chatbot.py (100%)
create mode 100644 docs/components/legacy/README-zh_CN.md
create mode 100644 docs/components/legacy/README.md
rename docs/components/{ => legacy}/WaterfallGallery/README-zh_CN.md (100%)
rename docs/components/{ => legacy}/WaterfallGallery/README.md (100%)
create mode 100644 docs/components/legacy/WaterfallGallery/app.py
rename docs/components/{ => legacy}/WaterfallGallery/demos/basic.py (100%)
rename docs/components/{ => legacy}/WaterfallGallery/demos/like_click_feedback.py (100%)
rename docs/components/{ => legacy}/WaterfallGallery/demos/load_more.py (100%)
rename docs/components/{ => legacy}/WaterfallGallery/demos/responsive_columns.py (100%)
create mode 100644 docs/components/legacy/app.py
rename docs/components/{ => legacy}/parse_markdown.py (100%)
rename docs/components/{ => legacy}/resources/audio.wav (100%)
rename docs/components/{ => legacy}/resources/bot.jpeg (100%)
rename docs/components/{ => legacy}/resources/custom_components/custom_select.js (100%)
rename docs/components/{ => legacy}/resources/dog.mp4 (100%)
rename docs/components/{ => legacy}/resources/image-bot.jpeg (100%)
rename docs/components/{ => legacy}/resources/modelscope.svg (100%)
rename docs/components/{ => legacy}/resources/music-bot.jpeg (100%)
rename docs/components/{ => legacy}/resources/screen.jpeg (100%)
rename docs/components/{ => legacy}/resources/user.jpeg (100%)
rename docs/components/{ => legacy}/tab-link.js (100%)
create mode 100644 docs/demos/example.py
create mode 100644 docs/helper/Docs.py
create mode 100644 docs/helper/Site.py
create mode 100644 docs/helper/env.py
create mode 100644 docs/helper/parse_markdown.py
create mode 100644 docs/legacy_app.py
create mode 100644 docs/resources/gradio.png
create mode 100644 docs/resources/modelscope.png
delete mode 100644 fixtures.d.ts
delete mode 100644 frontend/Chatbot/gradio.config.js
delete mode 100644 frontend/Chatbot/package.json
delete mode 100644 frontend/Flow/gradio.config.js
delete mode 100644 frontend/Flow/package.json
delete mode 100644 frontend/Flow/schema.ts
delete mode 100644 frontend/Lifecycle/CHANGELOG.md
delete mode 100644 frontend/Lifecycle/package.json
delete mode 100644 frontend/Markdown/gradio.config.js
delete mode 100644 frontend/Markdown/package.json
delete mode 100644 frontend/MultimodalInput/gradio.config.js
delete mode 100644 frontend/MultimodalInput/package.json
delete mode 100644 frontend/WaterfallGallery/CHANGELOG.md
delete mode 100644 frontend/WaterfallGallery/gradio.config.js
delete mode 100644 frontend/WaterfallGallery/package.json
create mode 100644 frontend/antd/CHANGELOG.md
create mode 100644 frontend/antd/affix/Index.svelte
create mode 100644 frontend/antd/affix/affix.tsx
create mode 100644 frontend/antd/affix/gradio.config.js
create mode 100644 frontend/antd/affix/package.json
create mode 100644 frontend/antd/alert/Index.svelte
create mode 100644 frontend/antd/alert/alert.tsx
create mode 100644 frontend/antd/alert/error-boundary/Index.svelte
create mode 100644 frontend/antd/alert/error-boundary/alert.error-boundary.tsx
create mode 100644 frontend/antd/alert/error-boundary/gradio.config.js
create mode 100644 frontend/antd/alert/error-boundary/package.json
create mode 100644 frontend/antd/alert/gradio.config.js
create mode 100644 frontend/antd/alert/package.json
create mode 100644 frontend/antd/anchor/Index.svelte
create mode 100644 frontend/antd/anchor/anchor.tsx
create mode 100644 frontend/antd/anchor/context.ts
create mode 100644 frontend/antd/anchor/gradio.config.js
create mode 100644 frontend/antd/anchor/item/Index.svelte
create mode 100644 frontend/antd/anchor/item/gradio.config.js
create mode 100644 frontend/antd/anchor/item/package.json
create mode 100644 frontend/antd/anchor/package.json
create mode 100644 frontend/antd/auto-complete/Index.svelte
create mode 100644 frontend/antd/auto-complete/auto-complete.tsx
create mode 100644 frontend/antd/auto-complete/context.ts
create mode 100644 frontend/antd/auto-complete/gradio.config.js
create mode 100644 frontend/antd/auto-complete/option/Index.svelte
create mode 100644 frontend/antd/auto-complete/option/gradio.config.js
create mode 100644 frontend/antd/auto-complete/option/package.json
create mode 100644 frontend/antd/auto-complete/package.json
create mode 100644 frontend/antd/avatar/Index.svelte
create mode 100644 frontend/antd/avatar/avatar.tsx
create mode 100644 frontend/antd/avatar/gradio.config.js
create mode 100644 frontend/antd/avatar/group/Index.svelte
create mode 100644 frontend/antd/avatar/group/avatar.group.tsx
create mode 100644 frontend/antd/avatar/group/gradio.config.js
create mode 100644 frontend/antd/avatar/group/package.json
create mode 100644 frontend/antd/avatar/package.json
create mode 100644 frontend/antd/badge/Index.svelte
create mode 100644 frontend/antd/badge/badge.tsx
create mode 100644 frontend/antd/badge/gradio.config.js
create mode 100644 frontend/antd/badge/package.json
create mode 100644 frontend/antd/badge/ribbon/Index.svelte
create mode 100644 frontend/antd/badge/ribbon/badge.ribbon.tsx
create mode 100644 frontend/antd/badge/ribbon/gradio.config.js
create mode 100644 frontend/antd/badge/ribbon/package.json
create mode 100644 frontend/antd/breadcrumb/Index.svelte
create mode 100644 frontend/antd/breadcrumb/breadcrumb.tsx
create mode 100644 frontend/antd/breadcrumb/context.ts
create mode 100644 frontend/antd/breadcrumb/gradio.config.js
create mode 100644 frontend/antd/breadcrumb/item/BreadcrumbItem.svelte
create mode 100644 frontend/antd/breadcrumb/item/Index.svelte
create mode 100644 frontend/antd/breadcrumb/item/gradio.config.js
create mode 100644 frontend/antd/breadcrumb/item/package.json
create mode 100644 frontend/antd/breadcrumb/package.json
create mode 100644 frontend/antd/button/Index.svelte
create mode 100644 frontend/antd/button/button.tsx
create mode 100644 frontend/antd/button/gradio.config.js
create mode 100644 frontend/antd/button/group/Index.svelte
create mode 100644 frontend/antd/button/group/button.group.less
create mode 100644 frontend/antd/button/group/button.group.tsx
create mode 100644 frontend/antd/button/group/gradio.config.js
create mode 100644 frontend/antd/button/group/package.json
create mode 100644 frontend/antd/button/package.json
create mode 100644 frontend/antd/calendar/Index.svelte
create mode 100644 frontend/antd/calendar/calendar.tsx
create mode 100644 frontend/antd/calendar/gradio.config.js
create mode 100644 frontend/antd/calendar/package.json
create mode 100644 frontend/antd/card/Index.svelte
create mode 100644 frontend/antd/card/card.tsx
create mode 100644 frontend/antd/card/gradio.config.js
create mode 100644 frontend/antd/card/grid/Index.svelte
create mode 100644 frontend/antd/card/grid/card.grid.tsx
create mode 100644 frontend/antd/card/grid/gradio.config.js
create mode 100644 frontend/antd/card/grid/package.json
create mode 100644 frontend/antd/card/meta/Index.svelte
create mode 100644 frontend/antd/card/meta/card.meta.tsx
create mode 100644 frontend/antd/card/meta/gradio.config.js
create mode 100644 frontend/antd/card/meta/package.json
create mode 100644 frontend/antd/card/package.json
create mode 100644 frontend/antd/carousel/Index.svelte
create mode 100644 frontend/antd/carousel/carousel.tsx
create mode 100644 frontend/antd/carousel/gradio.config.js
create mode 100644 frontend/antd/carousel/package.json
create mode 100644 frontend/antd/cascader/Index.svelte
create mode 100644 frontend/antd/cascader/cascader.tsx
create mode 100644 frontend/antd/cascader/context.ts
create mode 100644 frontend/antd/cascader/gradio.config.js
create mode 100644 frontend/antd/cascader/option/Index.svelte
create mode 100644 frontend/antd/cascader/option/gradio.config.js
create mode 100644 frontend/antd/cascader/option/package.json
create mode 100644 frontend/antd/cascader/package.json
create mode 100644 frontend/antd/cascader/panel/Index.svelte
create mode 100644 frontend/antd/cascader/panel/cascader.panel.tsx
create mode 100644 frontend/antd/cascader/panel/gradio.config.js
create mode 100644 frontend/antd/cascader/panel/package.json
create mode 100644 frontend/antd/checkbox/Index.svelte
create mode 100644 frontend/antd/checkbox/checkbox.tsx
create mode 100644 frontend/antd/checkbox/context.ts
create mode 100644 frontend/antd/checkbox/gradio.config.js
create mode 100644 frontend/antd/checkbox/group/Index.svelte
create mode 100644 frontend/antd/checkbox/group/checkbox.group.tsx
create mode 100644 frontend/antd/checkbox/group/gradio.config.js
create mode 100644 frontend/antd/checkbox/group/option/Index.svelte
create mode 100644 frontend/antd/checkbox/group/option/gradio.config.js
create mode 100644 frontend/antd/checkbox/group/option/package.json
create mode 100644 frontend/antd/checkbox/group/package.json
create mode 100644 frontend/antd/checkbox/package.json
create mode 100644 frontend/antd/collapse/Index.svelte
create mode 100644 frontend/antd/collapse/collapse.tsx
create mode 100644 frontend/antd/collapse/context.ts
create mode 100644 frontend/antd/collapse/gradio.config.js
create mode 100644 frontend/antd/collapse/item/Index.svelte
create mode 100644 frontend/antd/collapse/item/gradio.config.js
create mode 100644 frontend/antd/collapse/item/package.json
create mode 100644 frontend/antd/collapse/package.json
create mode 100644 frontend/antd/color-picker/Index.svelte
create mode 100644 frontend/antd/color-picker/color-picker.tsx
create mode 100644 frontend/antd/color-picker/context.ts
create mode 100644 frontend/antd/color-picker/gradio.config.js
create mode 100644 frontend/antd/color-picker/package.json
create mode 100644 frontend/antd/color-picker/preset/Index.svelte
create mode 100644 frontend/antd/color-picker/preset/gradio.config.js
create mode 100644 frontend/antd/color-picker/preset/package.json
create mode 100644 frontend/antd/config-provider/Index.svelte
create mode 100644 frontend/antd/config-provider/config-provider.tsx
create mode 100644 frontend/antd/config-provider/gradio.config.js
create mode 100644 frontend/antd/config-provider/locales.ts
create mode 100644 frontend/antd/config-provider/package.json
create mode 100644 frontend/antd/date-picker/Index.svelte
create mode 100644 frontend/antd/date-picker/context.ts
create mode 100644 frontend/antd/date-picker/date-picker.tsx
create mode 100644 frontend/antd/date-picker/gradio.config.js
create mode 100644 frontend/antd/date-picker/package.json
create mode 100644 frontend/antd/date-picker/preset/Index.svelte
create mode 100644 frontend/antd/date-picker/preset/gradio.config.js
create mode 100644 frontend/antd/date-picker/preset/package.json
create mode 100644 frontend/antd/date-picker/range-picker/Index.svelte
create mode 100644 frontend/antd/date-picker/range-picker/date-picker.range-picker.tsx
create mode 100644 frontend/antd/date-picker/range-picker/gradio.config.js
create mode 100644 frontend/antd/date-picker/range-picker/package.json
create mode 100644 frontend/antd/descriptions/Index.svelte
create mode 100644 frontend/antd/descriptions/context.ts
create mode 100644 frontend/antd/descriptions/descriptions.tsx
create mode 100644 frontend/antd/descriptions/gradio.config.js
create mode 100644 frontend/antd/descriptions/item/Index.svelte
create mode 100644 frontend/antd/descriptions/item/gradio.config.js
create mode 100644 frontend/antd/descriptions/item/package.json
create mode 100644 frontend/antd/descriptions/package.json
create mode 100644 frontend/antd/divider/Index.svelte
create mode 100644 frontend/antd/divider/divider.tsx
create mode 100644 frontend/antd/divider/gradio.config.js
create mode 100644 frontend/antd/divider/package.json
create mode 100644 frontend/antd/drawer/Index.svelte
create mode 100644 frontend/antd/drawer/drawer.tsx
create mode 100644 frontend/antd/drawer/gradio.config.js
create mode 100644 frontend/antd/drawer/package.json
create mode 100644 frontend/antd/dropdown/Index.svelte
create mode 100644 frontend/antd/dropdown/button/Index.svelte
create mode 100644 frontend/antd/dropdown/button/dropdown.button.tsx
create mode 100644 frontend/antd/dropdown/button/gradio.config.js
create mode 100644 frontend/antd/dropdown/button/package.json
create mode 100644 frontend/antd/dropdown/dropdown.tsx
create mode 100644 frontend/antd/dropdown/gradio.config.js
create mode 100644 frontend/antd/dropdown/package.json
create mode 100644 frontend/antd/empty/Index.svelte
create mode 100644 frontend/antd/empty/empty.tsx
create mode 100644 frontend/antd/empty/gradio.config.js
create mode 100644 frontend/antd/empty/package.json
create mode 100644 frontend/antd/flex/Index.svelte
create mode 100644 frontend/antd/flex/flex.tsx
create mode 100644 frontend/antd/flex/gradio.config.js
create mode 100644 frontend/antd/flex/package.json
create mode 100644 frontend/antd/float-button/Index.svelte
create mode 100644 frontend/antd/float-button/back-top/Index.svelte
create mode 100644 frontend/antd/float-button/back-top/float-button.back-top.tsx
create mode 100644 frontend/antd/float-button/back-top/gradio.config.js
create mode 100644 frontend/antd/float-button/back-top/package.json
create mode 100644 frontend/antd/float-button/float-button.tsx
create mode 100644 frontend/antd/float-button/gradio.config.js
create mode 100644 frontend/antd/float-button/group/Index.svelte
create mode 100644 frontend/antd/float-button/group/float-button.group.less
create mode 100644 frontend/antd/float-button/group/float-button.group.tsx
create mode 100644 frontend/antd/float-button/group/gradio.config.js
create mode 100644 frontend/antd/float-button/group/package.json
create mode 100644 frontend/antd/float-button/package.json
create mode 100644 frontend/antd/form/Index.svelte
create mode 100644 frontend/antd/form/context.ts
create mode 100644 frontend/antd/form/form.tsx
create mode 100644 frontend/antd/form/gradio.config.js
create mode 100644 frontend/antd/form/item/Index.svelte
create mode 100644 frontend/antd/form/item/form.item.tsx
create mode 100644 frontend/antd/form/item/gradio.config.js
create mode 100644 frontend/antd/form/item/package.json
create mode 100644 frontend/antd/form/item/rule/Index.svelte
create mode 100644 frontend/antd/form/item/rule/global.css
create mode 100644 frontend/antd/form/item/rule/gradio.config.js
create mode 100644 frontend/antd/form/item/rule/package.json
create mode 100644 frontend/antd/form/package.json
create mode 100644 frontend/antd/grid/col/Index.svelte
create mode 100644 frontend/antd/grid/col/gradio.config.js
create mode 100644 frontend/antd/grid/col/package.json
create mode 100644 frontend/antd/grid/context.ts
create mode 100644 frontend/antd/grid/row/Index.svelte
create mode 100644 frontend/antd/grid/row/gradio.config.js
create mode 100644 frontend/antd/grid/row/package.json
create mode 100644 frontend/antd/grid/row/row.tsx
create mode 100644 frontend/antd/icon/Index.svelte
create mode 100644 frontend/antd/icon/gradio.config.js
create mode 100644 frontend/antd/icon/icon.tsx
create mode 100644 frontend/antd/icon/iconfont-provider/Index.svelte
create mode 100644 frontend/antd/icon/iconfont-provider/context.ts
create mode 100644 frontend/antd/icon/iconfont-provider/create-iconfont.ts
create mode 100644 frontend/antd/icon/iconfont-provider/gradio.config.js
create mode 100644 frontend/antd/icon/iconfont-provider/package.json
create mode 100644 frontend/antd/icon/package.json
create mode 100644 frontend/antd/image/Index.svelte
create mode 100644 frontend/antd/image/gradio.config.js
create mode 100644 frontend/antd/image/image.tsx
create mode 100644 frontend/antd/image/package.json
create mode 100644 frontend/antd/image/preview-group/Index.svelte
create mode 100644 frontend/antd/image/preview-group/gradio.config.js
create mode 100644 frontend/antd/image/preview-group/image.preview-group.tsx
create mode 100644 frontend/antd/image/preview-group/package.json
create mode 100644 frontend/antd/input-number/Index.svelte
create mode 100644 frontend/antd/input-number/gradio.config.js
create mode 100644 frontend/antd/input-number/input-number.tsx
create mode 100644 frontend/antd/input-number/package.json
create mode 100644 frontend/antd/input/Index.svelte
create mode 100644 frontend/antd/input/gradio.config.js
create mode 100644 frontend/antd/input/input.tsx
create mode 100644 frontend/antd/input/otp/Index.svelte
create mode 100644 frontend/antd/input/otp/gradio.config.js
create mode 100644 frontend/antd/input/otp/input.otp.tsx
create mode 100644 frontend/antd/input/otp/package.json
create mode 100644 frontend/antd/input/package.json
create mode 100644 frontend/antd/input/password/Index.svelte
create mode 100644 frontend/antd/input/password/gradio.config.js
create mode 100644 frontend/antd/input/password/input.password.tsx
create mode 100644 frontend/antd/input/password/package.json
create mode 100644 frontend/antd/input/search/Index.svelte
create mode 100644 frontend/antd/input/search/gradio.config.js
create mode 100644 frontend/antd/input/search/input.search.tsx
create mode 100644 frontend/antd/input/search/package.json
create mode 100644 frontend/antd/input/textarea/Index.svelte
create mode 100644 frontend/antd/input/textarea/gradio.config.js
create mode 100644 frontend/antd/input/textarea/input.textarea.tsx
create mode 100644 frontend/antd/input/textarea/package.json
create mode 100644 frontend/antd/layout/Base.svelte
create mode 100644 frontend/antd/layout/Index.svelte
create mode 100644 frontend/antd/layout/content/Index.svelte
create mode 100644 frontend/antd/layout/content/gradio.config.js
create mode 100644 frontend/antd/layout/content/package.json
create mode 100644 frontend/antd/layout/footer/Index.svelte
create mode 100644 frontend/antd/layout/footer/gradio.config.js
create mode 100644 frontend/antd/layout/footer/package.json
create mode 100644 frontend/antd/layout/gradio.config.js
create mode 100644 frontend/antd/layout/header/Index.svelte
create mode 100644 frontend/antd/layout/header/gradio.config.js
create mode 100644 frontend/antd/layout/header/package.json
create mode 100644 frontend/antd/layout/layout.base.tsx
create mode 100644 frontend/antd/layout/package.json
create mode 100644 frontend/antd/layout/sider/Index.svelte
create mode 100644 frontend/antd/layout/sider/gradio.config.js
create mode 100644 frontend/antd/layout/sider/layout.sider.tsx
create mode 100644 frontend/antd/layout/sider/package.json
create mode 100644 frontend/antd/list/Index.svelte
create mode 100644 frontend/antd/list/gradio.config.js
create mode 100644 frontend/antd/list/item/Index.svelte
create mode 100644 frontend/antd/list/item/gradio.config.js
create mode 100644 frontend/antd/list/item/list.item.tsx
create mode 100644 frontend/antd/list/item/meta/Index.svelte
create mode 100644 frontend/antd/list/item/meta/gradio.config.js
create mode 100644 frontend/antd/list/item/meta/list.item.meta.tsx
create mode 100644 frontend/antd/list/item/meta/package.json
create mode 100644 frontend/antd/list/item/package.json
create mode 100644 frontend/antd/list/list.tsx
create mode 100644 frontend/antd/list/package.json
create mode 100644 frontend/antd/mentions/Index.svelte
create mode 100644 frontend/antd/mentions/context.ts
create mode 100644 frontend/antd/mentions/gradio.config.js
create mode 100644 frontend/antd/mentions/mentions.tsx
create mode 100644 frontend/antd/mentions/option/Index.svelte
create mode 100644 frontend/antd/mentions/option/gradio.config.js
create mode 100644 frontend/antd/mentions/option/package.json
create mode 100644 frontend/antd/mentions/package.json
create mode 100644 frontend/antd/menu/Index.svelte
create mode 100644 frontend/antd/menu/context.ts
create mode 100644 frontend/antd/menu/gradio.config.js
create mode 100644 frontend/antd/menu/item/Index.svelte
create mode 100644 frontend/antd/menu/item/gradio.config.js
create mode 100644 frontend/antd/menu/item/package.json
create mode 100644 frontend/antd/menu/menu.less
create mode 100644 frontend/antd/menu/menu.tsx
create mode 100644 frontend/antd/menu/package.json
create mode 100644 frontend/antd/message/Index.svelte
create mode 100644 frontend/antd/message/gradio.config.js
create mode 100644 frontend/antd/message/message.tsx
create mode 100644 frontend/antd/message/package.json
create mode 100644 frontend/antd/modal/Index.svelte
create mode 100644 frontend/antd/modal/gradio.config.js
create mode 100644 frontend/antd/modal/modal.tsx
create mode 100644 frontend/antd/modal/package.json
create mode 100644 frontend/antd/notification/Index.svelte
create mode 100644 frontend/antd/notification/gradio.config.js
create mode 100644 frontend/antd/notification/notification.tsx
create mode 100644 frontend/antd/notification/package.json
create mode 100644 frontend/antd/package.json
create mode 100644 frontend/antd/pagination/Index.svelte
create mode 100644 frontend/antd/pagination/gradio.config.js
create mode 100644 frontend/antd/pagination/package.json
create mode 100644 frontend/antd/pagination/pagination.tsx
create mode 100644 frontend/antd/popconfirm/Index.svelte
create mode 100644 frontend/antd/popconfirm/gradio.config.js
create mode 100644 frontend/antd/popconfirm/package.json
create mode 100644 frontend/antd/popconfirm/popconfirm.tsx
create mode 100644 frontend/antd/popover/Index.svelte
create mode 100644 frontend/antd/popover/gradio.config.js
create mode 100644 frontend/antd/popover/package.json
create mode 100644 frontend/antd/popover/popover.tsx
create mode 100644 frontend/antd/progress/Index.svelte
create mode 100644 frontend/antd/progress/gradio.config.js
create mode 100644 frontend/antd/progress/package.json
create mode 100644 frontend/antd/progress/progress.tsx
create mode 100644 frontend/antd/qr-code/Index.svelte
create mode 100644 frontend/antd/qr-code/gradio.config.js
create mode 100644 frontend/antd/qr-code/package.json
create mode 100644 frontend/antd/qr-code/qr-code.tsx
create mode 100644 frontend/antd/radio/Index.svelte
create mode 100644 frontend/antd/radio/button/Index.svelte
create mode 100644 frontend/antd/radio/button/gradio.config.js
create mode 100644 frontend/antd/radio/button/package.json
create mode 100644 frontend/antd/radio/button/radio.button.tsx
create mode 100644 frontend/antd/radio/context.ts
create mode 100644 frontend/antd/radio/gradio.config.js
create mode 100644 frontend/antd/radio/group/Index.svelte
create mode 100644 frontend/antd/radio/group/gradio.config.js
create mode 100644 frontend/antd/radio/group/option/Index.svelte
create mode 100644 frontend/antd/radio/group/option/gradio.config.js
create mode 100644 frontend/antd/radio/group/option/package.json
create mode 100644 frontend/antd/radio/group/package.json
create mode 100644 frontend/antd/radio/group/radio.group.less
create mode 100644 frontend/antd/radio/group/radio.group.tsx
create mode 100644 frontend/antd/radio/package.json
create mode 100644 frontend/antd/radio/radio.tsx
create mode 100644 frontend/antd/rate/Index.svelte
create mode 100644 frontend/antd/rate/gradio.config.js
create mode 100644 frontend/antd/rate/package.json
create mode 100644 frontend/antd/rate/rate.tsx
create mode 100644 frontend/antd/result/Index.svelte
create mode 100644 frontend/antd/result/gradio.config.js
create mode 100644 frontend/antd/result/package.json
create mode 100644 frontend/antd/result/result.tsx
create mode 100644 frontend/antd/segmented/Index.svelte
create mode 100644 frontend/antd/segmented/context.ts
create mode 100644 frontend/antd/segmented/gradio.config.js
create mode 100644 frontend/antd/segmented/option/Index.svelte
create mode 100644 frontend/antd/segmented/option/gradio.config.js
create mode 100644 frontend/antd/segmented/option/package.json
create mode 100644 frontend/antd/segmented/package.json
create mode 100644 frontend/antd/segmented/segmented.tsx
create mode 100644 frontend/antd/select/Index.svelte
create mode 100644 frontend/antd/select/context.ts
create mode 100644 frontend/antd/select/gradio.config.js
create mode 100644 frontend/antd/select/option/Index.svelte
create mode 100644 frontend/antd/select/option/gradio.config.js
create mode 100644 frontend/antd/select/option/package.json
create mode 100644 frontend/antd/select/package.json
create mode 100644 frontend/antd/select/select.tsx
create mode 100644 frontend/antd/skeleton/Index.svelte
create mode 100644 frontend/antd/skeleton/avatar/Index.svelte
create mode 100644 frontend/antd/skeleton/avatar/gradio.config.js
create mode 100644 frontend/antd/skeleton/avatar/package.json
create mode 100644 frontend/antd/skeleton/avatar/skeleton.avatar.tsx
create mode 100644 frontend/antd/skeleton/button/Index.svelte
create mode 100644 frontend/antd/skeleton/button/gradio.config.js
create mode 100644 frontend/antd/skeleton/button/package.json
create mode 100644 frontend/antd/skeleton/button/skeleton.button.tsx
create mode 100644 frontend/antd/skeleton/gradio.config.js
create mode 100644 frontend/antd/skeleton/image/Index.svelte
create mode 100644 frontend/antd/skeleton/image/gradio.config.js
create mode 100644 frontend/antd/skeleton/image/package.json
create mode 100644 frontend/antd/skeleton/image/skeleton.image.tsx
create mode 100644 frontend/antd/skeleton/input/Index.svelte
create mode 100644 frontend/antd/skeleton/input/gradio.config.js
create mode 100644 frontend/antd/skeleton/input/package.json
create mode 100644 frontend/antd/skeleton/input/skeleton.input.tsx
create mode 100644 frontend/antd/skeleton/node/Index.svelte
create mode 100644 frontend/antd/skeleton/node/gradio.config.js
create mode 100644 frontend/antd/skeleton/node/package.json
create mode 100644 frontend/antd/skeleton/node/skeleton.node.tsx
create mode 100644 frontend/antd/skeleton/package.json
create mode 100644 frontend/antd/skeleton/skeleton.tsx
create mode 100644 frontend/antd/slider/Index.svelte
create mode 100644 frontend/antd/slider/context.ts
create mode 100644 frontend/antd/slider/gradio.config.js
create mode 100644 frontend/antd/slider/mark/Index.svelte
create mode 100644 frontend/antd/slider/mark/gradio.config.js
create mode 100644 frontend/antd/slider/mark/package.json
create mode 100644 frontend/antd/slider/package.json
create mode 100644 frontend/antd/slider/slider.tsx
create mode 100644 frontend/antd/space/Index.svelte
create mode 100644 frontend/antd/space/compact/Index.svelte
create mode 100644 frontend/antd/space/compact/gradio.config.js
create mode 100644 frontend/antd/space/compact/package.json
create mode 100644 frontend/antd/space/compact/space.compact.tsx
create mode 100644 frontend/antd/space/gradio.config.js
create mode 100644 frontend/antd/space/package.json
create mode 100644 frontend/antd/space/space.tsx
create mode 100644 frontend/antd/spin/Index.svelte
create mode 100644 frontend/antd/spin/gradio.config.js
create mode 100644 frontend/antd/spin/package.json
create mode 100644 frontend/antd/spin/spin.tsx
create mode 100644 frontend/antd/splitter/Index.svelte
create mode 100644 frontend/antd/splitter/context.ts
create mode 100644 frontend/antd/splitter/gradio.config.js
create mode 100644 frontend/antd/splitter/package.json
create mode 100644 frontend/antd/splitter/panel/Index.svelte
create mode 100644 frontend/antd/splitter/panel/gradio.config.js
create mode 100644 frontend/antd/splitter/panel/package.json
create mode 100644 frontend/antd/splitter/splitter.tsx
create mode 100644 frontend/antd/statistic/Index.svelte
create mode 100644 frontend/antd/statistic/countdown/Index.svelte
create mode 100644 frontend/antd/statistic/countdown/gradio.config.js
create mode 100644 frontend/antd/statistic/countdown/package.json
create mode 100644 frontend/antd/statistic/countdown/statistic.countdown.tsx
create mode 100644 frontend/antd/statistic/gradio.config.js
create mode 100644 frontend/antd/statistic/package.json
create mode 100644 frontend/antd/statistic/statistic.tsx
create mode 100644 frontend/antd/steps/Index.svelte
create mode 100644 frontend/antd/steps/context.ts
create mode 100644 frontend/antd/steps/gradio.config.js
create mode 100644 frontend/antd/steps/item/Index.svelte
create mode 100644 frontend/antd/steps/item/gradio.config.js
create mode 100644 frontend/antd/steps/item/package.json
create mode 100644 frontend/antd/steps/package.json
create mode 100644 frontend/antd/steps/steps.tsx
create mode 100644 frontend/antd/switch/Index.svelte
create mode 100644 frontend/antd/switch/gradio.config.js
create mode 100644 frontend/antd/switch/package.json
create mode 100644 frontend/antd/switch/switch.tsx
create mode 100644 frontend/antd/table/Index.svelte
create mode 100644 frontend/antd/table/column-group/Index.svelte
create mode 100644 frontend/antd/table/column-group/gradio.config.js
create mode 100644 frontend/antd/table/column-group/package.json
create mode 100644 frontend/antd/table/column/Index.svelte
create mode 100644 frontend/antd/table/column/gradio.config.js
create mode 100644 frontend/antd/table/column/package.json
create mode 100644 frontend/antd/table/context.ts
create mode 100644 frontend/antd/table/expandable/Expandable.svelte
create mode 100644 frontend/antd/table/expandable/Index.svelte
create mode 100644 frontend/antd/table/expandable/gradio.config.js
create mode 100644 frontend/antd/table/expandable/package.json
create mode 100644 frontend/antd/table/gradio.config.js
create mode 100644 frontend/antd/table/package.json
create mode 100644 frontend/antd/table/row-selection/Index.svelte
create mode 100644 frontend/antd/table/row-selection/RowSelection.svelte
create mode 100644 frontend/antd/table/row-selection/gradio.config.js
create mode 100644 frontend/antd/table/row-selection/package.json
create mode 100644 frontend/antd/table/row-selection/selection/Index.svelte
create mode 100644 frontend/antd/table/row-selection/selection/gradio.config.js
create mode 100644 frontend/antd/table/row-selection/selection/package.json
create mode 100644 frontend/antd/table/table.tsx
create mode 100644 frontend/antd/tabs/Index.svelte
create mode 100644 frontend/antd/tabs/context.ts
create mode 100644 frontend/antd/tabs/gradio.config.js
create mode 100644 frontend/antd/tabs/item/Index.svelte
create mode 100644 frontend/antd/tabs/item/gradio.config.js
create mode 100644 frontend/antd/tabs/item/package.json
create mode 100644 frontend/antd/tabs/package.json
create mode 100644 frontend/antd/tabs/tabs.tsx
create mode 100644 frontend/antd/tag/Index.svelte
create mode 100644 frontend/antd/tag/checkable-tag/Index.svelte
create mode 100644 frontend/antd/tag/checkable-tag/gradio.config.js
create mode 100644 frontend/antd/tag/checkable-tag/package.json
create mode 100644 frontend/antd/tag/checkable-tag/tag.checkable-tag.tsx
create mode 100644 frontend/antd/tag/gradio.config.js
create mode 100644 frontend/antd/tag/package.json
create mode 100644 frontend/antd/tag/tag.tsx
create mode 100644 frontend/antd/time-picker/Index.svelte
create mode 100644 frontend/antd/time-picker/gradio.config.js
create mode 100644 frontend/antd/time-picker/package.json
create mode 100644 frontend/antd/time-picker/range-picker/Index.svelte
create mode 100644 frontend/antd/time-picker/range-picker/gradio.config.js
create mode 100644 frontend/antd/time-picker/range-picker/package.json
create mode 100644 frontend/antd/time-picker/range-picker/time-picker.range-picker.tsx
create mode 100644 frontend/antd/time-picker/time-picker.tsx
create mode 100644 frontend/antd/timeline/Index.svelte
create mode 100644 frontend/antd/timeline/context.ts
create mode 100644 frontend/antd/timeline/gradio.config.js
create mode 100644 frontend/antd/timeline/item/Index.svelte
create mode 100644 frontend/antd/timeline/item/gradio.config.js
create mode 100644 frontend/antd/timeline/item/package.json
create mode 100644 frontend/antd/timeline/package.json
create mode 100644 frontend/antd/timeline/timeline.tsx
create mode 100644 frontend/antd/tooltip/Index.svelte
create mode 100644 frontend/antd/tooltip/gradio.config.js
create mode 100644 frontend/antd/tooltip/package.json
create mode 100644 frontend/antd/tooltip/tooltip.tsx
create mode 100644 frontend/antd/tour/Index.svelte
create mode 100644 frontend/antd/tour/context.ts
create mode 100644 frontend/antd/tour/gradio.config.js
create mode 100644 frontend/antd/tour/package.json
create mode 100644 frontend/antd/tour/step/Index.svelte
create mode 100644 frontend/antd/tour/step/gradio.config.js
create mode 100644 frontend/antd/tour/step/package.json
create mode 100644 frontend/antd/tour/tour.tsx
create mode 100644 frontend/antd/transfer/Index.svelte
create mode 100644 frontend/antd/transfer/gradio.config.js
create mode 100644 frontend/antd/transfer/package.json
create mode 100644 frontend/antd/transfer/transfer.tsx
create mode 100644 frontend/antd/tree-select/Index.svelte
create mode 100644 frontend/antd/tree-select/context.ts
create mode 100644 frontend/antd/tree-select/gradio.config.js
create mode 100644 frontend/antd/tree-select/package.json
create mode 100644 frontend/antd/tree-select/tree-node/Index.svelte
create mode 100644 frontend/antd/tree-select/tree-node/gradio.config.js
create mode 100644 frontend/antd/tree-select/tree-node/package.json
create mode 100644 frontend/antd/tree-select/tree-select.tsx
create mode 100644 frontend/antd/tree/Index.svelte
create mode 100644 frontend/antd/tree/context.ts
create mode 100644 frontend/antd/tree/directory-tree/Index.svelte
create mode 100644 frontend/antd/tree/directory-tree/gradio.config.js
create mode 100644 frontend/antd/tree/directory-tree/package.json
create mode 100644 frontend/antd/tree/gradio.config.js
create mode 100644 frontend/antd/tree/package.json
create mode 100644 frontend/antd/tree/tree-node/Index.svelte
create mode 100644 frontend/antd/tree/tree-node/gradio.config.js
create mode 100644 frontend/antd/tree/tree-node/package.json
create mode 100644 frontend/antd/tree/tree.tsx
create mode 100644 frontend/antd/typography/Base.svelte
create mode 100644 frontend/antd/typography/link/Index.svelte
create mode 100644 frontend/antd/typography/link/gradio.config.js
create mode 100644 frontend/antd/typography/link/package.json
create mode 100644 frontend/antd/typography/paragraph/Index.svelte
create mode 100644 frontend/antd/typography/paragraph/gradio.config.js
create mode 100644 frontend/antd/typography/paragraph/package.json
create mode 100644 frontend/antd/typography/text/Index.svelte
create mode 100644 frontend/antd/typography/text/gradio.config.js
create mode 100644 frontend/antd/typography/text/package.json
create mode 100644 frontend/antd/typography/title/Index.svelte
create mode 100644 frontend/antd/typography/title/gradio.config.js
create mode 100644 frontend/antd/typography/title/package.json
create mode 100644 frontend/antd/typography/typography.base.tsx
create mode 100644 frontend/antd/upload/Index.svelte
create mode 100644 frontend/antd/upload/dragger/Index.svelte
create mode 100644 frontend/antd/upload/dragger/gradio.config.js
create mode 100644 frontend/antd/upload/dragger/package.json
create mode 100644 frontend/antd/upload/dragger/upload.dragger.tsx
create mode 100644 frontend/antd/upload/gradio.config.js
create mode 100644 frontend/antd/upload/package.json
create mode 100644 frontend/antd/upload/upload.tsx
create mode 100644 frontend/antd/watermark/Index.svelte
create mode 100644 frontend/antd/watermark/gradio.config.js
create mode 100644 frontend/antd/watermark/package.json
create mode 100644 frontend/antd/watermark/watermark.tsx
create mode 100644 frontend/base/CHANGELOG.md
create mode 100644 frontend/base/application/Application.svelte
create mode 100644 frontend/base/application/Index.svelte
create mode 100644 frontend/base/application/gradio.config.js
create mode 100644 frontend/base/application/package.json
create mode 100644 frontend/base/div/Index.svelte
create mode 100644 frontend/base/div/gradio.config.js
create mode 100644 frontend/base/div/package.json
create mode 100644 frontend/base/each/Each.svelte
create mode 100644 frontend/base/each/Index.svelte
create mode 100644 frontend/base/each/gradio.config.js
create mode 100644 frontend/base/each/package.json
create mode 100644 frontend/base/filter/Index.svelte
create mode 100644 frontend/base/filter/gradio.config.js
create mode 100644 frontend/base/filter/package.json
create mode 100644 frontend/base/fragment/Index.svelte
create mode 100644 frontend/base/fragment/ShowFragment.svelte
create mode 100644 frontend/base/fragment/fragment.tsx
create mode 100644 frontend/base/fragment/gradio.config.js
create mode 100644 frontend/base/fragment/package.json
create mode 100644 frontend/base/package.json
create mode 100644 frontend/base/slot/Index.svelte
create mode 100644 frontend/base/slot/gradio.config.js
create mode 100644 frontend/base/slot/package.json
create mode 100644 frontend/base/span/Index.svelte
create mode 100644 frontend/base/span/gradio.config.js
create mode 100644 frontend/base/span/package.json
create mode 100644 frontend/base/text/Index.svelte
create mode 100644 frontend/base/text/global.css
create mode 100644 frontend/base/text/gradio.config.js
create mode 100644 frontend/base/text/package.json
delete mode 100644 frontend/compiled/package.json
delete mode 100644 frontend/compiled/tsconfig.build.json
delete mode 100644 frontend/compiled/tsconfig.json
delete mode 100644 frontend/compiled/tsconfig.node.json
delete mode 100644 frontend/compiled/vite.config.ts
create mode 100644 frontend/defineConfig.js
create mode 100644 frontend/fixtures.d.ts
rename frontend/{Chatbot/Index.svelte => legacy/Chatbot/Awaited.svelte} (98%)
rename frontend/{Markdown => legacy/Chatbot}/CHANGELOG.md (66%)
create mode 100644 frontend/legacy/Chatbot/Index.svelte
create mode 100644 frontend/legacy/Chatbot/gradio.config.js
create mode 100644 frontend/legacy/Chatbot/package.json
rename frontend/{ => legacy}/Chatbot/shared/ChatBot.svelte (99%)
rename frontend/{ => legacy}/Chatbot/shared/Copy.svelte (97%)
rename frontend/{ => legacy}/Chatbot/shared/FlushingMarkdown.svelte (98%)
rename frontend/{ => legacy}/Chatbot/shared/LikeDislike.svelte (100%)
rename frontend/{ => legacy}/Chatbot/shared/Pending.svelte (100%)
rename frontend/{ => legacy}/Chatbot/shared/llm-thinking-presets.ts (100%)
rename frontend/{ => legacy}/Chatbot/shared/utils.ts (100%)
rename frontend/{Flow/Index.svelte => legacy/Flow/Awaited.svelte} (96%)
rename frontend/{ => legacy}/Flow/CHANGELOG.md (68%)
create mode 100644 frontend/legacy/Flow/Index.svelte
create mode 100644 frontend/legacy/Flow/gradio.config.js
create mode 100644 frontend/legacy/Flow/package.json
rename frontend/{ => legacy}/Flow/schema.json (100%)
create mode 100644 frontend/legacy/Flow/schema.ts
rename frontend/{ => legacy}/Flow/shared/Flow.svelte (96%)
rename frontend/{ => legacy}/Flow/shared/utils.ts (63%)
create mode 100644 frontend/legacy/Lifecycle/CHANGELOG.md
create mode 100644 frontend/legacy/Lifecycle/gradio.config.js
rename frontend/{ => legacy}/Lifecycle/index.svelte (100%)
create mode 100644 frontend/legacy/Lifecycle/package.json
rename frontend/{ => legacy}/Lifecycle/shared/utils.ts (100%)
rename frontend/{Markdown/Index.svelte => legacy/Markdown/Awaited.svelte} (94%)
rename frontend/{Chatbot => legacy/Markdown}/CHANGELOG.md (66%)
rename frontend/{ => legacy}/Markdown/Example.svelte (89%)
create mode 100644 frontend/legacy/Markdown/Index.svelte
create mode 100644 frontend/legacy/Markdown/gradio.config.js
create mode 100644 frontend/legacy/Markdown/package.json
rename frontend/{ => legacy}/Markdown/shared/Markdown.svelte (97%)
rename frontend/{MultimodalInput/Index.svelte => legacy/MultimodalInput/Awaited.svelte} (98%)
rename frontend/{ => legacy}/MultimodalInput/CHANGELOG.md (67%)
rename frontend/{ => legacy}/MultimodalInput/Example.svelte (100%)
create mode 100644 frontend/legacy/MultimodalInput/Index.svelte
create mode 100644 frontend/legacy/MultimodalInput/gradio.config.js
create mode 100644 frontend/legacy/MultimodalInput/package.json
rename frontend/{ => legacy}/MultimodalInput/shared/AudioRecorder.svelte (100%)
rename frontend/{ => legacy}/MultimodalInput/shared/FilePreview.svelte (98%)
rename frontend/{ => legacy}/MultimodalInput/shared/Input.svelte (100%)
rename frontend/{ => legacy}/MultimodalInput/shared/Loader.svelte (100%)
rename frontend/{ => legacy}/MultimodalInput/shared/RemoveIcon.svelte (100%)
rename frontend/{ => legacy}/MultimodalInput/shared/SubmitButton.svelte (100%)
rename frontend/{ => legacy}/MultimodalInput/shared/UploadButton.svelte (100%)
rename frontend/{ => legacy}/MultimodalInput/shared/UploadIcon.svelte (100%)
rename frontend/{ => legacy}/MultimodalInput/shared/Webcam.svelte (100%)
rename frontend/{ => legacy}/MultimodalInput/shared/context.ts (100%)
rename frontend/{ => legacy}/MultimodalInput/shared/global.d.ts (100%)
rename frontend/{ => legacy}/MultimodalInput/shared/utils.ts (100%)
create mode 100644 frontend/legacy/WaterfallGallery/CHANGELOG.md
rename frontend/{ => legacy}/WaterfallGallery/Index.svelte (100%)
create mode 100644 frontend/legacy/WaterfallGallery/gradio.config.js
create mode 100644 frontend/legacy/WaterfallGallery/package.json
rename frontend/{ => legacy}/WaterfallGallery/shared/Dislike.svelte (100%)
rename frontend/{ => legacy}/WaterfallGallery/shared/Gallery.svelte (99%)
rename frontend/{ => legacy}/WaterfallGallery/shared/Image.svelte (100%)
rename frontend/{ => legacy}/WaterfallGallery/shared/Waterfall/createWaterfall.ts (100%)
rename frontend/{ => legacy}/WaterfallGallery/shared/Waterfall/index.ts (100%)
rename frontend/{ => legacy}/WaterfallGallery/shared/Waterfall/layout.ts (100%)
rename frontend/{ => legacy}/WaterfallGallery/shared/utils.ts (100%)
rename frontend/{ => legacy}/compiled/CHANGELOG.md (61%)
rename frontend/{ => legacy}/compiled/components/FileView/index.svelte (100%)
rename frontend/{ => legacy}/compiled/components/FileView/shared/FileView.svelte (83%)
rename frontend/{ => legacy}/compiled/components/Flow/index.svelte (86%)
rename frontend/{ => legacy}/compiled/components/Markdown/index.svelte (86%)
rename frontend/{ => legacy}/compiled/components/ReactComponent.svelte (95%)
rename frontend/{ => legacy}/compiled/global.d.ts (100%)
rename frontend/{ => legacy}/compiled/index.ts (87%)
create mode 100644 frontend/legacy/compiled/package.json
rename frontend/{ => legacy}/compiled/src/ComponentConfigProvider.tsx (100%)
rename frontend/{ => legacy}/compiled/src/FileView/Pdf.tsx (100%)
rename frontend/{ => legacy}/compiled/src/FileView/hooks/usePreview.ts (100%)
rename frontend/{ => legacy}/compiled/src/FileView/index.less (100%)
rename frontend/{ => legacy}/compiled/src/FileView/index.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Flow/FlowContext.ts (100%)
rename frontend/{ => legacy}/compiled/src/Flow/components/CustomComponent.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Flow/components/FileUpload.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Flow/components/FormListItemWrapper.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Flow/flow-components/ConnectionHandle.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Flow/flow-components/ConnectionLine.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Flow/flow-components/Controls.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Flow/flow-components/Edge.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Flow/flow-components/Node.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Flow/flow-components/Sidebar.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Flow/i18n.ts (100%)
rename frontend/{ => legacy}/compiled/src/Flow/index.less (100%)
rename frontend/{ => legacy}/compiled/src/Flow/index.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Flow/type.ts (100%)
rename frontend/{ => legacy}/compiled/src/Flow/utils.ts (99%)
rename frontend/{ => legacy}/compiled/src/Markdown/components/Anchor.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/components/Audio.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/components/Code.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/components/CustomComponent.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/components/Heading.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/components/Image.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/components/Video.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/components/custom/Accordion.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/components/custom/Chart.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/components/custom/File.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/components/custom/FlushingEnd.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/components/custom/SelectBox.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/context.ts (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/hooks/useCustomProps.ts (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/index.less (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/index.tsx (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/math.ts (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/react-markdown.d.ts (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/rehype-plugins/rehype-Inline-code-property.ts (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/rehype-plugins/rehype-sanitize/index.d.ts (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/rehype-plugins/rehype-sanitize/index.js (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/rehype-plugins/rehype-sanitize/schema.js (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/remark-plugins/remark-directive-rehype.ts (100%)
rename frontend/{ => legacy}/compiled/src/Markdown/type.ts (100%)
rename frontend/{ => legacy}/compiled/src/defineComponent.tsx (100%)
rename frontend/{ => legacy}/compiled/src/index.ts (100%)
rename frontend/{ => legacy}/compiled/src/mount.tsx (100%)
rename frontend/{ => legacy}/compiled/src/polyfills.ts (100%)
rename frontend/{ => legacy}/compiled/src/shared/hooks/useCustomComponent.ts (100%)
rename frontend/{ => legacy}/compiled/src/shared/hooks/useMemoizedEqualValue.ts (100%)
rename frontend/{ => legacy}/compiled/src/shared/hooks/useRefValue.ts (100%)
rename frontend/{ => legacy}/compiled/src/shared/index.ts (100%)
rename frontend/{ => legacy}/compiled/src/shared/type.ts (100%)
rename frontend/{ => legacy}/compiled/src/utils.ts (98%)
create mode 100644 frontend/plugin.js
delete mode 100644 frontend/shared/CHANGELOG.md
delete mode 100644 frontend/shared/package.json
create mode 100644 frontend/svelte-preprocess-react/component.ts
create mode 100644 frontend/svelte-preprocess-react/context.ts
create mode 100644 frontend/svelte-preprocess-react/events-polyfills.ts
create mode 100644 frontend/svelte-preprocess-react/index.ts
create mode 100644 frontend/svelte-preprocess-react/inject.ts
create mode 100644 frontend/svelte-preprocess-react/internal/Bridge.ts
create mode 100644 frontend/svelte-preprocess-react/internal/Child.ts
create mode 100644 frontend/svelte-preprocess-react/internal/ReactWrapper.svelte
create mode 100644 frontend/svelte-preprocess-react/internal/types.ts
create mode 100644 frontend/svelte-preprocess-react/polyfills.ts
create mode 100644 frontend/svelte-preprocess-react/react-slot.tsx
create mode 100644 frontend/svelte-preprocess-react/slot.ts
create mode 100644 frontend/svelte-preprocess-react/sveltify.ts
create mode 100644 frontend/svelte-preprocess-react/useStore.ts
create mode 100644 frontend/tsconfig.json
create mode 100644 frontend/utils/createFunction.ts
create mode 100644 frontend/utils/createItemsContext.tsx
create mode 100644 frontend/utils/hooks/useFunction.ts
create mode 100644 frontend/utils/hooks/useSlotsChildren.ts
create mode 100644 frontend/utils/hooks/useTargets.ts
create mode 100644 frontend/utils/hooks/useValueChange.ts
create mode 100644 frontend/utils/omitUndefinedProps.ts
create mode 100644 frontend/utils/renderItems.tsx
create mode 100644 frontend/utils/renderParamsSlot.tsx
create mode 100644 frontend/utils/renderSlot.tsx
create mode 100644 frontend/utils/styleObject2String.ts
rename frontend/{shared/src/index.ts => utils/upload.ts} (100%)
diff --git a/.changeset/five-actors-compete.md b/.changeset/five-actors-compete.md
new file mode 100644
index 00000000..b3735316
--- /dev/null
+++ b/.changeset/five-actors-compete.md
@@ -0,0 +1,17 @@
+---
+'@modelscope-studio/legacy-waterfall-gallery': patch
+'@modelscope-studio/legacy-multimodal-input': patch
+'@modelscope-studio/legacy-lifecycle': patch
+'@modelscope-studio/legacy-markdown': patch
+'@modelscope-studio/legacy-compiled': patch
+'@modelscope-studio/legacy-chatbot': patch
+'@modelscope-studio/legacy-flow': patch
+'@modelscope-studio/lint-config': patch
+'@modelscope-studio/changelog': patch
+'@modelscope-studio/antd': patch
+'@modelscope-studio/base': patch
+'@modelscope-studio/frontend': patch
+'modelscope_studio': patch
+---
+
+feat: complete components params in Python
diff --git a/.changeset/fuzzy-goats-retire.md b/.changeset/fuzzy-goats-retire.md
new file mode 100644
index 00000000..db0d20b5
--- /dev/null
+++ b/.changeset/fuzzy-goats-retire.md
@@ -0,0 +1,17 @@
+---
+'@modelscope-studio/legacy-waterfall-gallery': patch
+'@modelscope-studio/legacy-multimodal-input': patch
+'@modelscope-studio/legacy-lifecycle': patch
+'@modelscope-studio/legacy-markdown': patch
+'@modelscope-studio/legacy-compiled': patch
+'@modelscope-studio/legacy-chatbot': patch
+'@modelscope-studio/legacy-flow': patch
+'@modelscope-studio/lint-config': patch
+'@modelscope-studio/changelog': patch
+'@modelscope-studio/antd': patch
+'@modelscope-studio/base': patch
+'@modelscope-studio/frontend': patch
+'modelscope_studio': patch
+---
+
+feat: add new features
diff --git a/.changeset/lemon-laws-cross.md b/.changeset/lemon-laws-cross.md
new file mode 100644
index 00000000..c0acb047
--- /dev/null
+++ b/.changeset/lemon-laws-cross.md
@@ -0,0 +1,17 @@
+---
+'@modelscope-studio/legacy-waterfall-gallery': patch
+'@modelscope-studio/legacy-multimodal-input': patch
+'@modelscope-studio/legacy-lifecycle': patch
+'@modelscope-studio/legacy-markdown': patch
+'@modelscope-studio/legacy-compiled': patch
+'@modelscope-studio/legacy-chatbot': patch
+'@modelscope-studio/legacy-flow': patch
+'@modelscope-studio/lint-config': patch
+'@modelscope-studio/changelog': patch
+'@modelscope-studio/antd': patch
+'@modelscope-studio/base': patch
+'@modelscope-studio/frontend': patch
+'modelscope_studio': patch
+---
+
+feat: migrate to gradio 5
diff --git a/.changeset/pre.json b/.changeset/pre.json
new file mode 100644
index 00000000..7e81b4cd
--- /dev/null
+++ b/.changeset/pre.json
@@ -0,0 +1,25 @@
+{
+ "mode": "pre",
+ "tag": "beta",
+ "initialVersions": {
+ "modelscope_studio": "0.4.2",
+ "@modelscope-studio/changelog": "0.4.2",
+ "@modelscope-studio/lint-config": "0.4.2",
+ "@modelscope-studio/frontend": "0.4.2",
+ "@modelscope-studio/antd": "0.0.0",
+ "@modelscope-studio/base": "0.0.0",
+ "@modelscope-studio/legacy-chatbot": "0.4.2",
+ "@modelscope-studio/legacy-flow": "0.4.2",
+ "@modelscope-studio/legacy-lifecycle": "0.4.2",
+ "@modelscope-studio/legacy-markdown": "0.4.2",
+ "@modelscope-studio/legacy-multimodal-input": "0.4.2",
+ "@modelscope-studio/legacy-waterfall-gallery": "0.4.2",
+ "@modelscope-studio/legacy-compiled": "0.4.2"
+ },
+ "changesets": [
+ "five-actors-compete",
+ "fuzzy-goats-retire",
+ "lemon-laws-cross",
+ "tough-walls-grab"
+ ]
+}
diff --git a/.changeset/tough-walls-grab.md b/.changeset/tough-walls-grab.md
new file mode 100644
index 00000000..24863ec9
--- /dev/null
+++ b/.changeset/tough-walls-grab.md
@@ -0,0 +1,17 @@
+---
+'@modelscope-studio/legacy-waterfall-gallery': major
+'@modelscope-studio/legacy-multimodal-input': major
+'@modelscope-studio/legacy-lifecycle': major
+'@modelscope-studio/legacy-markdown': major
+'@modelscope-studio/legacy-compiled': major
+'@modelscope-studio/legacy-chatbot': major
+'@modelscope-studio/legacy-flow': major
+'@modelscope-studio/lint-config': major
+'@modelscope-studio/changelog': major
+'@modelscope-studio/antd': major
+'@modelscope-studio/base': major
+'@modelscope-studio/frontend': major
+'modelscope_studio': major
+---
+
+feat: integrate ant design
diff --git a/.github/workflows/lint.yaml b/.github/workflows/lint.yaml
index 48301c97..558b283e 100644
--- a/.github/workflows/lint.yaml
+++ b/.github/workflows/lint.yaml
@@ -29,7 +29,5 @@ jobs:
run: npm i pnpm@latest -g
- name: Install Node Dependencies
run: pnpm install
- - name: Build Dependencies
- run: pnpm run build:compiled
- name: Run Lint
run: pnpm run lint
diff --git a/.husky/commit-msg b/.husky/commit-msg
index 9b58085f..0c61d206 100755
--- a/.husky/commit-msg
+++ b/.husky/commit-msg
@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx commitlint -e $HUSKY_GIT_PARAMS
+pnpm exec commitlint -e $HUSKY_GIT_PARAMS
diff --git a/.husky/pre-commit b/.husky/pre-commit
index 36af2198..5ee7abd8 100755
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx lint-staged
+pnpm exec lint-staged
diff --git a/.lintstagedrc b/.lintstagedrc
index cfaf6972..e1370fbc 100644
--- a/.lintstagedrc
+++ b/.lintstagedrc
@@ -1,6 +1,6 @@
{
"*.{less,css}": ["pnpm run lint:style", "pnpm run format"],
- "*.{js,jsx,ts,tsx}": ["pnpm run lint:js", "pnpm run format"],
+ "*.{js,jsx,ts,tsx,svelte}": ["pnpm run lint:js", "pnpm run format"],
"*.{md,yaml,yml,json,html}": ["pnpm run format"],
"*.py": ["pnpm run lint:py"]
}
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5572ad99..1da8ac51 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,29 @@
# modelscope_studio
+## 1.0.0-beta.3
+
+### Features
+
+- [`9f3c59c`](https://github.com/modelscope/modelscope-studio/commit/9f3c59c9c5a0bf8af3980588cb07a467323b1d17) - add new features. Thanks [@Col0ring](https://github.com/Col0ring)!
+
+## 1.0.0-beta.2
+
+### Features
+
+- [`9e5da52`](https://github.com/modelscope/modelscope-studio/commit/9e5da52fc739c6862225192fecf95f6bfd7923ad) - complete components params in Python. Thanks [@Col0ring](https://github.com/Col0ring)!
+
+## 1.0.0-beta.1
+
+### Features
+
+- [`025f728`](https://github.com/modelscope/modelscope-studio/commit/025f72825bdafbc60b4a09e577a363e43189bd1d) - migrate to gradio 5. Thanks [@Col0ring](https://github.com/Col0ring)!
+
+## 1.0.0-beta.0
+
+### Features
+
+- [`4a46970`](https://github.com/modelscope/modelscope-studio/commit/4a46970007452af606abe02cdfa54a4959b2f3db) - integrate ant design. Thanks [@Col0ring](https://github.com/Col0ring)!
+
## 0.5.2
### Fixes
diff --git a/README-zh_CN.md b/README-zh_CN.md
index 50f7847c..2e09d7ff 100644
--- a/README-zh_CN.md
+++ b/README-zh_CN.md
@@ -1,4 +1,6 @@
-ModelScope Studio
+> 当前文档版本为 `1.0 beta`，如果您正在使用以前的`modelscope_studio`版本，请跳转至 [legacy](https://github.com/modelscope/modelscope-studio/tree/legacy) 分支查看。
+
+# ModelScope Studio
-GitHub | 🤖 ModelScope Studio ｜ 🤗 Hugging Face Space
+GitHub | 🤖 ModelScope Studio ｜ 🤗 Hugging Face Space
English ｜ 日本語
-`modelscope_studio` 是一套基于 gradio 4.x 的扩展组件库，致力于服务于 ModelScope 创空间中对于 gradio 应用的各类扩展需求，目前主要聚集在对话场景增强、多模态场景以及一些其他垂直场景支持。
+`modelscope_studio`是一个基于 Gradio 的三方组件库，在原有 Gradio 组件的基础上延伸了更多的组件和使用形式。
+
+目前支持的 UI 库：
+
+- [Ant Design](https://ant.design/)
+
+## 何时使用
+
+比起 Gradio 自身的组件，`modelscope_studio`更加注重页面布局和组件的灵活性，如果您想要构建更漂亮的用户界面，我们非常推荐您使用`modelscope_studio`。然而，当您的应用需要 Gradio 在 Python 端更多地处理内置数据时，`modelscope_studio`可能不是最好的选择，但仍然可以使用`modelscope_studio`的布局和展示组件来帮助您构建页面。
+
+## 依赖
+
+- Gradio >= 4.0
## 安装
```sh
-pip install modelscope_studio
+pip install modelscope_studio~=1.0.0b
```
## 快速开始
```python
-import time
import gradio as gr
-import modelscope_studio as mgr
-
-def submit(_input, _chatbot):
- print('text：', _input.text)
- print('files: ', _input.files)
- _chatbot.append([_input, None])
- yield _chatbot
- time.sleep(1)
- _chatbot[-1][1] = [{
- "flushing": False,
- "text": 'bot1: ' + _input.text + '!'
- }, {
- "text": 'bot2: ' + _input.text + '!'
- }]
- yield {
- chatbot: _chatbot,
- }
-with gr.Blocks() as demo:
- chatbot = mgr.Chatbot(height=400)
+import modelscope_studio.components.antd as antd
+import modelscope_studio.components.base as ms
- input = mgr.MultimodalInput()
- input.submit(fn=submit, inputs=[input, chatbot], outputs=[chatbot])
+with gr.Blocks() as demo:
+ with ms.Application():
+ with antd.ConfigProvider():
+ antd.DatePicker()
demo.queue().launch()
```
-
+## 文档与示例
-## 组件文档
+- ModelScope: [中文](https://modelscope.cn/studios/modelscope/modelscope-studio-beta)
+- Hugging Face: [English](<(https://huggingface.co/spaces/modelscope/modelscope-studio-beta)>)
-目前已支持的组件包括：
+## 迁移到 1.0
-- Chatbot: gradio Chatbot 扩展组件，支持输出多模态内容、支持多 bot 场景、支持对话内容内的自定义渲染组件及事件交互。
-- MultimodalInput: 多模态输入框，支持上传文件、录音、照相等功能。
-- Markdown: gradio Markdown 扩展组件，支持输出多模态内容（音频、视频、语音、文件、文本）。
-- Lifecycle: 生命周期组件，用于获取当前用户的环境信息。
-- WaterfallGallery: gradio Gallery 扩展组件，支持瀑布流的图像展示。
-- Flow: 基于 [reactflow](https://reactflow.dev/) 的 Flow 组件，支持通过 schema 定制节点渲染。
-- 更多组件...
+如果您在之前使用了`modelscope_studio`的组件，并且想要在新版本中继续使用。不需要对原有组件做任何修改，只需要在外层引入`ms.Application`即可。
-详细使用参见 [文档与示例](https://modelscope.cn/studios/modelscope/modelscope-studio/summary)
+```python
+import gradio as gr
+import modelscope_studio.components.base as ms
+import modelscope_studio.components.legacy as mgr
+
+with gr.Blocks() as demo:
+ with ms.Application():
+ mgr.Chatbot()
+
+demo.launch()
+```
## 开发
@@ -86,14 +89,8 @@ pnpm install
pnpm build
```
-运行 Demo!
-
-```sh
-gradio docs/app.py
-```
-
-或者像下面这样运行单个 Demo:
+运行 `gradio cc dev` 启动 demo：
```sh
-gradio docs/components/Chatbot/demos/basic.py
+gradio cc dev docs/app.py
```
diff --git a/README.md b/README.md
index 737cd15c..d53a59b8 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,6 @@
-ModelScope Studio
+> The current document version is `1.0 beta`. If you are using a previous version of `modelscope_studio`, please switch to the [legacy](https://github.com/modelscope/modelscope-studio/tree/legacy) branch for reference.
+
+# ModelScope Studio
-GitHub | 🤖 ModelScope Studio ｜ 🤗 Hugging Face Space
+GitHub | 🤖 ModelScope Studio ｜ 🤗 Hugging Face Space
中文 ｜ English ｜ 日本語
+ 中文 ｜ English ｜ 日本語
-`modelscope_studio` is a set of extension component libraries based on gradio 4.x, dedicated to serving the various extension needs of gradio applications within the ModelScope Studio. It mainly focuses on enhancing conversational scenarios, supporting multimodal contexts, and providing assistance for various other specialized scenarios.
+`modelscope_studio` is a third-party component library based on Gradio, extending more components and usage forms on top of the original Gradio components.
+
+Currently supported UI libraries:
+
+- [Ant Design](https://ant.design/)
+
+## When to Use
+
+Compared to Gradio's own components, `modelscope_studio` focuses more on page layout and component flexibility. If you want to build a more beautiful user interface, we highly recommend using `modelscope_studio`. However, when your application needs Gradio to handle more built-in data on the Python side, `modelscope_studio` may not be the best choice, but you can still use `modelscope_studio`'s layout and display components to help you build pages.
-## Install
+## Dependencies
+
+- Gradio >= 4.0
+
+## Installation
+
+> Currently, `modelscope_studio` version 1.0 is still under development. You can use the `beta` version in advance.
```sh
-pip install modelscope_studio
+pip install modelscope_studio~=1.0.0b
```
-## Quickstart
+## Quick Start
```python
-import time
import gradio as gr
-import modelscope_studio as mgr
-
-def submit(_input, _chatbot):
- print('text：', _input.text)
- print('files: ', _input.files)
- _chatbot.append([_input, None])
- yield _chatbot
- time.sleep(1)
- _chatbot[-1][1] = [{
- "flushing": False,
- "text": 'bot1: ' + _input.text + '!'
- }, {
- "text": 'bot2: ' + _input.text + '!'
- }]
- yield {
- chatbot: _chatbot,
- }
-with gr.Blocks() as demo:
- chatbot = mgr.Chatbot(height=400)
+import modelscope_studio.components.antd as antd
+import modelscope_studio.components.base as ms
- input = mgr.MultimodalInput()
- input.submit(fn=submit, inputs=[input, chatbot], outputs=[chatbot])
+with gr.Blocks() as demo:
+ with ms.Application():
+ with antd.ConfigProvider():
+ antd.DatePicker()
demo.queue().launch()
```
-
+## Documentation and Examples
-## Component Docs
+- ModelScope: [中文](https://modelscope.cn/studios/modelscope/modelscope-studio-beta)
+- Hugging Face: [English](<(https://huggingface.co/spaces/modelscope/modelscope-studio-beta)>)
-The currently supported components include:
+## Migration to 1.0
-- Chatbot: Gradio Chatbot extension component, supports multi-modal content output, multi-bot scenarios, and custom rendering components and event interactions within the conversation content.
-- MultimodalInput: A multi-modal input box, supporting functions such as file upload, recording, and photography.
-- Markdown: Gradio Markdown extension component, supports the output of multi-modal content (audio, video, voice, files, text).
-- Lifecycle: A Lifecycle component for getting the current user's environment information.
-- WaterfallGallery: Gradio Gallery extension component, supports waterfall-style image display.
-- Flow: A Flow component implemented based on [reactflow](https://reactflow.dev/), supports customization of node rendering through a schema.
-- More components...
+If you have previously used `modelscope_studio` components and want to continue using them in the new version, no modifications to the original components are needed. You just need to introduce `ms.Application` in the outer layer.
-For detailed usage, see [Documentation and Examples](https://modelscope.cn/studios/modelscope/modelscope-studio/summary)
+```python
+import gradio as gr
+import modelscope_studio.components.base as ms
+import modelscope_studio.components.legacy as mgr
+
+with gr.Blocks() as demo:
+ with ms.Application():
+ mgr.Chatbot()
+
+demo.launch()
+```
## Development
@@ -86,14 +91,8 @@ pnpm install
pnpm build
```
-Run demo!
-
-```sh
-gradio docs/app.py
-```
-
-or run a single demo like this:
+Run `gradio cc dev` to start demo:
```sh
-gradio docs/components/Chatbot/demos/basic.py
+gradio cc dev docs/app.py
```
diff --git a/backend/modelscope_studio/__init__.py b/backend/modelscope_studio/__init__.py
index a86d5328..72fa8f2c 100644
--- a/backend/modelscope_studio/__init__.py
+++ b/backend/modelscope_studio/__init__.py
@@ -1,8 +1,5 @@
-from .components import ModelScopeChatbot as Chatbot
-from .components import ModelScopeFlow as Flow
-from .components import ModelScopeLifecycle as Lifecycle
-from .components import ModelScopeMarkdown as Markdown
-from .components import ModelScopeMultimodalInput as MultimodalInput
-from .components import ModelScopeWaterfallGallery as WaterfallGallery
+from .components.antd.components import *
+from .components.base import *
+from .components.legacy import *
from .external import load
from .version import __version__
diff --git a/backend/modelscope_studio/components/__init__.py b/backend/modelscope_studio/components/__init__.py
deleted file mode 100644
index 190ba297..00000000
--- a/backend/modelscope_studio/components/__init__.py
+++ /dev/null
@@ -1,6 +0,0 @@
-from .Chatbot import ModelScopeChatbot
-from .Flow import ModelScopeFlow
-from .Lifecycle import ModelScopeLifecycle
-from .Markdown import ModelScopeMarkdown
-from .MultimodalInput import ModelScopeMultimodalInput
-from .WaterfallGallery import ModelScopeWaterfallGallery
diff --git a/backend/modelscope_studio/components/antd/__init__.py b/backend/modelscope_studio/components/antd/__init__.py
new file mode 100644
index 00000000..d1e17f65
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/__init__.py
@@ -0,0 +1,145 @@
+from .affix import AntdAffix as Affix
+from .alert import AntdAlert as Alert
+from .alert.error_boundary import AntdAlertErrorBoundary as AlertErrorBoundary
+from .anchor import AntdAnchor as Anchor
+from .anchor.item import AntdAnchorItem as AnchorItem
+from .auto_complete import AntdAutoComplete as AutoComplete
+from .auto_complete.option import AntdAutoCompleteOption as AutoCompleteOption
+from .avatar import AntdAvatar as Avatar
+from .avatar.group import AntdAvatarGroup as AvatarGroup
+from .badge import AntdBadge as Badge
+from .badge.ribbon import AntdBadgeRibbon as BadgeRibbon
+from .breadcrumb import AntdBreadcrumb as Breadcrumb
+from .breadcrumb.item import AntdBreadcrumbItem as BreadcrumbItem
+from .button import AntdButton as Button
+from .button.group import AntdButtonGroup as ButtonGroup
+from .calendar import AntdCalendar as Calendar
+from .card import AntdCard as Card
+from .card.grid import AntdCardGrid as CardGrid
+from .card.meta import AntdCardMeta as CardMeta
+from .carousel import AntdCarousel as Carousel
+from .cascader import AntdCascader as Cascader
+from .cascader.option import AntdCascaderOption as CascaderOption
+from .cascader.panel import AntdCascaderPanel as CascaderPanel
+from .checkbox import AntdCheckbox as Checkbox
+from .checkbox.group import AntdCheckboxGroup as CheckboxGroup
+from .checkbox.group.option import \
+ AntdCheckboxGroupOption as CheckboxGroupOption
+from .collapse import AntdCollapse as Collapse
+from .collapse.item import AntdCollapseItem as CollapseItem
+from .color_picker import AntdColorPicker as ColorPicker
+from .color_picker.preset import AntdColorPickerPreset as ColorPickerPreset
+from .config_provider import AntdConfigProvider as ConfigProvider
+from .date_picker import AntdDatePicker as DatePicker
+from .date_picker.preset import AntdDatePickerPreset as DatePickerPreset
+from .date_picker.range_picker import \
+ AntdDatePickerRangePicker as DatePickerRangePicker
+from .descriptions import AntdDescriptions as Descriptions
+from .descriptions.item import AntdDescriptionsItem as DescriptionsItem
+from .divider import AntdDivider as Divider
+from .drawer import AntdDrawer as Drawer
+from .dropdown import AntdDropdown as Dropdown
+from .dropdown.button import AntdDropdownButton as DropdownButton
+from .empty import AntdEmpty as Empty
+from .flex import AntdFlex as Flex
+from .float_button import AntdFloatButton as FloatButton
+from .float_button.back_top import AntdFloatButtonBackTop as FloatButtonBackTop
+from .float_button.group import AntdFloatButtonGroup as FloatButtonGroup
+from .form import AntdForm as Form
+from .form.item import AntdFormItem as FormItem
+from .form.item.rule import AntdFormItemRule as FormItemRule
+from .grid.col import AntdCol as Col
+from .grid.row import AntdRow as Row
+from .icon import AntdIcon as Icon
+from .icon.iconfont_provider import \
+ AntdIconIconfontProvider as IconIconfontProvider
+from .image import AntdImage as Image
+from .image.preview_group import AntdImagePreviewGroup as ImagePreviewGroup
+from .input import AntdInput as Input
+from .input.otp import AntdInputOTP as InputOTP
+from .input.password import AntdInputPassword as InputPassword
+from .input.search import AntdInputSearch as InputSearch
+from .input.textarea import AntdInputTextarea as InputTextarea
+from .input_number import AntdInputNumber as InputNumber
+from .layout import AntdLayout as Layout
+from .layout.content import AntdLayoutContent as LayoutContent
+from .layout.footer import AntdLayoutFooter as LayoutFooter
+from .layout.header import AntdLayoutHeader as LayoutHeader
+from .layout.sider import AntdLayoutSider as LayoutSider
+from .list import AntdList as List
+from .list.item import AntdListItem as ListItem
+from .list.item.meta import AntdListItemMeta as ListItemMeta
+from .mentions import AntdMentions as Mentions
+from .mentions.option import AntdMentionsOption as MentionsOption
+from .menu import AntdMenu as Menu
+from .menu.item import AntdMenuItem as MenuItem
+from .message import AntdMessage as Message
+from .modal import AntdModal as Modal
+from .notification import AntdNotification as Notification
+from .pagination import AntdPagination as Pagination
+from .popconfirm import AntdPopconfirm as Popconfirm
+from .popover import AntdPopover as Popover
+from .progress import AntdProgress as Progress
+from .qr_code import AntdQRCode as QRCode
+from .radio import AntdRadio as Radio
+from .radio.button import AntdRadioButton as RadioButton
+from .radio.group import AntdRadioGroup as RadioGroup
+from .radio.group.option import AntdRadioGroupOption as RadioGroupOption
+from .rate import AntdRate as Rate
+from .result import AntdResult as Result
+from .segmented import AntdSegmented as Segmented
+from .segmented.option import AntdSegmentedOption as SegmentedOptions
+from .select import AntdSelect as Select
+from .select.option import AntdSelectOption as SelectOption
+from .skeleton import AntdSkeleton as Skeleton
+from .skeleton.avatar import AntdSkeletonAvatar as SkeletonAvatar
+from .skeleton.button import AntdSkeletonButton as SkeletonButton
+from .skeleton.image import AntdSkeletonImage as SkeletonImage
+from .skeleton.input import AntdSkeletonInput as SkeletonInput
+from .skeleton.node import AntdSkeletonNode as SkeletonNode
+from .slider import AntdSlider as Slider
+from .slider.mark import AntdSliderMark as SliderMark
+from .space import AntdSpace as Space
+from .space.compact import AntdSpaceCompact as SpaceCompact
+from .spin import AntdSpin as Spin
+from .splitter import AntdSplitter as Splitter
+from .splitter.panel import AntdSplitterPanel as SplitterPanel
+from .statistic import AntdStatistic as Statistic
+from .statistic import AntdStatisticCountdown as StatisticCountdown
+from .steps import AntdSteps as Steps
+from .steps.item import AntdStepsItem as StepsItem
+from .switch import AntdSwitch as Switch
+from .table import AntdTable as Table
+from .table.column import AntdTableColumn as TableColumn
+from .table.column_group import AntdTableColumnGroup as TableColumnGroup
+from .table.expandable import AntdTableExpandable as TableExpandable
+from .table.row_selection import AntdTableRowSelection as TableRowSelection
+from .table.row_selection.selection import \
+ AntdTableRowSelectionSelection as TableRowSelectionSelection
+from .tabs import AntdTabs as Tabs
+from .tabs.item import AntdTabsItem as TabsItem
+from .tag import AntdTag as Tag
+from .tag.checkable_tag import AntdTagCheckableTag as TagCheckableTag
+from .time_picker import AntdTimePicker as TimePicker
+from .time_picker.range_picker import \
+ AntdTimePickerRangePicker as TimePickerRangePicker
+from .timeline import AntdTimeline as Timeline
+from .timeline.item import AntdTimelineItem as TimelineItem
+from .tooltip import AntdTooltip as Tooltip
+from .tour import AntdTour as Tour
+from .tour.step import AntdTourStep as TourStep
+from .transfer import AntdTransfer as Transfer
+from .tree import AntdTree as Tree
+from .tree.directory_tree import AntdTreeDirectoryTree as TreeDirectoryTree
+from .tree.tree_node import AntdTreeTreeNode as TreeTreeNode
+from .tree_select import AntdTreeSelect as TreeSelect
+from .tree_select.tree_node import AntdTreeSelectTreeNode as TreeSelectTreeNode
+from .typography import AntdTypography as Typography
+from .typography.link import AntdTypographyLink as TypographyLink
+from .typography.paragraph import \
+ AntdTypographyParagraph as TypographyParagraph
+from .typography.text import AntdTypographyText as TypographyText
+from .typography.title import AntdTypographyTitle as TypographyTitle
+from .upload import AntdUpload as Upload
+from .upload.dragger import AntdUploadDragger as UploadDragger
+from .watermark import AntdWatermark as Watermark
diff --git a/backend/modelscope_studio/components/antd/affix/__init__.py b/backend/modelscope_studio/components/antd/affix/__init__.py
new file mode 100644
index 00000000..714ac0c0
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/affix/__init__.py
@@ -0,0 +1,79 @@
+from __future__ import annotations
+
+from typing import Any
+
+from gradio.events import EventListener
+
+from ....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdAffix(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/affix
+
+ Stick an element to the viewport.
+
+ When to use:
+ On longer web pages, it's helpful to stick component into the viewport. This is common for menus and actions.
+
+ Please note that Affix should not cover other content on the page, especially when the size of the viewport is small.
+ """
+ EVENTS = [
+ EventListener("change",
+ callback=lambda block: block._internal.update(
+ bind_change_event=True),
+ doc="Callback for when Affix state is changed.")
+ ]
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ offset_bottom: int | float | None = None,
+ offset_top: int | float | None = 0,
+ get_target: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ """
+ Parameters:
+ offset_bottom: Offset from the bottom of the viewport (in pixels).
+ offset_top: Offset from the top of the viewport (in pixels).
+ get_target: Specifies the scrollable area DOM node.
+ """
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.offset_bottom = offset_bottom
+ self.offset_top = offset_top
+ self.get_target = get_target
+
+ FRONTEND_DIR = resolve_frontend_dir("affix")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/alert/__init__.py b/backend/modelscope_studio/components/antd/alert/__init__.py
new file mode 100644
index 00000000..a57562f0
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/alert/__init__.py
@@ -0,0 +1,84 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from gradio.events import EventListener
+
+from ....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+from .error_boundary import AntdAlertErrorBoundary
+
+
+class AntdAlert(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/alert
+ """
+ ErrorBoundary = AntdAlertErrorBoundary
+ EVENTS = [
+ EventListener("close",
+ callback=lambda block: block._internal.update(
+ bind_close_event=True))
+ ]
+
+ # supported slots
+ SLOTS = ['action', 'closable.closeIcon', 'description', 'icon', 'message']
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ action: str | None = None,
+ after_close: str | None = None,
+ banner: bool | None = None,
+ closable: bool | dict | None = None,
+ description: str | None = None,
+ icon: str | None = None,
+ message: str | None = None,
+ show_icon: bool | None = None,
+ type: Literal['success', 'info', 'warning', 'error'] | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.action = action
+ self.after_close = after_close
+ self.banner = banner
+ self.closable = closable
+ self.description = description
+ self.icon = icon
+ self.message = message
+ self.show_icon = show_icon
+ self.type = type
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("alert")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/alert/error_boundary/__init__.py b/backend/modelscope_studio/components/antd/alert/error_boundary/__init__.py
new file mode 100644
index 00000000..a7a9f711
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/alert/error_boundary/__init__.py
@@ -0,0 +1,68 @@
+from __future__ import annotations
+
+from typing import Any
+
+from gradio.events import EventListener
+
+from .....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdAlertErrorBoundary(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/alert
+ """
+ EVENTS = [
+ EventListener("close",
+ callback=lambda block: block._internal.update(
+ bind_close_event=True))
+ ]
+
+ # supported slots
+ SLOTS = ['description', 'message']
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ description: str | None = None,
+ message: str | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.description = description
+ self.message = message
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("alert", "error-boundary")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/anchor/__init__.py b/backend/modelscope_studio/components/antd/anchor/__init__.py
new file mode 100644
index 00000000..72a7fcba
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/anchor/__init__.py
@@ -0,0 +1,112 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from gradio.events import EventListener
+
+from ....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+from .item import AntdAnchorItem
+
+
+class AntdAnchor(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/anchor
+ Hyperlinks to scroll on one page.
+
+ When to use:
+ For displaying anchor hyperlinks on page and jumping between them.
+ """
+ Item = AntdAnchorItem
+ EVENTS = [
+ EventListener("change",
+ callback=lambda block: block._internal.update(
+ bind_change_event=True),
+ doc="Listening for anchor link change"),
+ EventListener("click",
+ callback=lambda block: block._internal.update(
+ bind_click_event=True),
+ doc="Set the handler to handle click event."),
+ EventListener('affix_change',
+ callback=lambda block: block._internal.update(
+ bind_affix_change_event=True),
+ doc="Callback for when Affix state is changed")
+ ]
+
+ # supported slots
+ SLOTS = ['items']
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ affix: bool | dict = True,
+ bounds: int | float = 5,
+ get_container: str | None = None,
+ get_current_anchor: str | None = None,
+ offset_top: int | float = 0,
+ show_ink_in_fixed: bool = False,
+ target_offset: int | float | None = None,
+ items: list[dict] | None = None,
+ direction: Literal['vertical', 'horizontal'] = 'vertical',
+ replace: bool = False,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ """
+ Parameters:
+ affix: Fixed mode of Anchor.
+ bounds: Bounding distance of anchor area.
+ get_container: Scrolling container.
+ get_current_anchor: Customize the anchor highlightL.
+ offset_top: Pixels to offset from top when calculating position of scroll.
+ show_ink_in_fixed: Whether show ink-square when affix=False.
+ target_offset: Anchor scroll offset, default as offsetTop.
+ items: Data configuration option content, support nesting through children.
+ direction: Set Anchor direction.
+ replace: Replace items' href in browser history instead of pushing it.
+ """
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.affix = affix
+ self.bounds = bounds
+ self.get_container = get_container
+ self.get_current_anchor = get_current_anchor
+ self.offset_top = offset_top
+ self.show_ink_in_fixed = show_ink_in_fixed
+ self.target_offset = target_offset
+ self.items = items
+ self.direction = direction
+ self.replace = replace
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("anchor")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/anchor/item/__init__.py b/backend/modelscope_studio/components/antd/anchor/item/__init__.py
new file mode 100644
index 00000000..69b7f2e6
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/anchor/item/__init__.py
@@ -0,0 +1,77 @@
+from __future__ import annotations
+
+from typing import Any
+
+from .....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdAnchorItem(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/anchor
+ Hyperlinks to scroll on one page.
+
+ When to use:
+ For displaying anchor hyperlinks on page and jumping between them.
+ """
+ EVENTS = []
+ # supported slots
+ SLOTS = ["title"]
+
+ def __init__(
+ self,
+ title: str | None = None,
+ props: dict | None = None,
+ *,
+ key: str | None = None,
+ replace: bool = False,
+ href: str | None = None,
+ href_target: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ """
+ Parameters:
+ title: The content of hyperlink.
+ key: The unique identifier of the Anchor Link.
+ href: The target of hyperlink.
+ href_target: Specifies where to display the linked URL.
+ replace: Replace item href in browser history instead of pushing it.
+ """
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.title = title
+ self.key = key
+ self.replace = replace
+ self.href = href
+ self.href_target = href_target
+
+ FRONTEND_DIR = resolve_frontend_dir("anchor", "item")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/auto_complete/__init__.py b/backend/modelscope_studio/components/antd/auto_complete/__init__.py
new file mode 100644
index 00000000..f682caef
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/auto_complete/__init__.py
@@ -0,0 +1,135 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from gradio.events import EventListener
+
+from ....utils.dev import ModelScopeDataLayoutComponent, resolve_frontend_dir
+from .option import AntdAutoCompleteOption
+
+
+# as inputs, outputs
+class AntdAutoComplete(ModelScopeDataLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/auto-complete/
+ """
+ Option = AntdAutoCompleteOption
+
+ EVENTS = [
+ EventListener("change",
+ callback=lambda block: block._internal.update(
+ bind_change_event=True)),
+ EventListener("blur",
+ callback=lambda block: block._internal.update(
+ bind_blur_event=True)),
+ EventListener("focus",
+ callback=lambda block: block._internal.update(
+ bind_focus_event=True)),
+ EventListener("search",
+ callback=lambda block: block._internal.update(
+ bind_search_event=True)),
+ EventListener("select",
+ callback=lambda block: block._internal.update(
+ bind_select_event=True)),
+ EventListener("clear",
+ callback=lambda block: block._internal.update(
+ bind_clear_event=True)),
+ EventListener("dropdown_visible_change",
+ callback=lambda block: block._internal.update(
+ bind_dropdownVisibleChange_event=True)),
+ ]
+
+ # supported slots
+ SLOTS = [
+ 'allowClear.clearIcon', 'dropdownRender', 'children', 'notFoundContent'
+ ]
+
+ def __init__(
+ self,
+ value: str | None = None,
+ props: dict | None = None,
+ *,
+ allow_clear: bool | dict = False,
+ auto_focus: bool = False,
+ backfill: bool = False,
+ default_active_first_option: bool = True,
+ default_open: bool | None = None,
+ default_value: str | None = None,
+ disabled: bool = False,
+ dropdown_render: str | None = None,
+ popup_class_name: str | None = None,
+ popup_match_select_width: bool | int | float = True,
+ filter_option: bool | str = True,
+ get_popup_container: str | None = None,
+ not_found_content: str | None = None,
+ open: bool | None = None,
+ options: list[dict] | None = None,
+ placeholder: str | None = None,
+ placement: Literal['bottomLeft', 'bottomRight', 'topLeft',
+ 'topRight'] | None = None,
+ size: Literal['small', 'middle', 'large'] | None = None,
+ status: Literal['error', 'warning'] | None = None,
+ variant: Literal['outlined', 'borderless', 'filled']
+ | None = 'outlined',
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(value=value,
+ visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.allow_clear = allow_clear
+ self.auto_focus = auto_focus
+ self.backfill = backfill
+ self.default_active_first_option = default_active_first_option
+ self.default_open = default_open
+ self.default_value = default_value
+ self.disabled = disabled
+ self.dropdown_render = dropdown_render
+ self.popup_class_name = popup_class_name
+ self.popup_match_select_width = popup_match_select_width
+ self.filter_option = filter_option
+ self.get_popup_container = get_popup_container
+ self.not_found_content = not_found_content
+ self.open = open
+ self.options = options
+ self.placeholder = placeholder
+ self.status = status
+ self.variant = variant
+ self.placement = placement
+ self.size = size
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("auto-complete")
+
+ @property
+ def skip_api(self):
+ return False
+
+ def api_info(self) -> dict[str, Any]:
+ return {"type": "string"}
+
+ def preprocess(self, payload: None | str) -> None | str:
+ return payload
+
+ def postprocess(self, value: None | str) -> None | str:
+
+ return value
+
+ def example_payload(self) -> None:
+ return None
+
+ def example_value(self) -> None:
+ return None
diff --git a/backend/modelscope_studio/components/antd/auto_complete/option/__init__.py b/backend/modelscope_studio/components/antd/auto_complete/option/__init__.py
new file mode 100644
index 00000000..71bb47c4
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/auto_complete/option/__init__.py
@@ -0,0 +1,62 @@
+from __future__ import annotations
+
+from typing import Any
+
+from .....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdAutoCompleteOption(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/auto-complete/
+ """
+
+ EVENTS = []
+
+ # supported slots
+ SLOTS = [
+ 'label',
+ ]
+
+ def __init__(
+ self,
+ value: str | None = None,
+ label: str | None = None,
+ props: dict | None = None,
+ *,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.value = value
+ self.label = label
+
+ FRONTEND_DIR = resolve_frontend_dir("auto-complete", "option")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/avatar/__init__.py b/backend/modelscope_studio/components/antd/avatar/__init__.py
new file mode 100644
index 00000000..6eb6f8bf
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/avatar/__init__.py
@@ -0,0 +1,109 @@
+from __future__ import annotations
+
+from pathlib import Path
+from typing import Any, Literal, Union
+
+from gradio import processing_utils
+from gradio.data_classes import FileData, GradioRootModel
+from gradio.events import EventListener
+
+from ....utils.dev import ModelScopeDataLayoutComponent, resolve_frontend_dir
+from .group import AntdAvatarGroup
+
+
+class AntdAvatarData(GradioRootModel):
+ root: Union[FileData, str]
+
+
+class AntdAvatar(ModelScopeDataLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/avatar
+ """
+ Group = AntdAvatarGroup
+
+ EVENTS = [
+ EventListener("error",
+ callback=lambda block: block._internal.update(
+ bind_error_event=True))
+ ]
+
+ # supported slots
+ SLOTS = ['icon', "src"]
+
+ def __init__(
+ self,
+ value: str | None = None,
+ props: dict | None = None,
+ *,
+ alt: str | None = None,
+ gap: int = 4,
+ icon: str | None = None,
+ shape: Literal['circle', 'square'] = 'circle',
+ size: int | Literal['large', 'small', 'default'] | dict
+ | None = 'default',
+ src_set: str | None = None,
+ draggable: bool | Literal['true', 'false'] | None = None,
+ cross_origin: Literal['anonymous', 'use-credentials', '']
+ | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(value=value,
+ visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.alt = alt
+ self.gap = gap
+ self.icon = icon
+ self.shape = shape
+ self.size = size
+ self.src_set = src_set
+ self.draggable = draggable
+ self.cross_origin = cross_origin
+ self.root_class_name = root_class_name
+ self.props = props
+
+ FRONTEND_DIR = resolve_frontend_dir("avatar")
+
+ data_model = AntdAvatarData
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(
+ self, payload: str | AntdAvatarData | None
+ ) -> str | AntdAvatarData | None:
+ if isinstance(payload, AntdAvatarData):
+ value = payload.root
+ if isinstance(value, FileData):
+ return value.path
+ return value
+ return payload
+
+ def postprocess(self, value: str | None) -> str | None:
+ if value is None:
+ return None
+ if value.startswith("http") or value.startswith("data"):
+ return AntdAvatarData(root=value)
+ file = processing_utils.move_resource_to_block_cache(value, self)
+ return AntdAvatarData(root=FileData(path=file,
+ orig_name=Path(file).name,
+ size=Path(file).stat().st_size))
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/avatar/group/__init__.py b/backend/modelscope_studio/components/antd/avatar/group/__init__.py
new file mode 100644
index 00000000..5bca907c
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/avatar/group/__init__.py
@@ -0,0 +1,64 @@
+from __future__ import annotations
+
+from typing import Literal
+
+from .....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdAvatarGroup(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/avatar
+ """
+ EVENTS = []
+ # supported slots
+ SLOTS = ['max.popover.title', 'max.popover.content']
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ max: dict | None = None,
+ size: int | Literal['large', 'small', 'default']
+ | dict = 'default',
+ shape: Literal['circle', 'square'] = 'circle',
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.max = max
+ self.size = size
+ self.shape = shape
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("avatar", 'group')
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+
+ return value
+
+ def example_payload(self) -> None:
+ return None
+
+ def example_value(self) -> None:
+ return None
diff --git a/backend/modelscope_studio/components/antd/badge/__init__.py b/backend/modelscope_studio/components/antd/badge/__init__.py
new file mode 100644
index 00000000..8630d9d2
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/badge/__init__.py
@@ -0,0 +1,86 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from ....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+from .ribbon import AntdBadgeRibbon
+
+
+class AntdBadge(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/badge
+ """
+ Ribbon = AntdBadgeRibbon
+
+ EVENTS = []
+
+ # supported slots
+ SLOTS = ['count', 'text']
+
+ def __init__(
+ self,
+ count: int | float | str | None = None,
+ props: dict | None = None,
+ *,
+ color: str | None = None,
+ class_names: dict | None = None,
+ dot: bool = False,
+ offset: tuple[int | float, int | float] | None = None,
+ overflow_count: int = 99,
+ show_zero: bool = False,
+ size: Literal['small', 'default'] | None = None,
+ status: Literal['success', 'processing', 'default', 'error',
+ 'warning'] | None = None,
+ text: str | None = None,
+ title: str | None = None,
+ styles: dict | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.count = count
+ self.color = color
+ self.class_names = class_names
+ self.dot = dot
+ self.offset = offset
+ self.overflow_count = overflow_count
+ self.show_zero = show_zero
+ self.size = size
+ self.status = status
+ self.text = text
+ self.title = title
+ self.styles = styles
+ self.root_class_name = root_class_name
+ self.props = props
+
+ FRONTEND_DIR = resolve_frontend_dir("badge")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/badge/ribbon/__init__.py b/backend/modelscope_studio/components/antd/badge/ribbon/__init__.py
new file mode 100644
index 00000000..b4c1b0a4
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/badge/ribbon/__init__.py
@@ -0,0 +1,61 @@
+from __future__ import annotations
+
+from typing import Literal
+
+from .....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdBadgeRibbon(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/badge
+ """
+ EVENTS = []
+
+ def __init__(
+ self,
+ text: str | None = None,
+ props: dict | None = None,
+ *,
+ color: str | None = None,
+ placement: Literal['start', 'end'] = 'end',
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.color = color
+ self.placement = placement
+ self.root_class_name = root_class_name
+ self.text = text
+
+ FRONTEND_DIR = resolve_frontend_dir("badge", 'ribbon')
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+
+ return value
+
+ def example_payload(self) -> None:
+ return None
+
+ def example_value(self) -> None:
+ return None
diff --git a/backend/modelscope_studio/components/antd/breadcrumb/__init__.py b/backend/modelscope_studio/components/antd/breadcrumb/__init__.py
new file mode 100644
index 00000000..443570b1
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/breadcrumb/__init__.py
@@ -0,0 +1,68 @@
+from __future__ import annotations
+
+from typing import Any
+
+from ....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+from .item import AntdBreadcrumbItem
+
+
+class AntdBreadcrumb(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/breadcrumb
+ """
+ Item = AntdBreadcrumbItem
+
+ EVENTS = []
+
+ # supported slots
+ SLOTS = ['separator', 'itemRender', 'items']
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ item_render: str | None = None,
+ params: dict | None = None,
+ items: list[dict] | None = None,
+ separator: str | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.item_render = item_render
+ self.params = params
+ self.items = items
+ self.separator = separator
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("breadcrumb")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/breadcrumb/item/__init__.py b/backend/modelscope_studio/components/antd/breadcrumb/item/__init__.py
new file mode 100644
index 00000000..ac6cccc7
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/breadcrumb/item/__init__.py
@@ -0,0 +1,112 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from gradio.events import EventListener
+
+from .....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdBreadcrumbItem(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/breadcrumb
+ """
+
+ EVENTS = [
+ EventListener("click",
+ callback=lambda block: block._internal.update(
+ bind_click_event=True)),
+ EventListener("menu_click",
+ callback=lambda block: block._internal.update(
+ bind_menu_click_event=True)),
+ EventListener("menu_deselect",
+ callback=lambda block: block._internal.update(
+ bind_menu_deselect_event=True)),
+ EventListener("menu_open_change",
+ callback=lambda block: block._internal.update(
+ bind_menu_openChange_event=True)),
+ EventListener("menu_select",
+ callback=lambda block: block._internal.update(
+ bind_menu_select_event=True)),
+ EventListener("dropdown_open_change",
+ callback=lambda block: block._internal.update(
+ bind_dropdownProps_openChange_event=True)),
+ EventListener("dropdown_menu_click",
+ callback=lambda block: block._internal.update(
+ bind_dropdownProps_menu_click_event=True)),
+ EventListener("dropdown_menu_deselect",
+ callback=lambda block: block._internal.update(
+ bind_dropdownProps_menu_deselect_event=True)),
+ EventListener("dropdown_menu_open_change",
+ callback=lambda block: block._internal.update(
+ bind_dropdownProps_menu_openChange_event=True)),
+ EventListener("dropdown_menu_select",
+ callback=lambda block: block._internal.update(
+ bind_dropdownProps_menu_select_event=True)),
+ ]
+
+ # supported slots
+ SLOTS = [
+ 'title',
+ "menu.expandIcon",
+ 'menu.overflowedIndicator',
+ "menu.items",
+ "dropdownProps.dropdownRender",
+ "dropdownProps.menu.expandIcon",
+ 'dropdownProps.menu.overflowedIndicator',
+ "dropdownProps.menu.items",
+ ]
+
+ def __init__(
+ self,
+ title: str | None = None,
+ props: dict | None = None,
+ *,
+ dropdown_props: dict | None = None,
+ href: str | None = None,
+ path: str | None = None,
+ menu: dict | None = None,
+ type: Literal['separator'] | None = None,
+ separator: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.title = title
+ self.dropdown_props = dropdown_props
+ self.href = href
+ self.path = path
+ self.menu = menu
+ self.type = type
+ self.separator = separator
+
+ FRONTEND_DIR = resolve_frontend_dir("breadcrumb", "item")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/button/__init__.py b/backend/modelscope_studio/components/antd/button/__init__.py
new file mode 100644
index 00000000..389e728f
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/button/__init__.py
@@ -0,0 +1,149 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from gradio.events import EventListener
+
+from ....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+from .group import AntdButtonGroup
+
+
+class AntdButton(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/button
+
+ To trigger an operation.
+
+ When to use:
+ A button means an operation (or a series of operations). Clicking a button will trigger its corresponding business logic.
+
+ In Ant Design we provide 5 types of button.
+
+ - Primary button: used for the main action, there can be at most one primary button in a section.
+ - Default button: used for a series of actions without priority.
+ - Dashed button: commonly used for adding more actions.
+ - Text button: used for the most secondary action.
+ - Link button: used for external links.
+
+ And 4 other properties additionally.
+
+ - danger: used for actions of risk, like deletion or authorization.
+ - ghost: used in situations with complex background, home pages usually.
+ - disabled: used when actions are not available.
+ - loading: adds a loading spinner in button, avoids multiple submits too.
+ """
+ Group = AntdButtonGroup
+
+ EVENTS = [
+ EventListener("click",
+ callback=lambda block: block._internal.update(
+ bind_click_event=True),
+ doc="Set the handler to handle click event.")
+ ]
+
+ # supported slots
+ SLOTS = ['icon']
+
+ def __init__(
+ self,
+ value: str | None = "Run",
+ props: dict | None = None,
+ *,
+ auto_insert_space: bool = True,
+ block: bool = False,
+ class_names: dict | None = None,
+ danger: bool = False,
+ disabled: bool = False,
+ ghost: bool = False,
+ href: str | None = None,
+ html_type: Literal["button", "submit", "reset"] | None = "button",
+ icon: str | None = None,
+ icon_position: Literal["start", "end"] | None = "start",
+ loading: bool = False,
+ shape: Literal["default", "circle", "round"] | None = "default",
+ size: Literal["large", "middle", "small"] | None = None,
+ styles: dict | None = None,
+ href_target: str | None = None,
+ type: Literal["primary", "dashed", "link", "text", "default"]
+ | None = "default",
+ variant: Literal["outlined", "dashed", "solid", "filled", "text",
+ "link"] | None = None,
+ color: Literal['default', 'primary', 'danger'] | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ """
+ Parameters:
+ auto_insert_space: We add a space between two Chinese characters by default, which can be removed by setting auto_Insert_Space to false.
+ block: Option to fit button width to its parent width.
+ class_names: Semantic DOM class.
+ danger: Set the danger status of button.
+ disabled: Disabled state of button.
+ ghost: Make background transparent and invert text and border colors.
+ href: Redirect url of link button.
+ html_type: Set the original html type of button, see: MDN.
+ icon: Set the icon component of button.
+ icon_position: Set the icon position of button.
+ loading: Set the loading status of button.
+ shape: Can be set button shape.
+ size: Set the size of button.
+ styles: Semantic DOM style.
+ href_target: Same as target attribute of a, works when href is specified.
+ type: Set button type.
+ variant: Set button variant.
+ color: Set button color.
+ """
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.value = value
+ self.props = props
+ self.auto_insert_space = auto_insert_space
+ self.block = block
+ self.class_names = class_names
+ self.danger = danger
+ self.disabled = disabled
+ self.ghost = ghost
+ self.href = href
+ self.html_type = html_type
+ self.icon = icon
+ self.icon_position = icon_position
+ self.loading = loading
+ self.shape = shape
+ self.size = size
+ self.styles = styles
+ self.href_target = href_target
+ self.type = type
+ self.variant = variant
+ self.color = color
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("button")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: str | None) -> str | None:
+ return payload
+
+ def postprocess(self, value: str | None) -> str | None:
+
+ return str(value)
+
+ def example_payload(self) -> Any:
+ return "Run"
+
+ def example_value(self) -> Any:
+ return "Run"
diff --git a/backend/modelscope_studio/components/antd/button/group/__init__.py b/backend/modelscope_studio/components/antd/button/group/__init__.py
new file mode 100644
index 00000000..f4fec3ec
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/button/group/__init__.py
@@ -0,0 +1,55 @@
+from __future__ import annotations
+
+from typing import Literal
+
+from .....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdButtonGroup(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/button
+ """
+ EVENTS = []
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ size: Literal['small', 'middle', 'large'] | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.size = size
+
+ FRONTEND_DIR = resolve_frontend_dir("button", 'group')
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+
+ return value
+
+ def example_payload(self) -> None:
+ return None
+
+ def example_value(self) -> None:
+ return None
diff --git a/backend/modelscope_studio/components/antd/calendar/__init__.py b/backend/modelscope_studio/components/antd/calendar/__init__.py
new file mode 100644
index 00000000..2aef5a80
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/calendar/__init__.py
@@ -0,0 +1,95 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from gradio.events import EventListener
+
+from ....utils.dev import ModelScopeComponent, resolve_frontend_dir
+
+
+# as inputs, outputs
+class AntdCalendar(ModelScopeComponent):
+ """
+ Ant Design: https://ant.design/components/calendar
+ """
+
+ EVENTS = [
+ EventListener("change",
+ callback=lambda block: block._internal.update(
+ bind_change_event=True)),
+ EventListener("panel_change",
+ callback=lambda block: block._internal.update(
+ bind_panelChange_event=True)),
+ EventListener("select",
+ callback=lambda block: block._internal.update(
+ bind_select_event=True))
+ ]
+
+ # supported slots
+ SLOTS = ['cellRender', 'fullCellRender', 'headerRender']
+
+ def __init__(
+ self,
+ value: int | str | float | None = None,
+ props: dict | None = None,
+ *,
+ cell_render: str | None = None,
+ full_cell_render: str | None = None,
+ default_value: int | str | float | None = None,
+ disabled_date: str | None = None,
+ fullscreen: bool = True,
+ header_render: str | None = None,
+ locale: dict | None = None,
+ mode: Literal['month', 'year'] = 'month',
+ valid_range: tuple[int | str | float, int | str | float]
+ | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(value=value,
+ visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.cell_render = cell_render
+ self.full_cell_render = full_cell_render
+ self.default_value = default_value
+ self.disabled_date = disabled_date
+ self.fullscreen = fullscreen
+ self.header_render = header_render
+ self.locale = locale
+ self.mode = mode
+ self.valid_range = valid_range
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("calendar")
+
+ def api_info(self) -> dict[str, Any]:
+ return {"anyOf": [{"type": "number"}, {"type": "string"}]}
+
+ @property
+ def skip_api(self):
+ return False
+
+ def preprocess(self, payload: int | float) -> int | float:
+ return payload
+
+ def postprocess(self, value: int | float) -> int | str:
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/card/__init__.py b/backend/modelscope_studio/components/antd/card/__init__.py
new file mode 100644
index 00000000..83e21220
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/card/__init__.py
@@ -0,0 +1,135 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from gradio.events import EventListener
+
+from ....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+from .grid import AntdCardGrid
+from .meta import AntdCardMeta
+
+
+class AntdCard(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/card
+
+ A container for displaying information.
+
+ When to use:
+ A card can be used to display content related to a single subject. The content can consist of multiple elements of varying types and sizes.
+ """
+ Grid = AntdCardGrid
+ Meta = AntdCardMeta
+ EVENTS = [
+ EventListener("click",
+ callback=lambda block: block._internal.update(
+ bind_click_event=True)),
+ EventListener("tab_change",
+ callback=lambda block: block._internal.update(
+ bind_tabChange_event=True))
+ ]
+
+ # supported slots
+ SLOTS = [
+ "actions",
+ 'cover',
+ 'extra',
+ 'tabBarExtraContent',
+ 'title',
+ ]
+
+ def __exit__(self, *args, **kwargs):
+ self._internal.update(contains_grid=any(
+ isinstance(child, AntdCardGrid) for child in self.children))
+ super().__exit__(*args, **kwargs)
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ actions: str | None = None,
+ active_tab_key: str | None = None,
+ bordered: bool = True,
+ cover: str | None = None,
+ default_active_tab_key: str | None = None,
+ extra: str | None = None,
+ hoverable: bool = False,
+ loading: bool = False,
+ size: Literal["default", "small"] | None = None,
+ tab_bar_extra_content: str | None = None,
+ tab_list: list[str] | str | None = None,
+ tab_props: str | None = None,
+ title: str | None = None,
+ type: str | None = None,
+ class_names: dict | None = None,
+ styles: dict | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ """
+ Parameters:
+ actions: The action list, shows at the bottom of the Card.
+ active_tab_key: Current TabPane's key.
+ bordered: Toggles rendering of the border around the card.
+ cover: Card cover.
+ default_active_tab_key: Initial active TabPane's key, if activeTabKey is not set.
+ extra: Content to render in the top-right corner of the card.
+ hoverable: Lift up when hovering card.
+ loading: Shows a loading indicator while the contents of the card are being fetched.
+ size: Size of card.
+ tab_bar_extra_content: Extra content in tab bar.
+ title: Card title.
+ type: Card style type, can be set to inner or not set.
+ class_names: Config Card build-in module's className.
+ styles: Config Card build-in module's style.
+ """
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.actions = actions
+ self.active_tab_key = active_tab_key
+ self.bordered = bordered
+ self.cover = cover
+ self.default_active_tab_key = default_active_tab_key
+ self.extra = extra
+ self.hoverable = hoverable
+ self.loading = loading
+ self.size = size
+ self.tab_bar_extra_content = tab_bar_extra_content
+ self.tab_list = tab_list
+ self.tab_props = tab_props
+ self.title = title
+ self.type = type
+ self.class_names = class_names
+ self.styles = styles
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("card")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/card/grid/__init__.py b/backend/modelscope_studio/components/antd/card/grid/__init__.py
new file mode 100644
index 00000000..bb966aca
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/card/grid/__init__.py
@@ -0,0 +1,70 @@
+from __future__ import annotations
+
+from typing import Any
+
+from gradio.events import EventListener
+
+from .....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdCardGrid(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/card
+
+ A container for displaying information.
+
+ When to use:
+ A card can be used to display content related to a single subject. The content can consist of multiple elements of varying types and sizes.
+ """
+ EVENTS = [
+ EventListener("click",
+ callback=lambda block: block._internal.update(
+ bind_click_event=True))
+ ]
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ hoverable: bool = True,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ """
+ Parameters:
+ hoverable: Lift up when hovering card grid.
+ """
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ elem_style=elem_style,
+ as_item=as_item,
+ **kwargs)
+ self.props = props
+ self.hoverable = hoverable
+
+ FRONTEND_DIR = resolve_frontend_dir("card", "grid")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/card/meta/__init__.py b/backend/modelscope_studio/components/antd/card/meta/__init__.py
new file mode 100644
index 00000000..8593e657
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/card/meta/__init__.py
@@ -0,0 +1,71 @@
+from __future__ import annotations
+
+from typing import Any
+
+from .....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdCardMeta(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/card
+
+ A container for displaying information.
+
+ When to use:
+ A card can be used to display content related to a single subject. The content can consist of multiple elements of varying types and sizes.
+ """
+ EVENTS = []
+ SLOTS = ["title", "description", "avatar"]
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ avatar: str | None = None,
+ description: str | None = None,
+ title: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ """
+ Parameters:
+ avatar: Avatar or icon.
+ description: Description content.
+ title: Title content.
+ """
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.avatar = avatar
+ self.description = description
+ self.title = title
+
+ FRONTEND_DIR = resolve_frontend_dir("card", "meta")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/carousel/__init__.py b/backend/modelscope_studio/components/antd/carousel/__init__.py
new file mode 100644
index 00000000..fe1c22bb
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/carousel/__init__.py
@@ -0,0 +1,86 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from ....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdCarousel(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/carousel
+ """
+
+ EVENTS = []
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ arrows: bool = False,
+ autoplay: bool = False,
+ autoplay_speed: int | float = 3000,
+ adaptive_height: bool = False,
+ dot_position: Literal['top', 'bottom', 'left', 'right'] = 'bottom',
+ dots: bool | dict = True,
+ draggable: bool = False,
+ fade: bool = False,
+ infinite: bool = True,
+ speed: int = 500,
+ easing: str = 'linear',
+ effect: Literal['scrollx', 'fade'] = 'scrollx',
+ after_change: str | None = None,
+ before_change: str | None = None,
+ wait_for_animate: bool = False,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.arrows = arrows
+ self.autoplay = autoplay
+ self.autoplay_speed = autoplay_speed
+ self.adaptive_height = adaptive_height
+ self.dot_position = dot_position
+ self.dots = dots
+ self.draggable = draggable
+ self.fade = fade
+ self.infinite = infinite
+ self.speed = speed
+ self.easing = easing
+ self.effect = effect
+ self.after_change = after_change
+ self.before_change = before_change
+ self.wait_for_animate = wait_for_animate
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("carousel")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/cascader/__init__.py b/backend/modelscope_studio/components/antd/cascader/__init__.py
new file mode 100644
index 00000000..45a12e3d
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/cascader/__init__.py
@@ -0,0 +1,177 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from gradio.events import EventListener
+
+from ....utils.dev import ModelScopeDataLayoutComponent, resolve_frontend_dir
+from .option import AntdCascaderOption
+from .panel import AntdCascaderPanel
+
+
+# as inputs, outputs
+class AntdCascader(ModelScopeDataLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/cascader
+ """
+ Option = AntdCascaderOption
+ Panel = AntdCascaderPanel
+
+ EVENTS = [
+ EventListener("change",
+ callback=lambda block: block._internal.update(
+ bind_change_event=True)),
+ EventListener("search",
+ callback=lambda block: block._internal.update(
+ bind_search_event=True)),
+ EventListener("dropdown_visible_change",
+ callback=lambda block: block._internal.update(
+ bind_dropdownVisibleChange_event=True)),
+ EventListener("load_data",
+ callback=lambda block: block._internal.update(
+ bind_loadData_event=True)),
+ ]
+
+ # supported slots
+ SLOTS = [
+ 'allowClear.clearIcon',
+ 'suffixIcon',
+ 'maxTagPlaceholder',
+ 'notFoundContent',
+ 'expandIcon',
+ 'removeIcon',
+ 'displayRender',
+ 'tagRender',
+ 'dropdownRender',
+ 'showSearch.render',
+ ]
+
+ def __init__(
+ self,
+ value: list[str] | list[int | float] | None = None,
+ props: dict | None = None,
+ *,
+ allow_clear: bool | dict = False,
+ auto_clear_search_value: bool = True,
+ auto_focus: bool = False,
+ change_on_select: bool = False,
+ default_value: str | None = None,
+ disabled: bool = False,
+ display_render: str | None = None,
+ tag_render: str | None = None,
+ popup_class_name: str | None = None,
+ dropdown_render: str | None = None,
+ expand_icon: str | None = None,
+ expand_trigger: Literal['click', 'hover'] = 'click',
+ filed_names: dict | None = None,
+ get_popup_container: str | None = None,
+ max_tag_count: int | Literal['responsive'] | None = None,
+ max_tag_placeholder: str | None = None,
+ max_tag_text_length: int | None = None,
+ not_found_content: str | None = None,
+ open: bool | None = None,
+ options: list[dict] | None = None,
+ placeholder: str | None = None,
+ placement: Literal['bottomLeft', 'bottomRight', 'topLeft',
+ 'topRight'] = 'bottomLeft',
+ show_search: bool | dict = False,
+ size: Literal['small', 'middle', 'large'] | None = None,
+ status: Literal['error', 'warning'] | None = None,
+ suffix_icon: str | None = None,
+ variant: Literal['outlined', 'borderless', 'filled']
+ | None = 'outlined',
+ multiple: bool | None = None,
+ show_checked_strategy: Literal['SHOW_PARENT', 'SHOW_CHILD']
+ | None = None,
+ remove_icon: str | None = None,
+ search_value: str | None = None,
+ dropdown_menu_column_style: dict | None = None,
+ option_render: str | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(value=value,
+ visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.allow_clear = allow_clear
+ self.auto_clear_search_value = auto_clear_search_value
+ self.auto_focus = auto_focus
+ self.change_on_select = change_on_select
+ self.default_value = default_value
+ self.disabled = disabled
+ self.display_render = display_render
+ self.tag_render = tag_render
+ self.popup_class_name = popup_class_name
+ self.dropdown_render = dropdown_render
+ self.expand_icon = expand_icon
+ self.expand_trigger = expand_trigger
+ self.filed_names = filed_names
+ self.get_popup_container = get_popup_container
+ self.max_tag_count = max_tag_count
+ self.max_tag_placeholder = max_tag_placeholder
+ self.max_tag_text_length = max_tag_text_length
+ self.not_found_content = not_found_content
+ self.open = open
+ self.options = options
+ self.placeholder = placeholder
+ self.placement = placement
+ self.show_search = show_search
+ self.size = size
+ self.status = status
+ self.suffix_icon = suffix_icon
+ self.variant = variant
+ self.multiple = multiple
+ self.show_checked_strategy = show_checked_strategy
+ self.remove_icon = remove_icon
+ self.search_value = search_value
+ self.dropdown_menu_column_style = dropdown_menu_column_style
+ self.option_render = option_render
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("cascader")
+
+ @property
+ def skip_api(self):
+ return False
+
+ def api_info(self) -> dict[str, Any]:
+ return {
+ "anyOf": [{
+ "type": "array",
+ "items": {
+ "type": "string"
+ }
+ }, {
+ "type": "string"
+ }]
+ }
+
+ def preprocess(
+ self, payload: None | list[str] | list[int | float]
+ ) -> None | list[str] | list[int | float]:
+ return payload
+
+ def postprocess(
+ self, value: None | list[str] | list[int | float]
+ ) -> None | list[str] | list[int | float]:
+
+ return value
+
+ def example_payload(self) -> None:
+ return None
+
+ def example_value(self) -> None:
+ return None
diff --git a/backend/modelscope_studio/components/antd/cascader/constants.py b/backend/modelscope_studio/components/antd/cascader/constants.py
new file mode 100644
index 00000000..bfb00b1d
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/cascader/constants.py
@@ -0,0 +1,2 @@
+SHOW_CHILD = "SHOW_CHILD"
+SHOW_PARENT = "SHOW_PARENT"
diff --git a/backend/modelscope_studio/components/antd/cascader/option/__init__.py b/backend/modelscope_studio/components/antd/cascader/option/__init__.py
new file mode 100644
index 00000000..e4e5c9a9
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/cascader/option/__init__.py
@@ -0,0 +1,66 @@
+from __future__ import annotations
+
+from typing import Any
+
+from .....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdCascaderOption(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/cascader
+ """
+
+ EVENTS = []
+
+ # supported slots
+ SLOTS = [
+ 'label',
+ ]
+
+ def __init__(
+ self,
+ value: str | None = None,
+ label: str | None = None,
+ props: dict | None = None,
+ *,
+ disabled: bool | None = None,
+ is_leaf: bool | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.value = value
+ self.label = label
+ self.disabled = disabled
+ self.is_leaf = is_leaf
+
+ FRONTEND_DIR = resolve_frontend_dir("cascader", "option")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/cascader/panel/__init__.py b/backend/modelscope_studio/components/antd/cascader/panel/__init__.py
new file mode 100644
index 00000000..21c48145
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/cascader/panel/__init__.py
@@ -0,0 +1,106 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from gradio.events import EventListener
+
+from .....utils.dev import ModelScopeDataLayoutComponent, resolve_frontend_dir
+
+
+# as inputs, outputs
+class AntdCascaderPanel(ModelScopeDataLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/cascader
+ """
+
+ EVENTS = [
+ EventListener("change",
+ callback=lambda block: block._internal.update(
+ bind_change_event=True)),
+ EventListener("load_data",
+ callback=lambda block: block._internal.update(
+ bind_loadData_event=True)),
+ ]
+
+ # supported slots
+ SLOTS = ['notFoundContent', 'expandIcon']
+
+ def __init__(
+ self,
+ value: list[str] | list[int | float] | None = None,
+ props: dict | None = None,
+ *,
+ change_on_select: bool = False,
+ default_value: str | None = None,
+ expand_icon: str | None = None,
+ expand_trigger: Literal['click', 'hover'] = 'click',
+ filed_names: dict | None = None,
+ not_found_content: str | None = None,
+ options: list[dict] | None = None,
+ multiple: bool | None = None,
+ show_checked_strategy: Literal['SHOW_PARENT', 'SHOW_CHILD']
+ | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(value=value,
+ visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.change_on_select = change_on_select
+ self.default_value = default_value
+ self.expand_icon = expand_icon
+ self.expand_trigger = expand_trigger
+ self.filed_names = filed_names
+ self.not_found_content = not_found_content
+ self.options = options
+ self.multiple = multiple
+ self.show_checked_strategy = show_checked_strategy
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("cascader", "panel")
+
+ @property
+ def skip_api(self):
+ return False
+
+ def api_info(self) -> dict[str, Any]:
+ return {
+ "anyOf": [{
+ "type": "array",
+ "items": {
+ "type": "string"
+ }
+ }, {
+ "type": "string"
+ }]
+ }
+
+ def preprocess(
+ self, payload: None | list[str] | list[int | float]
+ ) -> None | list[str] | list[int | float]:
+ return payload
+
+ def postprocess(
+ self, value: None | list[str] | list[int | float]
+ ) -> None | list[str] | list[int | float]:
+
+ return value
+
+ def example_payload(self) -> None:
+ return None
+
+ def example_value(self) -> None:
+ return None
diff --git a/backend/modelscope_studio/components/antd/checkbox/__init__.py b/backend/modelscope_studio/components/antd/checkbox/__init__.py
new file mode 100644
index 00000000..dd3dec6b
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/checkbox/__init__.py
@@ -0,0 +1,78 @@
+from __future__ import annotations
+
+from typing import Any
+
+from gradio.events import EventListener
+
+from ....utils.dev import ModelScopeDataLayoutComponent, resolve_frontend_dir
+from .group import AntdCheckboxGroup
+
+
+# as inputs, outputs
+class AntdCheckbox(ModelScopeDataLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/checkbox
+ """
+ Group = AntdCheckboxGroup
+
+ EVENTS = [
+ EventListener("change",
+ callback=lambda block: block._internal.update(
+ bind_change_event=True)),
+ ]
+
+ def __init__(
+ self,
+ value: bool | None = False,
+ props: dict | None = None,
+ *,
+ auto_focus: bool = False,
+ default_checked: bool = False,
+ disabled: bool = False,
+ indeterminate: bool = False,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(value=value,
+ visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.auto_focus = auto_focus
+ self.default_checked = default_checked
+ self.disabled = disabled
+ self.indeterminate = indeterminate
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("checkbox")
+
+ @property
+ def skip_api(self):
+ return False
+
+ def api_info(self) -> dict[str, Any]:
+ return {"type": "boolean"}
+
+ def preprocess(self, payload: None | bool) -> None | bool:
+ return payload
+
+ def postprocess(self, value: None | bool) -> None | bool:
+
+ return value
+
+ def example_payload(self) -> None:
+ return None
+
+ def example_value(self) -> None:
+ return None
diff --git a/backend/modelscope_studio/components/antd/checkbox/group/__init__.py b/backend/modelscope_studio/components/antd/checkbox/group/__init__.py
new file mode 100644
index 00000000..df3b784d
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/checkbox/group/__init__.py
@@ -0,0 +1,100 @@
+from __future__ import annotations
+
+from typing import Any
+
+from gradio.events import EventListener
+
+from .....utils.dev import ModelScopeDataLayoutComponent, resolve_frontend_dir
+from .option import AntdCheckboxGroupOption
+
+
+# as inputs, outputs
+class AntdCheckboxGroup(ModelScopeDataLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/checkbox
+ """
+ Option = AntdCheckboxGroupOption
+
+ EVENTS = [
+ EventListener("change",
+ callback=lambda block: block._internal.update(
+ bind_change_event=True)),
+ ]
+
+ # supported slots
+ SLOTS = [
+ 'options',
+ ]
+
+ def __init__(
+ self,
+ value: list[str | int | float | bool] | None = None,
+ props: dict | None = None,
+ *,
+ default_value: list[str | int | float | bool] | None = None,
+ disabled: bool = False,
+ options: list[str] | list[int | float] | list[dict] | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(value=value,
+ visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.default_value = default_value
+ self.disabled = disabled
+ self.options = options
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("checkbox", "group")
+
+ @property
+ def skip_api(self):
+ return False
+
+ def api_info(self) -> dict[str, Any]:
+ return {
+ "type": "array",
+ "items": {
+ "anyOf": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ },
+ ],
+ }
+ }
+
+ def preprocess(
+ self, payload: None | list[str | int | float | bool] | None
+ ) -> None | list[str | int | float | bool] | None:
+ return payload
+
+ def postprocess(
+ self, value: None | list[str | int | float | bool] | None
+ ) -> None | list[str | int | float | bool] | None:
+
+ return value
+
+ def example_payload(self) -> None:
+ return None
+
+ def example_value(self) -> None:
+ return None
diff --git a/backend/modelscope_studio/components/antd/checkbox/group/option/__init__.py b/backend/modelscope_studio/components/antd/checkbox/group/option/__init__.py
new file mode 100644
index 00000000..d664acd9
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/checkbox/group/option/__init__.py
@@ -0,0 +1,64 @@
+from __future__ import annotations
+
+from typing import Any
+
+from ......utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdCheckboxGroupOption(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/checkbox
+ """
+
+ EVENTS = []
+
+ # supported slots
+ SLOTS = [
+ 'label',
+ ]
+
+ def __init__(
+ self,
+ value: str | None = None,
+ props: dict | None = None,
+ *,
+ label: str | None = None,
+ disabled: bool | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.value = value
+ self.label = label
+ self.disabled = disabled
+
+ FRONTEND_DIR = resolve_frontend_dir("checkbox", ['group', 'option'])
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/collapse/__init__.py b/backend/modelscope_studio/components/antd/collapse/__init__.py
new file mode 100644
index 00000000..57aa9a19
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/collapse/__init__.py
@@ -0,0 +1,90 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from gradio.events import EventListener
+
+from ....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+from .item import AntdCollapseItem
+
+
+class AntdCollapse(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/collapse
+ """
+ Item = AntdCollapseItem
+
+ EVENTS = [
+ EventListener("change",
+ callback=lambda block: block._internal.update(
+ bind_change_event=True)),
+ ]
+
+ # supported slots
+ SLOTS = ["expandIcon", "items"]
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ accordion: bool = False,
+ active_key: str | float | list[int | float] | list[str]
+ | None = None,
+ bordered: bool = True,
+ collapsible: Literal['header', 'icon', 'disabled'] | None = None,
+ default_active_key: str | float | list[int | float] | list[str]
+ | None = None,
+ destroy_inactive_panel: bool = False,
+ expand_icon: str | None = None,
+ expand_icon_position: Literal['start', 'end'] | None = None,
+ ghost: bool = False,
+ items: list[dict] | None = None,
+ size: Literal['large', 'middle', 'small'] | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.accordion = accordion
+ self.active_key = active_key
+ self.bordered = bordered
+ self.collapsible = collapsible
+ self.default_active_key = default_active_key
+ self.destroy_inactive_panel = destroy_inactive_panel
+ self.expand_icon = expand_icon
+ self.expand_icon_position = expand_icon_position
+ self.ghost = ghost
+ self.items = items
+ self.size = size
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("collapse")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/collapse/item/__init__.py b/backend/modelscope_studio/components/antd/collapse/item/__init__.py
new file mode 100644
index 00000000..e414e15c
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/collapse/item/__init__.py
@@ -0,0 +1,78 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from gradio.events import EventListener
+
+from .....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdCollapseItem(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/collapse
+ """
+
+ EVENTS = [
+ EventListener("item_click",
+ callback=lambda block: block._internal.update(
+ bind_itemClick_event=True)),
+ ]
+
+ # supported slots
+ SLOTS = ['extra', "label", "children"]
+
+ def __init__(
+ self,
+ label: str | None = None,
+ key: str | float | int | None = None,
+ props: dict | None = None,
+ *,
+ class_names: dict | None = None,
+ collapsible: Literal['header', 'icon', 'disabled'] | None = None,
+ extra: str | None = None,
+ force_render: bool = False,
+ show_arrow: bool = True,
+ styles: dict | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.label = label
+ self.props = props
+ self.key = key
+ self.class_names = class_names
+ self.collapsible = collapsible
+ self.extra = extra
+ self.force_render = force_render
+ self.show_arrow = show_arrow
+ self.styles = styles
+
+ FRONTEND_DIR = resolve_frontend_dir("collapse", "item")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/color_picker/__init__.py b/backend/modelscope_studio/components/antd/color_picker/__init__.py
new file mode 100644
index 00000000..a23ad83d
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/color_picker/__init__.py
@@ -0,0 +1,124 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from gradio.events import EventListener
+
+from ....utils.dev import ModelScopeDataLayoutComponent, resolve_frontend_dir
+from .preset import AntdColorPickerPreset
+
+
+# as inputs, outputs
+class AntdColorPicker(ModelScopeDataLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/color-picker
+ """
+ Preset = AntdColorPickerPreset
+
+ EVENTS = [
+ EventListener("change",
+ callback=lambda block: block._internal.update(
+ bind_change_event=True)),
+ EventListener("change_complete",
+ callback=lambda block: block._internal.update(
+ bind_changeComplete_event=True)),
+ EventListener("clear",
+ callback=lambda block: block._internal.update(
+ bind_clear_event=True)),
+ EventListener("open_change",
+ callback=lambda block: block._internal.update(
+ bind_openChange_event=True)),
+ EventListener("format_change",
+ callback=lambda block: block._internal.update(
+ bind_formatChange_event=True)),
+ ]
+
+ # supported slots
+ SLOTS = ["presets", 'panelRender', 'showText']
+
+ def __init__(
+ self,
+ value: str | None = None,
+ props: dict | None = None,
+ *,
+ value_format: Literal['hex', 'rgb', 'hsb'] = 'hex',
+ allow_clear: bool = False,
+ arrow: bool | dict = True,
+ presets: list[dict] | None = None,
+ preset_items: list[dict] | None = None,
+ disabled: bool | None = None,
+ disabled_alpha: bool | None = None,
+ destroy_tooltip_on_hide: bool | None = None,
+ format: Literal['hex', 'rgb', 'hsb'] | None = 'hex',
+ mode: Literal['single', 'gradient']
+ | list[Literal['single', 'gradient']] | None = 'single',
+ open: bool | None = None,
+ default_value: str | None = None,
+ default_format: Literal['hex', 'rgb', 'hsb'] | None = None,
+ show_text: bool | str | None = None,
+ placement: Literal['bottomLeft', 'bottomRight', 'topLeft',
+ 'topRight'] | None = 'bottomLeft',
+ trigger: Literal['hover', 'click'] = 'click',
+ panel_render: str | None = None,
+ size: Literal['small', 'middle', 'large'] | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(value=value,
+ visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.value_format = value_format
+ self.allow_clear = allow_clear
+ self.arrow = arrow
+ self.presets = presets
+ self.preset_items = preset_items
+ self.disabled = disabled
+ self.disabled_alpha = disabled_alpha
+ self.destroy_tooltip_on_hide = destroy_tooltip_on_hide
+ self.format = format
+ self.mode = mode
+ self.open = open
+ self.default_value = default_value
+ self.default_format = default_format
+ self.show_text = show_text
+ self.placement = placement
+ self.trigger = trigger
+ self.panel_render = panel_render
+ self.size = size
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("color-picker")
+
+ @property
+ def skip_api(self):
+ return False
+
+ def api_info(self) -> dict[str, Any]:
+ return {"type": "string"}
+
+ def preprocess(self, payload: str) -> str:
+
+ return payload
+
+ def postprocess(self, value: str) -> str:
+
+ return value
+
+ def example_payload(self) -> None:
+ return None
+
+ def example_value(self) -> None:
+ return None
diff --git a/backend/modelscope_studio/components/antd/color_picker/preset/__init__.py b/backend/modelscope_studio/components/antd/color_picker/preset/__init__.py
new file mode 100644
index 00000000..c8fa61b5
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/color_picker/preset/__init__.py
@@ -0,0 +1,61 @@
+from __future__ import annotations
+
+from .....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdColorPickerPreset(ModelScopeLayoutComponent):
+ """
+ """
+ EVENTS = []
+
+ # supported slots
+ SLOTS = [
+ 'label',
+ ]
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ label: str | None = None,
+ colors: list[str] = None,
+ default_open: bool = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.label = label
+ self.colors = colors
+ self.default_open = default_open
+
+ FRONTEND_DIR = resolve_frontend_dir("color-picker", 'preset')
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+
+ return value
+
+ def example_payload(self) -> None:
+ return None
+
+ def example_value(self) -> None:
+ return None
diff --git a/backend/modelscope_studio/components/antd/components.py b/backend/modelscope_studio/components/antd/components.py
new file mode 100644
index 00000000..581dd774
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/components.py
@@ -0,0 +1,138 @@
+from .affix import AntdAffix
+from .alert import AntdAlert
+from .alert.error_boundary import AntdAlertErrorBoundary
+from .anchor import AntdAnchor
+from .anchor.item import AntdAnchorItem
+from .auto_complete import AntdAutoComplete
+from .auto_complete.option import AntdAutoCompleteOption
+from .avatar import AntdAvatar
+from .avatar.group import AntdAvatarGroup
+from .badge import AntdBadge
+from .badge.ribbon import AntdBadgeRibbon
+from .breadcrumb import AntdBreadcrumb
+from .breadcrumb.item import AntdBreadcrumbItem
+from .button import AntdButton
+from .button.group import AntdButtonGroup
+from .calendar import AntdCalendar
+from .card import AntdCard
+from .card.grid import AntdCardGrid
+from .card.meta import AntdCardMeta
+from .carousel import AntdCarousel
+from .cascader import AntdCascader
+from .cascader.option import AntdCascaderOption
+from .cascader.panel import AntdCascaderPanel
+from .checkbox import AntdCheckbox
+from .checkbox.group import AntdCheckboxGroup
+from .checkbox.group.option import AntdCheckboxGroupOption
+from .collapse import AntdCollapse
+from .collapse.item import AntdCollapseItem
+from .color_picker import AntdColorPicker
+from .color_picker.preset import AntdColorPickerPreset
+from .config_provider import AntdConfigProvider
+from .date_picker import AntdDatePicker
+from .date_picker.preset import AntdDatePickerPreset
+from .date_picker.range_picker import AntdDatePickerRangePicker
+from .descriptions import AntdDescriptions
+from .descriptions.item import AntdDescriptionsItem
+from .divider import AntdDivider
+from .drawer import AntdDrawer
+from .dropdown import AntdDropdown
+from .dropdown.button import AntdDropdownButton
+from .empty import AntdEmpty
+from .flex import AntdFlex
+from .float_button import AntdFloatButton
+from .float_button.back_top import AntdFloatButtonBackTop
+from .float_button.group import AntdFloatButtonGroup
+from .form import AntdForm
+from .form.item import AntdFormItem
+from .form.item.rule import AntdFormItemRule
+from .grid.col import AntdCol
+from .grid.row import AntdRow
+from .icon import AntdIcon
+from .icon.iconfont_provider import AntdIconIconfontProvider
+from .image import AntdImage
+from .image.preview_group import AntdImagePreviewGroup
+from .input import AntdInput
+from .input.otp import AntdInputOTP
+from .input.password import AntdInputPassword
+from .input.search import AntdInputSearch
+from .input.textarea import AntdInputTextarea
+from .input_number import AntdInputNumber
+from .layout import AntdLayout
+from .layout.content import AntdLayoutContent
+from .layout.footer import AntdLayoutFooter
+from .layout.header import AntdLayoutHeader
+from .layout.sider import AntdLayoutSider
+from .list import AntdList
+from .list.item import AntdListItem
+from .list.item.meta import AntdListItemMeta
+from .mentions import AntdMentions
+from .mentions.option import AntdMentionsOption
+from .menu import AntdMenu
+from .menu.item import AntdMenuItem
+from .message import AntdMessage
+from .modal import AntdModal
+from .notification import AntdNotification
+from .pagination import AntdPagination
+from .popconfirm import AntdPopconfirm
+from .popover import AntdPopover
+from .progress import AntdProgress
+from .qr_code import AntdQRCode
+from .radio import AntdRadio
+from .radio.button import AntdRadioButton
+from .radio.group import AntdRadioGroup
+from .radio.group.option import AntdRadioGroupOption
+from .rate import AntdRate
+from .result import AntdResult
+from .segmented import AntdSegmented
+from .segmented.option import AntdSegmentedOption
+from .select import AntdSelect
+from .select.option import AntdSelectOption
+from .skeleton import AntdSkeleton
+from .skeleton.avatar import AntdSkeletonAvatar
+from .skeleton.button import AntdSkeletonButton
+from .skeleton.image import AntdSkeletonImage
+from .skeleton.input import AntdSkeletonInput
+from .skeleton.node import AntdSkeletonNode
+from .slider import AntdSlider
+from .slider.mark import AntdSliderMark
+from .space import AntdSpace
+from .space.compact import AntdSpaceCompact
+from .spin import AntdSpin
+from .splitter import AntdSplitter
+from .splitter.panel import AntdSplitterPanel
+from .statistic import AntdStatistic, AntdStatisticCountdown
+from .steps import AntdSteps
+from .steps.item import AntdStepsItem
+from .switch import AntdSwitch
+from .table import AntdTable
+from .table.column import AntdTableColumn
+from .table.column_group import AntdTableColumnGroup
+from .table.expandable import AntdTableExpandable
+from .table.row_selection import AntdTableRowSelection
+from .table.row_selection.selection import AntdTableRowSelectionSelection
+from .tabs import AntdTabs
+from .tabs.item import AntdTabsItem
+from .tag import AntdTag
+from .tag.checkable_tag import AntdTagCheckableTag
+from .time_picker import AntdTimePicker
+from .time_picker.range_picker import AntdTimePickerRangePicker
+from .timeline import AntdTimeline
+from .timeline.item import AntdTimelineItem
+from .tooltip import AntdTooltip
+from .tour import AntdTour
+from .tour.step import AntdTourStep
+from .transfer import AntdTransfer
+from .tree import AntdTree
+from .tree.directory_tree import AntdTreeDirectoryTree
+from .tree.tree_node import AntdTreeTreeNode
+from .tree_select import AntdTreeSelect
+from .tree_select.tree_node import AntdTreeSelectTreeNode
+from .typography import AntdTypography
+from .typography.link import AntdTypographyLink
+from .typography.paragraph import AntdTypographyParagraph
+from .typography.text import AntdTypographyText
+from .typography.title import AntdTypographyTitle
+from .upload import AntdUpload
+from .upload.dragger import AntdUploadDragger
+from .watermark import AntdWatermark
diff --git a/backend/modelscope_studio/components/antd/config_provider/__init__.py b/backend/modelscope_studio/components/antd/config_provider/__init__.py
new file mode 100644
index 00000000..a378b514
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/config_provider/__init__.py
@@ -0,0 +1,88 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from ....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdConfigProvider(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/config-provider
+ """
+ EVENTS = []
+
+ # see https://ant.design/components/config-provider, pass slot like 'spin.indicator'.
+ SLOTS = ["renderEmpty"]
+
+ def __init__(self,
+ props: dict | None = None,
+ *,
+ component_disabled: bool | None = None,
+ component_size: Literal['small', 'middle', 'large']
+ | None = None,
+ csp: dict | None = None,
+ direction: Literal['ltr', 'rtl'] | None = None,
+ get_popup_container: str | None = None,
+ get_target_container: str | None = None,
+ icon_prefix_cls: str | None = None,
+ locale: str | None = None,
+ popup_match_select_width: bool | int | float | None = None,
+ popup_overflow: Literal['viewport', 'scroll'] | None = None,
+ prefix_cls: str | None = None,
+ render_empty: str | None = None,
+ theme: dict | None = None,
+ variant: Literal['outlined', 'filled', 'borderless']
+ | None = None,
+ virtual: bool | None = None,
+ warning: dict | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.component_disabled = component_disabled
+ self.component_size = component_size
+ self.csp = csp
+ self.direction = direction
+ self.get_popup_container = get_popup_container
+ self.get_target_container = get_target_container
+ self.icon_prefix_cls = icon_prefix_cls
+ self.locale = locale
+ self.popup_match_select_width = popup_match_select_width
+ self.popup_overflow = popup_overflow
+ self.prefix_cls = prefix_cls
+ self.render_empty = render_empty
+ self.theme = theme
+ self.variant = variant
+ self.virtual = virtual
+ self.warning = warning
+
+ FRONTEND_DIR = resolve_frontend_dir("config-provider")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/date_picker/__init__.py b/backend/modelscope_studio/components/antd/date_picker/__init__.py
new file mode 100644
index 00000000..022d5f81
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/date_picker/__init__.py
@@ -0,0 +1,197 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from gradio.events import EventListener
+
+from ....utils.dev import ModelScopeDataLayoutComponent, resolve_frontend_dir
+from .preset import AntdDatePickerPreset
+from .range_picker import AntdDatePickerRangePicker
+
+
+# aas inputs, outputs
+class AntdDatePicker(ModelScopeDataLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/date-picker
+ """
+ Preset = AntdDatePickerPreset
+ RangePicker = AntdDatePickerRangePicker
+
+ EVENTS = [
+ EventListener("change",
+ callback=lambda block: block._internal.update(
+ bind_change_event=True)),
+ EventListener(
+ "ok",
+ callback=lambda block: block._internal.update(bind_ok_event=True)),
+ EventListener("panel_change",
+ callback=lambda block: block._internal.update(
+ bind_panelChange_event=True)),
+ EventListener("open_change",
+ callback=lambda block: block._internal.update(
+ bind_openChange_event=True)),
+ ]
+
+ # supported slots
+ SLOTS = [
+ 'allowClear.clearIcon',
+ 'prevIcon',
+ 'nextIcon',
+ 'suffixIcon',
+ 'superNextIcon',
+ 'superPrevIcon',
+ 'renderExtraFooter',
+ 'cellRender',
+ 'panelRender',
+ ]
+
+ def __init__(
+ self,
+ value: str | int | float | list[str | int | float] | None = None,
+ props: dict | None = None,
+ *,
+ allow_clear: bool | dict = True,
+ auto_focus: bool = False,
+ cell_render: str | None = None,
+ components: dict | None = None,
+ disabled: bool = False,
+ disabled_date: str | None = None,
+ format: str | list[str] | None = None,
+ order: bool = True,
+ preserve_invalid_on_blur: bool = False,
+ input_read_only: bool = False,
+ locale: dict | None = None,
+ mode: Literal['time', 'date', 'month', 'year', 'decade']
+ | None = None,
+ need_confirm: bool | None = None,
+ next_icon: str | None = None,
+ open: bool | None = None,
+ panel_render: str | None = None,
+ picker: Literal['date', 'week', 'month', 'quarter',
+ 'year'] = 'date',
+ placement: Literal['bottomLeft', 'bottomRight', 'topLeft',
+ 'topRight'] = 'bottomLeft',
+ placeholder: str | None = None,
+ popup_class_name: str | None = None,
+ popup_style: dict | None = None,
+ get_popup_container: str | None = None,
+ min_date: str | int | float | None = None,
+ max_date: str | int | float | None = None,
+ prev_icon: str | None = None,
+ size: Literal['large', 'middle', 'small'] | None = None,
+ presets: list[dict] | None = None,
+ status: Literal['error', 'warning'] | None = None,
+ suffix_icon: str | None = None,
+ super_next_icon: str | None = None,
+ super_prev_icon: str | None = None,
+ variant: Literal['outlined', 'borderless', 'filled'] = 'outlined',
+ default_picker_value: str | int | float | None = None,
+ default_value: str | int | float | None = None,
+ disabled_time: str | None = None,
+ multiple: bool = False,
+ picker_value: str | int | float | None = None,
+ render_extra_footer: str | None = None,
+ show_now: bool | None = None,
+ show_time: bool | dict | None = None,
+ show_week: bool | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(value=value,
+ visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.order = order
+ self.preserve_invalid_on_blur = preserve_invalid_on_blur
+ self.components = components
+ self.locale = locale
+ self.allow_clear = allow_clear
+ self.auto_focus = auto_focus
+ self.cell_render = cell_render
+ self.disabled = disabled
+ self.disabled_date = disabled_date
+ self.format = format
+ self.input_read_only = input_read_only
+ self.mode = mode
+ self.need_confirm = need_confirm
+ self.next_icon = next_icon
+ self.open = open
+ self.panel_render = panel_render
+ self.picker = picker
+ self.placement = placement
+ self.placeholder = placeholder
+ self.popup_class_name = popup_class_name
+ self.popup_style = popup_style
+ self.get_popup_container = get_popup_container
+ self.min_date = min_date
+ self.max_date = max_date
+ self.prev_icon = prev_icon
+ self.size = size
+ self.presets = presets
+ self.status = status
+ self.suffix_icon = suffix_icon
+ self.super_next_icon = super_next_icon
+ self.super_prev_icon = super_prev_icon
+ self.variant = variant
+ self.default_picker_value = default_picker_value
+ self.default_value = default_value
+ self.disabled_time = disabled_time
+ self.multiple = multiple
+ self.picker_value = picker_value
+ self.render_extra_footer = render_extra_footer
+ self.show_now = show_now
+ self.show_time = show_time
+ self.show_week = show_week
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("date-picker")
+
+ @property
+ def skip_api(self):
+ return False
+
+ def api_info(self) -> dict[str, Any]:
+ return {
+ "anyOf": [{
+ "type": "number"
+ }, {
+ "type": "string"
+ }, {
+ "type": "array",
+ "items": {
+ "anyOf": [{
+ "type": "number"
+ }, {
+ "type": "string"
+ }]
+ }
+ }]
+ }
+
+ def preprocess(
+ self, payload: str | int | float | list[str | int | float]
+ ) -> str | int | float | list[str | int | float]:
+ return payload
+
+ def postprocess(
+ self, value: str | int | float | list[str | int | float]
+ ) -> str | int | float | list[str | int | float]:
+ return value
+
+ def example_payload(self) -> None:
+ return None
+
+ def example_value(self) -> None:
+ return None
diff --git a/backend/modelscope_studio/components/antd/date_picker/preset/__init__.py b/backend/modelscope_studio/components/antd/date_picker/preset/__init__.py
new file mode 100644
index 00000000..1f8b2493
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/date_picker/preset/__init__.py
@@ -0,0 +1,60 @@
+from __future__ import annotations
+
+from .....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdDatePickerPreset(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/date-picker
+ """
+ EVENTS = []
+
+ # supported slots
+ SLOTS = [
+ 'label',
+ ]
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ value: int | str | float | None = None,
+ label: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.label = label
+ self.value = value
+
+ FRONTEND_DIR = resolve_frontend_dir("date-picker", 'preset')
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+
+ return value
+
+ def example_payload(self) -> None:
+ return None
+
+ def example_value(self) -> None:
+ return None
diff --git a/backend/modelscope_studio/components/antd/date_picker/range_picker/__init__.py b/backend/modelscope_studio/components/antd/date_picker/range_picker/__init__.py
new file mode 100644
index 00000000..41a59066
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/date_picker/range_picker/__init__.py
@@ -0,0 +1,188 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from gradio.events import EventListener
+
+from .....utils.dev import ModelScopeDataLayoutComponent, resolve_frontend_dir
+
+
+# as inputs, outputs
+class AntdDatePickerRangePicker(ModelScopeDataLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/date-picker
+ """
+
+ EVENTS = [
+ EventListener("change",
+ callback=lambda block: block._internal.update(
+ bind_change_event=True)),
+ EventListener(
+ "calendar_change",
+ callback=lambda block: block._internal.update(bind_ok_event=True)),
+ EventListener("focus",
+ callback=lambda block: block._internal.update(
+ bind_calendarChange_event=True)),
+ EventListener("blur",
+ callback=lambda block: block._internal.update(
+ bind_blur_event=True)),
+ ]
+
+ # supported slots
+ SLOTS = [
+ 'allowClear.clearIcon',
+ 'prevIcon',
+ 'nextIcon',
+ 'suffixIcon',
+ 'superNextIcon',
+ 'superPrevIcon',
+ 'renderExtraFooter',
+ 'separator',
+ 'cellRender',
+ 'panelRender',
+ ]
+
+ def __init__(
+ self,
+ value: tuple[str | int | float, str | int | float] | None = None,
+ props: dict | None = None,
+ *,
+ allow_clear: bool | dict = True,
+ auto_focus: bool = False,
+ cell_render: str | None = None,
+ components: dict | None = None,
+ disabled: bool = False,
+ disabled_date: str | None = None,
+ format: str | list[str] | None = None,
+ order: bool = True,
+ preserve_invalid_on_blur: bool = False,
+ input_read_only: bool = False,
+ locale: dict | None = None,
+ mode: Literal['time', 'date', 'month', 'year', 'decade']
+ | None = None,
+ need_confirm: bool | None = None,
+ next_icon: str | None = None,
+ open: bool | None = None,
+ panel_render: str | None = None,
+ picker: Literal['date', 'week', 'month', 'quarter',
+ 'year'] = 'date',
+ placement: Literal['bottomLeft', 'bottomRight', 'topLeft',
+ 'topRight'] = 'bottomLeft',
+ placeholder: str | None = None,
+ popup_class_name: str | None = None,
+ popup_style: dict | None = None,
+ get_popup_container: str | None = None,
+ min_date: str | int | float | None = None,
+ max_date: str | int | float | None = None,
+ prev_icon: str | None = None,
+ size: Literal['large', 'middle', 'small'] | None = None,
+ presets: list[dict] | None = None,
+ status: Literal['error', 'warning'] | None = None,
+ suffix_icon: str | None = None,
+ super_next_icon: str | None = None,
+ super_prev_icon: str | None = None,
+ variant: Literal['outlined', 'borderless', 'filled'] = 'outlined',
+ allow_empty: tuple[bool, bool] | None = None,
+ default_picker_value: str | int | float | None = None,
+ default_value: str | int | float | None = None,
+ disabled_time: str | None = None,
+ id: dict | None = None,
+ picker_value: str | int | float | None = None,
+ render_extra_footer: str | None = None,
+ show_time: bool | dict | None = None,
+ separator: str | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(value=value,
+ visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.order = order
+ self.preserve_invalid_on_blur = preserve_invalid_on_blur
+ self.components = components
+ self.locale = locale
+ self.allow_clear = allow_clear
+ self.auto_focus = auto_focus
+ self.cell_render = cell_render
+ self.disabled = disabled
+ self.disabled_date = disabled_date
+ self.format = format
+ self.input_read_only = input_read_only
+ self.mode = mode
+ self.need_confirm = need_confirm
+ self.next_icon = next_icon
+ self.open = open
+ self.panel_render = panel_render
+ self.picker = picker
+ self.placement = placement
+ self.placeholder = placeholder
+ self.popup_class_name = popup_class_name
+ self.popup_style = popup_style
+ self.get_popup_container = get_popup_container
+ self.min_date = min_date
+ self.max_date = max_date
+ self.prev_icon = prev_icon
+ self.size = size
+ self.presets = presets
+ self.status = status
+ self.suffix_icon = suffix_icon
+ self.super_next_icon = super_next_icon
+ self.super_prev_icon = super_prev_icon
+ self.variant = variant
+ self.allow_empty = allow_empty
+ self.default_picker_value = default_picker_value
+ self.default_value = default_value
+ self.disabled_time = disabled_time
+ self.id = id
+ self.picker_value = picker_value
+ self.render_extra_footer = render_extra_footer
+ self.show_time = show_time
+ self.separator = separator
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("date-picker", 'range-picker')
+
+ @property
+ def skip_api(self):
+ return False
+
+ def api_info(self) -> dict[str, Any]:
+ return {
+ "type": "array",
+ "items": {
+ "anyOf": [{
+ "type": "number"
+ }, {
+ "type": "string"
+ }]
+ }
+ }
+
+ def preprocess(
+ self, payload: tuple[str | int | float, str | int | float]
+ ) -> tuple[str | int | float, str | int | float]:
+ return payload
+
+ def postprocess(
+ self, value: tuple[str | int | float, str | int | float]
+ ) -> tuple[str | int | float, str | int | float]:
+ return value
+
+ def example_payload(self) -> None:
+ return None
+
+ def example_value(self) -> None:
+ return None
diff --git a/backend/modelscope_studio/components/antd/descriptions/__init__.py b/backend/modelscope_studio/components/antd/descriptions/__init__.py
new file mode 100644
index 00000000..194cc71d
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/descriptions/__init__.py
@@ -0,0 +1,81 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from ....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+from .item import AntdDescriptionsItem
+
+
+class AntdDescriptions(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/descriptions
+ """
+ Item = AntdDescriptionsItem
+
+ EVENTS = []
+
+ # supported slots
+ SLOTS = ['extra', 'title', "items"]
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ bordered: bool = False,
+ colon: bool = True,
+ column: int | dict | None = 3,
+ content_style: dict | None = None,
+ extra: str | None = None,
+ layout: Literal['horizontal', 'vertical'] = 'horizontal',
+ size: Literal['default', 'middle', 'small'] | None = None,
+ title: str | None = None,
+ items: list[dict] | None = None,
+ label_style: dict | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.title = title
+ self.items = items
+ self.bordered = bordered
+ self.colon = colon
+ self.column = column
+ self.content_style = content_style
+ self.extra = extra
+ self.layout = layout
+ self.size = size
+ self.root_class_name = root_class_name
+ self.label_style = label_style
+
+ FRONTEND_DIR = resolve_frontend_dir("descriptions")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/descriptions/item/__init__.py b/backend/modelscope_studio/components/antd/descriptions/item/__init__.py
new file mode 100644
index 00000000..a4b3643f
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/descriptions/item/__init__.py
@@ -0,0 +1,64 @@
+from __future__ import annotations
+
+from typing import Any
+
+from .....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdDescriptionsItem(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/descriptions
+ """
+
+ EVENTS = []
+
+ # supported slots
+ SLOTS = ['label', 'children']
+
+ def __init__(
+ self,
+ label: str | None = "",
+ props: dict | None = None,
+ *,
+ content_style: dict | None = None,
+ label_style: dict | None = None,
+ span: int | dict | None = 1,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.label = label
+ self.span = span
+ self.content_style = content_style
+ self.label_style = label_style
+
+ FRONTEND_DIR = resolve_frontend_dir("descriptions", "item")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/divider/__init__.py b/backend/modelscope_studio/components/antd/divider/__init__.py
new file mode 100644
index 00000000..985dd34d
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/divider/__init__.py
@@ -0,0 +1,86 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from ....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdDivider(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/divider
+
+ A divider line separates different content.
+
+ When to use:
+ - Divide sections of an article.
+ - Divide inline text and links such as the operation column of table.
+ """
+
+ EVENTS = []
+
+ def __init__(
+ self,
+ value: str | None = None,
+ props: dict | None = None,
+ *,
+ dashed: bool = False,
+ variant: Literal["dashed", "dotted", "solid"] = "solid",
+ orientation: Literal["left", "right", "center"] = "center",
+ orientation_margin: str | int | float | None = None,
+ plain: bool = False,
+ type: Literal["horizontal", "vertical"] = "horizontal",
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ """
+ Parameters:
+ value: The wrapped title.
+ dashed: Whether line is dashed.
+ variant: Whether line is dashed, dotted or solid.
+ orientation: The position of title inside divider.
+ orientation_margin: The margin-left/right between the title and its closest border, while the orientation must be left or right, If a numeric value of type string is provided without a unit, it is assumed to be in pixels (px) by default.
+ plain: Divider text show as plain style.
+ type: The direction type of divider.
+ """
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.value = value
+ self.props = props
+ self.dashed = dashed
+ self.variant = variant
+ self.orientation = orientation
+ self.orientation_margin = orientation_margin
+ self.plain = plain
+ self.type = type
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("divider")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: str | None) -> str | None:
+ return payload
+
+ def postprocess(self, value: str | None) -> str | None:
+
+ return str(value)
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/drawer/__init__.py b/backend/modelscope_studio/components/antd/drawer/__init__.py
new file mode 100644
index 00000000..7128b003
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/drawer/__init__.py
@@ -0,0 +1,114 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from gradio.events import EventListener
+
+from ....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdDrawer(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/drawer
+ """
+ EVENTS = [
+ EventListener("close",
+ callback=lambda block: block._internal.update(
+ bind_close_event=True))
+ ]
+
+ # supported slots
+ SLOTS = ['closeIcon', 'extra', 'footer', 'title', 'drawerRender']
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ after_open_change: str | None = None,
+ auto_focus: bool | None = None,
+ body_style: dict | None = None,
+ close_icon: str | None = None,
+ class_names: dict | None = None,
+ destroy_on_close: bool | None = None,
+ extra: str | None = None,
+ footer: str | None = None,
+ force_render: bool | None = None,
+ get_container: str | None = None,
+ height: int | float | str | None = None,
+ keyboard: bool | None = None,
+ mask: bool | None = None,
+ mask_closable: bool | None = None,
+ placement: Literal['left', 'right', 'top', 'bottom'] | None = None,
+ push: bool | dict | None = None,
+ size: Literal['default', 'large'] | None = None,
+ styles: dict | None = None,
+ title: str | None = None,
+ loading: bool | None = None,
+ open: bool | None = None,
+ width: int | float | None = None,
+ z_index: int | None = None,
+ drawer_render: str | None = None,
+ root_style: dict | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.after_open_change = after_open_change
+ self.auto_focus = auto_focus
+ self.body_style = body_style
+ self.close_icon = close_icon
+ self.class_names = class_names
+ self.destroy_on_close = destroy_on_close
+ self.extra = extra
+ self.footer = footer
+ self.force_render = force_render
+ self.get_container = get_container
+ self.height = height
+ self.keyboard = keyboard
+ self.mask = mask
+ self.mask_closable = mask_closable
+ self.placement = placement
+ self.push = push
+ self.size = size
+ self.styles = styles
+ self.title = title
+ self.loading = loading
+ self.open = open
+ self.width = width
+ self.z_index = z_index
+ self.drawer_render = drawer_render
+ self.root_style = root_style
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("drawer")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/dropdown/__init__.py b/backend/modelscope_studio/components/antd/dropdown/__init__.py
new file mode 100644
index 00000000..6dce67da
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/dropdown/__init__.py
@@ -0,0 +1,110 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from gradio.events import EventListener
+
+from ....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+from .button import AntdDropdownButton
+
+
+class AntdDropdown(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/dropdown
+ """
+ Button = AntdDropdownButton
+ EVENTS = [
+ EventListener("open_change",
+ callback=lambda block: block._internal.update(
+ bind_openChange_event=True)),
+ EventListener("menu_click",
+ callback=lambda block: block._internal.update(
+ bind_menu_click_event=True)),
+ EventListener("menu_deselect",
+ callback=lambda block: block._internal.update(
+ bind_menu_deselect_event=True)),
+ EventListener("menu_open_change",
+ callback=lambda block: block._internal.update(
+ bind_menu_openChange_event=True)),
+ EventListener("menu_select",
+ callback=lambda block: block._internal.update(
+ bind_menu_select_event=True)),
+ ]
+
+ # supported slots
+ SLOTS = [
+ "menu.expandIcon", 'menu.overflowedIndicator', "menu.items",
+ "dropdownRender"
+ ]
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ arrow: dict | bool = False,
+ auto_adjust_overflow: bool = True,
+ auto_focus: bool = False,
+ disabled: bool | None = None,
+ destroy_popup_on_hide: bool = False,
+ dropdown_render: str | None = None,
+ get_popup_container: str | None = None,
+ menu: dict | None = None,
+ overlay_class_name: str | None = None,
+ overlay_style: dict | None = None,
+ placement: Literal['topLeft', 'top', 'topRight', 'bottomLeft',
+ 'bottom', 'bottomRight'] = "bottomLeft",
+ trigger: list[Literal['click', 'hover',
+ 'contextMenu']] = ['hover'],
+ open: bool | None = None,
+ inner_elem_style: dict | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.arrow = arrow
+ self.auto_adjust_overflow = auto_adjust_overflow
+ self.auto_focus = auto_focus
+ self.disabled = disabled
+ self.destroy_popup_on_hide = destroy_popup_on_hide
+ self.dropdown_render = dropdown_render
+ self.get_popup_container = get_popup_container
+ self.menu = menu
+ self.overlay_class_name = overlay_class_name
+ self.overlay_style = overlay_style
+ self.placement = placement
+ self.trigger = trigger
+ self.open = open
+ self.inner_elem_style = inner_elem_style
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("dropdown")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/dropdown/button/__init__.py b/backend/modelscope_studio/components/antd/dropdown/button/__init__.py
new file mode 100644
index 00000000..4bc50154
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/dropdown/button/__init__.py
@@ -0,0 +1,126 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from gradio.events import EventListener
+
+from .....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdDropdownButton(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/dropdown
+ """
+
+ EVENTS = [
+ EventListener("click",
+ callback=lambda block: block._internal.update(
+ bind_click_event=True)),
+ EventListener("open_change",
+ callback=lambda block: block._internal.update(
+ bind_openChange_event=True)),
+ EventListener("menu_click",
+ callback=lambda block: block._internal.update(
+ bind_menu_click_event=True)),
+ EventListener("menu_deselect",
+ callback=lambda block: block._internal.update(
+ bind_menu_deselect_event=True)),
+ EventListener("menu_open_change",
+ callback=lambda block: block._internal.update(
+ bind_menu_openChange_event=True)),
+ EventListener("menu_select",
+ callback=lambda block: block._internal.update(
+ bind_menu_select_event=True)),
+ ]
+
+ # supported slots
+ SLOTS = [
+ "icon", 'dropdownRender', 'buttonsRender', "menu.expandIcon",
+ 'menu.overflowedIndicator', "menu.items"
+ ]
+
+ def __init__(
+ self,
+ value: str | None = "Run",
+ props: dict | None = None,
+ *,
+ arrow: dict | bool = False,
+ auto_adjust_overflow: bool = True,
+ auto_focus: bool = False,
+ disabled: bool | None = None,
+ destroy_popup_on_hide: bool = False,
+ dropdown_render: str | None = None,
+ get_popup_container: str | None = None,
+ menu: dict | None = None,
+ overlay_class_name: str | None = None,
+ overlay_style: dict | None = None,
+ placement: Literal['topLeft', 'top', 'topRight', 'bottomLeft',
+ 'bottom', 'bottomRight'] = "bottomLeft",
+ trigger: list[Literal['click', 'hover',
+ 'contextMenu']] = ['hover'],
+ open: bool | None = None,
+ buttons_render: str | None = None,
+ loading: bool | dict = False,
+ danger: bool | None = None,
+ icon: str | None = None,
+ size: Literal["large", "middle", "small"] | None = None,
+ type: Literal["primary", "dashed", "link", "text", "default"]
+ | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.value = value
+ self.arrow = arrow
+ self.auto_adjust_overflow = auto_adjust_overflow
+ self.auto_focus = auto_focus
+ self.disabled = disabled
+ self.destroy_popup_on_hide = destroy_popup_on_hide
+ self.dropdown_render = dropdown_render
+ self.get_popup_container = get_popup_container
+ self.menu = menu
+ self.overlay_class_name = overlay_class_name
+ self.overlay_style = overlay_style
+ self.placement = placement
+ self.trigger = trigger
+ self.open = open
+ self.buttons_render = buttons_render
+ self.loading = loading
+ self.danger = danger
+ self.icon = icon
+ self.size = size
+ self.type = type
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("dropdown", "button")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: str | None) -> str | None:
+ return payload
+
+ def postprocess(self, value: str | None) -> str | None:
+
+ return str(value)
+
+ def example_payload(self) -> Any:
+ return "Run"
+
+ def example_value(self) -> Any:
+ return "Run"
diff --git a/backend/modelscope_studio/components/antd/empty/__init__.py b/backend/modelscope_studio/components/antd/empty/__init__.py
new file mode 100644
index 00000000..c4065120
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/empty/__init__.py
@@ -0,0 +1,64 @@
+from __future__ import annotations
+
+from typing import Any
+
+from ....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdEmpty(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/empty
+ """
+
+ EVENTS = []
+
+ # supported slots
+ SLOTS = ['description', 'image']
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ description: str | None = None,
+ image: str | None = None,
+ image_style: dict | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.description = description
+ self.image = image
+ self.image_style = image_style
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("empty")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/flex/__init__.py b/backend/modelscope_studio/components/antd/flex/__init__.py
new file mode 100644
index 00000000..82ecbb57
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/flex/__init__.py
@@ -0,0 +1,91 @@
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from ....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdFlex(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/flex
+
+ A flex layout container for alignment.
+
+ When to use:
+ - Good for setting spacing between elements.
+ - Suitable for setting various horizontal and vertical alignments.
+ """
+
+ EVENTS = []
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ vertical: bool = False,
+ wrap: Literal['nowrap', 'wrap', 'wrap-reverse'] | bool = "nowrap",
+ justify: Literal['normal', 'start', 'end', 'flex-start',
+ 'flex-end', 'center', 'left', 'right',
+ 'space-between', 'space-around', 'space-evenly',
+ 'stretch', 'safe', 'unsafe'] | None = "normal",
+ align: Literal['normal', 'start', 'end', 'flex-start', 'flex-end',
+ 'center', 'self-start', 'self-end', 'baseline',
+ 'unsafe', 'stretch'] | None = "normal",
+ flex: str | None = "normal",
+ gap: Literal["small", "middle", "large"] | str | int | float
+ | None = None,
+ component: str | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ """
+ Parameters:
+ vertical: Is direction of the flex vertical, use flex-direction: column.
+ wrap: Set whether the element is displayed in a single line or in multiple lines.
+ justify: Sets the alignment of elements in the direction of the main axis.
+ align: Sets the alignment of elements in the direction of the cross axis.
+ flex: flex CSS shorthand properties.
+ gap: Sets the gap between grids.
+ component: custom element type.
+ """
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.vertical = vertical
+ self.wrap = wrap
+ self.justify = justify
+ self.align = align
+ self.flex = flex
+ self.gap = gap
+ self.component = component
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("flex")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+ return value
+
+ def example_payload(self) -> Any:
+ return None
+
+ def example_value(self) -> Any:
+ return None
diff --git a/backend/modelscope_studio/components/antd/float_button/__init__.py b/backend/modelscope_studio/components/antd/float_button/__init__.py
new file mode 100644
index 00000000..cde90212
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/float_button/__init__.py
@@ -0,0 +1,105 @@
+from __future__ import annotations
+
+from typing import Literal
+
+from gradio.events import EventListener
+
+from ....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+from .back_top import AntdFloatButtonBackTop
+from .group import AntdFloatButtonGroup
+
+
+class AntdFloatButton(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/float-button
+
+ A button that floats at the top of the page.
+
+ When to use:
+ - For global functionality on the site.
+ - Buttons that can be seen wherever you browse.
+ """
+ BackTop = AntdFloatButtonBackTop
+ Group = AntdFloatButtonGroup
+ EVENTS = [
+ EventListener("click",
+ callback=lambda block: block._internal.update(
+ bind_click_event=True),
+ doc="Set the handler to handle `click` event.")
+ ]
+
+ # supported slots
+ SLOTS = ['icon', 'description', 'tooltip', 'badge.count']
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ icon: str | None = None,
+ description: str | None = None,
+ tooltip: str | None = None,
+ type: Literal['default', 'primary'] = 'default',
+ shape: Literal['circle', 'square'] = 'circle',
+ href: str | None = None,
+ href_target: str | None = None,
+ html_type: Literal['submit', 'reset', 'button'] | None = 'button',
+ badge: dict | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ """
+ Parameters:
+ icon: Set the icon component of button.
+ description: Text and other.
+ tooltip: The text shown in the tooltip.
+ type: Setting button type.
+ shape: Setting button shape.
+ href_target: The target of hyperlink.
+ target: Specifies where to display the linked URL string.
+ htmlType: Set the original html type of button.
+ badge: Attach Badge to FloatButton. status and other props related are not supported.
+ """
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.icon = icon
+ self.description = description
+ self.tooltip = tooltip
+ self.type = type
+ self.shape = shape
+ self.href = href
+ self.href_target = href_target
+ self.html_type = html_type
+ self.badge = badge
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("float-button")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+
+ return value
+
+ def example_payload(self) -> None:
+ return None
+
+ def example_value(self) -> None:
+ return None
diff --git a/backend/modelscope_studio/components/antd/float_button/back_top/__init__.py b/backend/modelscope_studio/components/antd/float_button/back_top/__init__.py
new file mode 100644
index 00000000..427fb7c1
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/float_button/back_top/__init__.py
@@ -0,0 +1,111 @@
+from __future__ import annotations
+
+from typing import Literal
+
+from gradio.events import EventListener
+
+from .....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdFloatButtonBackTop(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/float-button
+
+ A button that floats at the top of the page.
+
+ When to use:
+ - For global functionality on the site.
+ - Buttons that can be seen wherever you browse.
+ """
+
+ EVENTS = [
+ EventListener(
+ "click",
+ callback=lambda block: block._internal.update(bind_click_event=True
+ ),
+ doc=
+ "A callback function, which can be executed when you click the button."
+ )
+ ]
+
+ # supported slots
+ SLOTS = ['icon', 'description', 'tooltip', 'badge.count']
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ icon: str | None = None,
+ description: str | None = None,
+ tooltip: str | None = None,
+ type: Literal['default', 'primary'] = 'default',
+ shape: Literal['circle', 'square'] = 'circle',
+ href: str | None = None,
+ html_type: Literal['submit', 'reset', 'button'] | None = 'button',
+ badge: dict | None = None,
+ duration: int | float = 450,
+ get_target: str | None = None,
+ visibility_height: int | float = 400,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ """
+ Parameters:
+ icon: Set the icon component of button.
+ description: Text and other.
+ tooltip: The text shown in the tooltip.
+ type: Setting button type.
+ shape: Setting button shape.
+ target: Specifies where to display the linked URL string.
+ htmlType: Set the original html type of button.
+ badge: Attach Badge to FloatButton. status and other props related are not supported.
+ duration: Time to return to top（ms）.
+ get_target: Specifies the scrollable area dom node.
+ visibility_height: The BackTop button will not show until the scroll height reaches this value.
+ """
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.icon = icon
+ self.description = description
+ self.tooltip = tooltip
+ self.type = type
+ self.shape = shape
+ self.href = href
+ self.html_type = html_type
+ self.badge = badge
+ self.duration = duration
+ self.visibility_height = visibility_height
+ self.get_target = get_target
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("float-button", "back-top")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+
+ return value
+
+ def example_payload(self) -> None:
+ return None
+
+ def example_value(self) -> None:
+ return None
diff --git a/backend/modelscope_studio/components/antd/float_button/group/__init__.py b/backend/modelscope_studio/components/antd/float_button/group/__init__.py
new file mode 100644
index 00000000..d03ddd28
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/float_button/group/__init__.py
@@ -0,0 +1,123 @@
+from __future__ import annotations
+
+from typing import Literal
+
+from gradio.events import EventListener
+
+from .....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdFloatButtonGroup(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/float-button
+
+ A button that floats at the top of the page.
+
+ When to use:
+ - For global functionality on the site.
+ - Buttons that can be seen wherever you browse.
+ """
+ EVENTS = [
+ EventListener(
+ "click",
+ callback=lambda block: block._internal.update(bind_click_event=True
+ ),
+ doc=
+ "Set the handler to handle click event (only work in Menu mode)."),
+ EventListener(
+ "open_change",
+ callback=lambda block: block._internal.update(bind_openChange_event
+ =True),
+ doc=
+ "Callback executed when active menu is changed, use it with trigger."
+ )
+ ]
+
+ # supported slots
+ SLOTS = ['icon', 'closeIcon', 'description', 'tooltip', 'badge.count']
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ icon: str | None = None,
+ description: str | None = None,
+ tooltip: str | None = None,
+ type: Literal['default', 'primary'] = 'default',
+ shape: Literal['circle', 'square'] = 'circle',
+ href: str | None = None,
+ href_target: str | None = None,
+ html_type: Literal['submit', 'reset', 'button'] | None = 'button',
+ badge: dict | None = None,
+ trigger: Literal['hover', 'click'] | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ open: bool | None = None,
+ close_icon: str | None = None,
+ placement: Literal['left', 'right', 'top', 'bottom']
+ | None = 'top',
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ """
+ Parameters:
+ icon: Set the icon component of button.
+ description: Text and other.
+ tooltip: The text shown in the tooltip.
+ type: Setting button type.
+ shape: Setting button shape.
+ href_target: The target of hyperlink.
+ target: Specifies where to display the linked URL string.
+ htmlType: Set the original html type of button.
+ badge: Attach Badge to FloatButton. status and other props related are not supported.
+ trigger: Which action can trigger menu open/close.
+ open: Whether the menu is visible or not, use it with trigger.
+ closeIcon: Customize close button icon.
+ placement: Customize menu animation placement.
+ """
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.icon = icon
+ self.description = description
+ self.tooltip = tooltip
+ self.type = type
+ self.shape = shape
+ self.href = href
+ self.href_target = href_target
+ self.html_type = html_type
+ self.badge = badge
+ self.trigger = trigger
+ self.open = open
+ self.close_icon = close_icon
+ self.placement = placement
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("float-button", "group")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+
+ return value
+
+ def example_payload(self) -> None:
+ return None
+
+ def example_value(self) -> None:
+ return None
diff --git a/backend/modelscope_studio/components/antd/form/__init__.py b/backend/modelscope_studio/components/antd/form/__init__.py
new file mode 100644
index 00000000..93fce2c0
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/form/__init__.py
@@ -0,0 +1,123 @@
+from __future__ import annotations
+
+from typing import Literal, Union
+
+from gradio.data_classes import GradioRootModel
+from gradio.events import EventListener
+
+from ....utils.dev import ModelScopeDataLayoutComponent, resolve_frontend_dir
+from .item import AntdFormItem
+
+
+class AntdFormData(GradioRootModel):
+ root: Union[dict, None] = None
+
+
+class AntdForm(ModelScopeDataLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/form
+ """
+ Item = AntdFormItem
+ EVENTS = [
+ EventListener("fields_change",
+ callback=lambda block: block._internal.update(
+ bind_fieldsChange_event=True)),
+ EventListener("finish",
+ callback=lambda block: block._internal.update(
+ bind_finish_event=True)),
+ EventListener("finish_failed",
+ callback=lambda block: block._internal.update(
+ bind_finishFailed_event=True)),
+ EventListener("values_change",
+ callback=lambda block: block._internal.update(
+ bind_valuesChange_event=True)),
+ ]
+
+ data_model = AntdFormData
+
+ # supported slots
+ SLOTS = ["requiredMark"]
+
+ def __init__(
+ self,
+ value: dict | None = None,
+ props: dict | None = None,
+ *,
+ colon: bool = True,
+ disabled: bool = False,
+ component: str | False | None = None,
+ feedback_icons: str | None = None,
+ initial_values: dict | None = None,
+ label_align: Literal['left', 'right'] = 'right',
+ label_col: dict | None = None,
+ label_wrap: bool = False,
+ layout: Literal['horizontal', 'vertical', 'inline'] = 'horizontal',
+ form_name: str | None = None,
+ preserve: bool = True,
+ required_mark: bool | Literal['optional'] | str | None = None,
+ scroll_to_first_error: bool | dict = False,
+ size: Literal['small', 'middle', 'large'] | None = None,
+ validate_messages: dict | None = None,
+ validate_trigger: str | list[str] = 'onChange',
+ variant: Literal['outlined', 'borderless', 'filled'] = 'outlined',
+ wrapper_col: dict | None = None,
+ clear_on_destroy: bool = False,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(value=value,
+ visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.colon = colon
+ self.disabled = disabled
+ self.component = component
+ self.feedback_icons = feedback_icons
+ self.initial_values = initial_values
+ self.label_align = label_align
+ self.label_col = label_col
+ self.label_wrap = label_wrap
+ self.layout = layout
+ self.form_name = form_name
+ self.preserve = preserve
+ self.required_mark = required_mark
+ self.scroll_to_first_error = scroll_to_first_error
+ self.size = size
+ self.validate_messages = validate_messages
+ self.validate_trigger = validate_trigger
+ self.variant = variant
+ self.wrapper_col = wrapper_col
+ self.clear_on_destroy = clear_on_destroy
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("form")
+
+ @property
+ def skip_api(self):
+ return False
+
+ def preprocess(self, payload: dict | AntdFormData | None) -> dict | None:
+ if isinstance(payload, AntdFormData):
+ return payload.root
+ return payload
+
+ def postprocess(self, value: dict | None) -> dict | None:
+ return value
+
+ def example_payload(self) -> dict:
+ return {}
+
+ def example_value(self) -> dict:
+ return {}
diff --git a/backend/modelscope_studio/components/antd/form/item/__init__.py b/backend/modelscope_studio/components/antd/form/item/__init__.py
new file mode 100644
index 00000000..465185ac
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/form/item/__init__.py
@@ -0,0 +1,124 @@
+from __future__ import annotations
+
+from typing import Literal
+
+from .....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+from .rule import AntdFormItemRule
+
+
+class AntdFormItem(ModelScopeLayoutComponent):
+ """
+ """
+ Rule = AntdFormItemRule
+ EVENTS = []
+
+ # supported slots
+ SLOTS = [
+ 'extra', 'help', 'label', 'tooltip', 'tooltip.title', 'tooltip.icon'
+ ]
+
+ def __init__(
+ self,
+ label: str | None = None,
+ props: dict | None = None,
+ *,
+ form_name: str | int | float | list[str | int | float]
+ | None = None,
+ colon: bool | None = None,
+ dependencies: list[str | int | float | list[str | int | float]]
+ | None = None,
+ extra: str | None = None,
+ get_value_from_event: str | None = None,
+ get_value_props: str | None = None,
+ has_feedback: bool | dict = False,
+ help: str | None = None,
+ hidden: bool = False,
+ html_for: str | None = None,
+ initial_value: str | int | float | list | dict | None = None,
+ label_align: str | None = None,
+ label_col: dict | None = None,
+ message_variants: dict | None = None,
+ normalize: str | None = None,
+ no_style: bool = False,
+ preserve: bool = True,
+ required: bool = False,
+ rules: list[dict] | None = None,
+ should_update: str | None = None,
+ tooltip: str | dict | None = None,
+ trigger: str | list[str] = 'onChange',
+ validate_debounce: int | float | None = None,
+ validate_first: bool | Literal['parallel'] = False,
+ validate_status: Literal['error', 'success', 'warning',
+ 'validating']
+ | None = None,
+ validate_trigger: str | list[str] = 'onChange',
+ value_prop_name: str | None = None,
+ wrapper_col: dict | None = None,
+ layout: Literal['horizontal', 'vertical'] | None = None,
+ root_class_name: str | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.label = label
+ self.form_name = form_name
+ self.props = props
+ self.colon = colon
+ self.dependencies = dependencies
+ self.extra = extra
+ self.get_value_from_event = get_value_from_event
+ self.get_value_props = get_value_props
+ self.has_feedback = has_feedback
+ self.help = help
+ self.hidden = hidden
+ self.html_for = html_for
+ self.initial_value = initial_value
+ self.label_align = label_align
+ self.label_col = label_col
+ self.message_variants = message_variants
+ self.normalize = normalize
+ self.no_style = no_style
+ self.preserve = preserve
+ self.required = required
+ self.rules = rules
+ self.should_update = should_update
+ self.tooltip = tooltip
+ self.trigger = trigger
+ self.validate_debounce = validate_debounce
+ self.validate_first = validate_first
+ self.validate_status = validate_status
+ self.validate_trigger = validate_trigger
+ self.value_prop_name = value_prop_name
+ self.wrapper_col = wrapper_col
+ self.layout = layout
+ self.root_class_name = root_class_name
+
+ FRONTEND_DIR = resolve_frontend_dir("form", "item")
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+ return value
+
+ def example_payload(self) -> None:
+ return None
+
+ def example_value(self) -> None:
+ return None
diff --git a/backend/modelscope_studio/components/antd/form/item/rule/__init__.py b/backend/modelscope_studio/components/antd/form/item/rule/__init__.py
new file mode 100644
index 00000000..787eb4dc
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/form/item/rule/__init__.py
@@ -0,0 +1,80 @@
+from __future__ import annotations
+
+from ......utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdFormItemRule(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/dropdown
+ """
+ EVENTS = []
+
+ def __init__(
+ self,
+ props: dict | None = None,
+ *,
+ default_field: dict | str | None = None,
+ enum: list | None = None,
+ fields: dict | None = None,
+ len: int | None = None,
+ max: int | float | None = None,
+ message: str | None = None,
+ min: int | float | None = None,
+ pattern: str | None = None,
+ required: bool | None = None,
+ transform: str | None = None,
+ type: str | None = None,
+ validator_trigger: str | list[str] | None = None,
+ validator: str | None = None,
+ warning_only: bool | None = None,
+ whitespace: bool | None = None,
+ as_item: str | None = None,
+ _internal: None = None,
+ # gradio properties
+ visible: bool = True,
+ elem_id: str | None = None,
+ elem_classes: list[str] | str | None = None,
+ elem_style: dict | None = None,
+ render: bool = True,
+ **kwargs):
+ super().__init__(visible=visible,
+ elem_id=elem_id,
+ elem_classes=elem_classes,
+ render=render,
+ as_item=as_item,
+ elem_style=elem_style,
+ **kwargs)
+ self.props = props
+ self.default_field = default_field
+ self.enum = enum
+ self.fields = fields
+ self.len = len
+ self.max = max
+ self.message = message
+ self.min = min
+ self.pattern = pattern
+ self.required = required
+ self.transform = transform
+ self.type = type
+ self.validator_trigger = validator_trigger
+ self.validator = validator
+ self.warning_only = warning_only
+ self.whitespace = whitespace
+
+ FRONTEND_DIR = resolve_frontend_dir("form", ["item", "rule"])
+
+ @property
+ def skip_api(self):
+ return True
+
+ def preprocess(self, payload: None) -> None:
+ return payload
+
+ def postprocess(self, value: None) -> None:
+ return value
+
+ def example_payload(self) -> None:
+ return None
+
+ def example_value(self) -> None:
+ return None
diff --git a/backend/modelscope_studio/components/antd/grid/col/__init__.py b/backend/modelscope_studio/components/antd/grid/col/__init__.py
new file mode 100644
index 00000000..824f1141
--- /dev/null
+++ b/backend/modelscope_studio/components/antd/grid/col/__init__.py
@@ -0,0 +1,109 @@
+from __future__ import annotations
+
+from typing import Any
+
+from .....utils.dev import ModelScopeLayoutComponent, resolve_frontend_dir
+
+
+class AntdCol(ModelScopeLayoutComponent):
+ """
+ Ant Design: https://ant.design/components/grid
+
+ 24 Grids System.
+
+ In the grid system, we define the frame outside the information area based on row and column, to ensure that every area can have stable arrangement.
+
+ Following is a brief look at how it works:
+
+ - Establish a set of column in the horizontal space defined by row (abbreviated col).
+ - Your content elements should be placed directly in the col, and only col should be placed directly in row.
+ - The column grid system is a value of 1-24 to represent its range spans. For example, three columns of equal width can be created by ModelScope Studio
+# ModelScope Studio
-GitHub | 🤖 ModelScope Studio ｜ 🤗 Hugging Face Space
+GitHub | 🤖 ModelScope Studio ｜ 🤗 Hugging Face Space
-`modelscope_studio` 是一套基于 gradio 4.x 的扩展组件库，致力于服务于 ModelScope 创空间中对于 gradio 应用的各类扩展需求，目前主要聚集在对话场景增强、多模态场景以及一些其他垂直场景支持。
+`modelscope_studio`是一个基于 Gradio 的三方组件库，在原有 Gradio 组件的基础上延伸了更多的组件和使用形式。
-## Install
+目前支持的 UI 库：
+
+- [Ant Design](https://ant.design/)
+
+## 何时使用
+
+比起 Gradio 自身的组件，`modelscope_studio`更加注重页面布局和组件的灵活性，如果您想要构建更漂亮的用户界面，我们非常推荐您使用`modelscope_studio`。然而，当您的应用需要 Gradio 在 Python 端更多地处理内置数据时，`modelscope_studio`可能不是最好的选择，但仍然可以使用`modelscope_studio`的布局和展示组件来帮助您构建页面。
+
+## 依赖
+
+- Gradio >= 4.0
+
+## 安装
+
+> 目前`modelscope_studio` 1.0 版本仍在开发中，您可以通过安装`beta`版本提前使用。
```sh
-pip install modelscope_studio
+pip install modelscope_studio~=1.0.0b
```
-## API
+## 示例
+
+load
+如果您在之前使用了`modelscope_studio`的组件，并且想要在新版本中继续使用。不需要对原有组件做任何修改，只需要在外层引入`ms.Application`即可。
-## Components
+```python
+import gradio as gr
+import modelscope_studio.components.base as ms
+import modelscope_studio.components.legacy as mgr
-- Chatbot
-- MultimodalInput
-- Markdown
-- WaterfallGallery
-- Lifecycle
-- Flow
+with gr.Blocks() as demo:
+ with ms.Application():
+ mgr.Chatbot()
+
+demo.launch()
+```
diff --git a/docs/README.md b/docs/README.md
index d66732f7..b862f3d4 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -1,20 +1,21 @@
---
tags:
- gradio-custom-component
- - Chatbot
- - MutilmodalInput
- - Markdown
- - gradio-template-Chatbot
- - gradio-template-Markdown
+ - component library
+ - Ant Design
+ - modelscope-studio
title: modelscope-studio
colorFrom: blue
colorTo: gray
-sdk: docker
+short_description: A third-party component library based on Gradio.
+sdk: gradio
pinned: false
+header: mini
+app_file: app.py
license: apache-2.0
---
-
ModelScope Studio
+# ModelScope Studio
-GitHub | 🤖 ModelScope Studio ｜ 🤗 Hugging Face Space
+GitHub | 🤖 ModelScope Studio ｜ 🤗 Hugging Face Space
-`modelscope_studio` is a set of extension component libraries based on gradio 4.x, dedicated to serving the various extension needs of gradio applications within the ModelScope Studio. It mainly focuses on enhancing conversational scenarios, supporting multimodal contexts, and providing assistance for various other specialized scenarios.
+`modelscope_studio` is a third-party component library based on Gradio, extending more components and usage forms on top of the original Gradio components.
-## Install
+Currently supported UI libraries:
+
+- [Ant Design](https://ant.design/)
+
+## When to Use
+
+Compared to Gradio's own components, `modelscope_studio` focuses more on page layout and component flexibility. If you want to build a more beautiful user interface, we highly recommend using `modelscope_studio`. However, when your application needs Gradio to handle more built-in data on the Python side, `modelscope_studio` may not be the best choice, but you can still use `modelscope_studio`'s layout and display components to help you build pages.
+
+## Dependencies
+
+- Gradio >= 4.0
+
+## Installation
+
+> Currently, `modelscope_studio` version 1.0 is still under development. You can use the `beta` version in advance.
```sh
-pip install modelscope_studio
+pip install modelscope_studio~=1.0.0b
```
-## API
+## Examples
+
+load
+If you have previously used `modelscope_studio` components and want to continue using them in the new version, no modifications to the original components are needed. You just need to introduce `ms.Application` in the outer layer.
-## Components
+```python
+import gradio as gr
+import modelscope_studio.components.base as ms
+import modelscope_studio.components.legacy as mgr
-- Chatbot
-- MultimodalInput
-- Markdown
-- Lifecycle
-- WaterfallGallery
-- Flow
+with gr.Blocks() as demo:
+ with ms.Application():
+ mgr.Chatbot()
+
+demo.launch()
+```
diff --git a/docs/api/app.py b/docs/api/app.py
index 85d6e013..6f651d0b 100644
--- a/docs/api/app.py
+++ b/docs/api/app.py
@@ -1,6 +1,6 @@
import os
-from components.Docs import Docs
+from components.legacy.Docs import Docs
def resolve(relative_path: str):
diff --git a/docs/app.py b/docs/app.py
index 1d93e6b4..bd9e1604 100644
--- a/docs/app.py
+++ b/docs/app.py
@@ -1,30 +1,195 @@
-import gradio as gr
-from api.app import docs as api_docs
-from components.Chatbot.app import docs as chatbot_docs
-from components.Docs import Docs
-from components.Flow.app import docs as flow_docs
-from components.Lifecycle.app import docs as lifecycle_docs
-from components.Markdown.app import docs as markdown_docs
-from components.MultimodalInput.app import docs as multimodel_input_docs
-from components.WaterfallGallery.app import docs as waterfall_gallery_docs
-
-readme_docs = Docs(__file__)
-
-docs = [
- ["Quick Start", readme_docs],
- ["API", api_docs],
- ["Chatbot", chatbot_docs],
- ["MultimodalInput", multimodel_input_docs],
- ["Markdown", markdown_docs],
- ["Lifecycle", lifecycle_docs],
- ["WaterfallGallery", waterfall_gallery_docs],
- ["Flow", flow_docs],
+import os
+from typing import Literal
+
+from helper.Docs import Docs
+from helper.env import is_modelscope_studio
+from helper.Site import Site
+from legacy_app import legacy_demo
+
+import modelscope_studio.components.antd as antd
+import modelscope_studio.components.base as ms
+
+
+def get_text(text: str, cn_text: str):
+ if is_modelscope_studio:
+ return cn_text
+ return text
+
+
+def get_docs(file_path: str, type: Literal["antd", "base"]):
+ import importlib.util
+
+ components = []
+ components_dir = os.path.join(os.path.dirname(file_path), "components",
+ type)
+ for dir in os.listdir(components_dir):
+ abs_dir = os.path.join(components_dir, dir)
+ if os.path.isdir(abs_dir):
+ app_file = os.path.join(abs_dir, "app.py")
+ if os.path.exists(app_file):
+ components.append(dir)
+
+ docs = {}
+ for component in components:
+ spec = importlib.util.spec_from_file_location(
+ "doc", os.path.join(components_dir, component, "app.py"))
+ module = importlib.util.module_from_spec(spec)
+ spec.loader.exec_module(module)
+ docs[component] = module.docs
+ return docs
+
+
+index_docs = {"modelscope_studio": Docs(__file__)}
+
+base_docs = get_docs(__file__, "base")
+antd_docs = get_docs(__file__, "antd")
+
+default_active_tab = "index"
+
+index_menu_items = [{
+ "label": get_text("ModelScope-Studio", "ModelScope-Studio"),
+ "key": "modelscope_studio"
+}]
+
+base_menu_items = [{
+ "label":
+ get_text("Core", "核心"),
+ "type":
+ "group",
+ "children": [{
+ "label": "Application",
+ "key": "application"
+ }, {
+ "label": "Slot",
+ "key": "slot"
+ }, {
+ "label": "Fragment",
+ "key": "fragment"
+ }]
+}, {
+ "label":
+ get_text("Layout", "布局"),
+ "type":
+ "group",
+ "children": [{
+ "label": "Div",
+ "key": "div"
+ }, {
+ "label": "Span",
+ "key": "span"
+ }, {
+ "label": "Text",
+ "key": "text"
+ }]
+}, {
+ "label":
+ get_text("Render", "渲染"),
+ "type":
+ "group",
+ "children": [{
+ "label": "Each",
+ "key": "each"
+ }, {
+ "label": "Filter",
+ "key": "filter"
+ }]
+}]
+
+antd_menu_items = [{
+ "label": get_text("Overview", "概览"),
+ "key": "overview"
+}, {
+ "label":
+ get_text("General", "通用"),
+ "type":
+ "group",
+ "children": [{
+ "label": get_text("Button", "Button 按钮"),
+ "key": "button"
+ }, {
+ "label": get_text("FloatButton", "FloatButton 悬浮按钮"),
+ "key": "float_button"
+ }, {
+ "label": get_text("Icon", "Icon 图标"),
+ "key": "icon"
+ }, {
+ "label": get_text("Typography", "Typography 排版"),
+ "key": "typography"
+ }]
+}, {
+ "label":
+ get_text("Layout", "布局"),
+ "type":
+ "group",
+ "children": [{
+ "label": get_text("Divider", "Divider 分割线"),
+ "key": "divider"
+ }]
+}]
+
+
+def logo():
+ with antd.Flex(align='center', gap=8):
+ antd.Image(os.path.join(os.path.dirname(__file__),
+ "./resources/modelscope.png"),
+ preview=False,
+ height=20)
+ ms.Span('✖️')
+ antd.Image(os.path.join(os.path.dirname(__file__),
+ "./resources/gradio.png"),
+ preview=False,
+ height=40)
+
+
+def more_components():
+ with antd.Button(type="link",
+ href="https://ant.design/components/overview/",
+ href_target="_blank"):
+ ms.Text(get_text("More Components", "更多组件"))
+
+ with ms.Slot("icon"):
+ antd.Icon("ExportOutlined")
+
+
+tabs = [
+ {
+ "label": get_text("Overview", "预览"),
+ "key": "index",
+ "default_active_key": "modelscope_studio",
+ "menus": index_menu_items
+ },
+ {
+ "label": get_text("Base Components", "基础组件"),
+ "key": "base",
+ "default_active_key": "application",
+ "menus": base_menu_items
+ },
+ {
+ "label": get_text("Antd Components", "Antd 组件"),
+ "key": "antd",
+ "default_active_key": "overview",
+ "menus": antd_menu_items,
+ "extra_menu_footer": more_components
+ },
+ {
+ "label": get_text("Version 0.x", "0.x 版本"),
+ "key": "legacy",
+ "content": legacy_demo
+ },
]
-with gr.Blocks() as demo:
- with gr.Tabs() as components_tabs:
- for doc in docs:
- with gr.TabItem(doc[0], id=doc[0]):
- doc[1].render(components_tabs)
+site = Site(
+ tabs=tabs,
+ docs={
+ # match the key of tabs
+ "index": index_docs,
+ "antd": antd_docs,
+ "base": base_docs
+ },
+ default_active_tab=default_active_tab,
+ logo=logo)
+
+demo = site.render()
-demo.queue().launch()
+if __name__ == "__main__":
+ demo.queue().launch(ssr_mode=False)
diff --git a/docs/components/WaterfallGallery/app.py b/docs/components/WaterfallGallery/app.py
deleted file mode 100644
index 77372ef2..00000000
--- a/docs/components/WaterfallGallery/app.py
+++ /dev/null
@@ -1,6 +0,0 @@
-from components.Docs import Docs
-
-docs = Docs(__file__)
-
-if __name__ == "__main__":
- docs.render().queue().launch()
diff --git a/docs/components/antd/button/README-zh_CN.md b/docs/components/antd/button/README-zh_CN.md
new file mode 100644
index 00000000..065a0795
--- /dev/null
+++ b/docs/components/antd/button/README-zh_CN.md
@@ -0,0 +1,7 @@
+# Button
+
+To trigger an operation. See [Ant Design](https://ant.design/components/button/) for more information.
+
+## Examples
+
+Click me """
+ )
+
+ app.custom(on_custom)
+if __name__ == "__main__":
+ demo.queue().launch()
diff --git a/docs/components/base/application/demos/language_adaptation.py b/docs/components/base/application/demos/language_adaptation.py
new file mode 100644
index 00000000..b1ae2170
--- /dev/null
+++ b/docs/components/base/application/demos/language_adaptation.py
@@ -0,0 +1,39 @@
+import time
+
+import gradio as gr
+
+import modelscope_studio.components.base as ms
+
+messages = {
+ 'en': {
+ "hello": "Hello"
+ },
+ 'en-US': {
+ "hello": "Hello"
+ },
+ 'zh-CN': {
+ "hello": "你好"
+ }
+}
+
+default_lang = "en"
+
+
+def mount(e: gr.EventData, _state):
+ lang = e._data["language"]
+ if (lang in messages):
+ _state["current_lang"] = lang
+ yield 'Switch Language...', _state
+ time.sleep(2)
+ yield messages[lang]["hello"], _state
+
+
+with gr.Blocks() as demo:
+ with ms.Application() as app:
+ state = gr.State({"current_lang": default_lang})
+ markdown = gr.Markdown(value=messages[default_lang]["hello"])
+
+ app.mount(fn=mount, inputs=[state], outputs=[markdown, state])
+
+if __name__ == "__main__":
+ demo.queue().launch()
diff --git a/docs/components/base/application/demos/theme_adaptation.py b/docs/components/base/application/demos/theme_adaptation.py
new file mode 100644
index 00000000..4d9cb2ef
--- /dev/null
+++ b/docs/components/base/application/demos/theme_adaptation.py
@@ -0,0 +1,34 @@
+import gradio as gr
+
+import modelscope_studio.components.antd as antd
+import modelscope_studio.components.base as ms
+
+
+def mount(e: gr.EventData, _state):
+ _state["theme"] = e._data["theme"]
+ yield _state
+
+
+def fn(_state):
+ theme = _state["theme"]
+ color = '000/fff' if theme == 'dark' else 'fff/000'
+ yield gr.update(
+ value=f"https://dummyimage.com/200x100/{color}.png&text={theme}")
+
+
+with gr.Blocks() as demo:
+ state = gr.State({"theme": "light"})
+ with ms.Application() as app:
+ with antd.ConfigProvider():
+ btn = antd.Button(
+ "Run",
+ type="primary",
+ block=True,
+ )
+ image = antd.Image()
+
+ app.mount(fn=mount, inputs=[state], outputs=[state])
+ btn.click(fn=fn, inputs=[state], outputs=[image])
+
+if __name__ == "__main__":
+ demo.queue().launch()
diff --git a/docs/components/base/div/README-zh_CN.md b/docs/components/base/div/README-zh_CN.md
new file mode 100644
index 00000000..34937273
--- /dev/null
+++ b/docs/components/base/div/README-zh_CN.md
@@ -0,0 +1,7 @@
+# Div
+
+同 HTML 中的`div`标签，用于辅助布局，可以绑定常用的 HTML 事件，具体事件请查看`EVENTS`属性。
+
+## 示例
+
+
diff --git a/docs/components/Markdown/demos/basic.py b/docs/components/legacy/Markdown/demos/basic.py
similarity index 100%
rename from docs/components/Markdown/demos/basic.py
rename to docs/components/legacy/Markdown/demos/basic.py
diff --git a/docs/components/Markdown/demos/chart.py b/docs/components/legacy/Markdown/demos/chart.py
similarity index 100%
rename from docs/components/Markdown/demos/chart.py
rename to docs/components/legacy/Markdown/demos/chart.py
diff --git a/docs/components/Markdown/demos/custom-tag.py b/docs/components/legacy/Markdown/demos/custom-tag.py
similarity index 100%
rename from docs/components/Markdown/demos/custom-tag.py
rename to docs/components/legacy/Markdown/demos/custom-tag.py
diff --git a/docs/components/Markdown/demos/custom-tag2.py b/docs/components/legacy/Markdown/demos/custom-tag2.py
similarity index 100%
rename from docs/components/Markdown/demos/custom-tag2.py
rename to docs/components/legacy/Markdown/demos/custom-tag2.py
diff --git a/docs/components/Markdown/demos/custom-tag3.py b/docs/components/legacy/Markdown/demos/custom-tag3.py
similarity index 100%
rename from docs/components/Markdown/demos/custom-tag3.py
rename to docs/components/legacy/Markdown/demos/custom-tag3.py
diff --git a/docs/components/Markdown/demos/custom-tag4.py b/docs/components/legacy/Markdown/demos/custom-tag4.py
similarity index 100%
rename from docs/components/Markdown/demos/custom-tag4.py
rename to docs/components/legacy/Markdown/demos/custom-tag4.py
diff --git a/docs/components/Markdown/demos/custom_tags/accordion/accordion-title.py b/docs/components/legacy/Markdown/demos/custom_tags/accordion/accordion-title.py
similarity index 100%
rename from docs/components/Markdown/demos/custom_tags/accordion/accordion-title.py
rename to docs/components/legacy/Markdown/demos/custom_tags/accordion/accordion-title.py
diff --git a/docs/components/Markdown/demos/custom_tags/accordion/basic.py b/docs/components/legacy/Markdown/demos/custom_tags/accordion/basic.py
similarity index 100%
rename from docs/components/Markdown/demos/custom_tags/accordion/basic.py
rename to docs/components/legacy/Markdown/demos/custom_tags/accordion/basic.py
diff --git a/docs/components/Markdown/demos/custom_tags/chart/basic.py b/docs/components/legacy/Markdown/demos/custom_tags/chart/basic.py
similarity index 100%
rename from docs/components/Markdown/demos/custom_tags/chart/basic.py
rename to docs/components/legacy/Markdown/demos/custom_tags/chart/basic.py
diff --git a/docs/components/Markdown/demos/custom_tags/select-box/basic.py b/docs/components/legacy/Markdown/demos/custom_tags/select-box/basic.py
similarity index 75%
rename from docs/components/Markdown/demos/custom_tags/select-box/basic.py
rename to docs/components/legacy/Markdown/demos/custom_tags/select-box/basic.py
index eb03c2fe..faa90914 100644
--- a/docs/components/Markdown/demos/custom_tags/select-box/basic.py
+++ b/docs/components/legacy/Markdown/demos/custom_tags/select-box/basic.py
@@ -10,9 +10,9 @@
mgr.Markdown(
f"""Single Select: ModelScope Studio
+
+
+
+ ✖️
+
+
+
+
+GitHub | 🤖 ModelScope Studio ｜ 🤗 Hugging Face Space
+
+`modelscope_studio` 是一套基于 gradio 4.x 的扩展组件库，致力于服务于 ModelScope 创空间中对于 gradio 应用的各类扩展需求，目前主要聚集在对话场景增强、多模态场景以及一些其他垂直场景支持。
+
+## Install
+
+```sh
+pip install modelscope_studio
+```
+
+## API
+
+- load
+
+## Components
+
+- Chatbot
+- MultimodalInput
+- Markdown
+- WaterfallGallery
+- Lifecycle
+- Flow
diff --git a/docs/components/legacy/README.md b/docs/components/legacy/README.md
new file mode 100644
index 00000000..821b96fa
--- /dev/null
+++ b/docs/components/legacy/README.md
@@ -0,0 +1,33 @@
+
ModelScope Studio
+
+
+
+ ✖️
+
+
+
+
+GitHub | 🤖 ModelScope Studio ｜ 🤗 Hugging Face Space
+
+`modelscope_studio` is a set of extension component libraries based on gradio 4.x, dedicated to serving the various extension needs of gradio applications within the ModelScope Studio. It mainly focuses on enhancing conversational scenarios, supporting multimodal contexts, and providing assistance for various other specialized scenarios.
+
+## Install
+
+```sh
+pip install modelscope_studio
+```
+
+## API
+
+- load
+
+## Components
+
+- Chatbot
+- MultimodalInput
+- Markdown
+- Lifecycle
+- WaterfallGallery
+- Flow
diff --git a/docs/components/WaterfallGallery/README-zh_CN.md b/docs/components/legacy/WaterfallGallery/README-zh_CN.md
similarity index 100%
rename from docs/components/WaterfallGallery/README-zh_CN.md
rename to docs/components/legacy/WaterfallGallery/README-zh_CN.md
diff --git a/docs/components/WaterfallGallery/README.md b/docs/components/legacy/WaterfallGallery/README.md
similarity index 100%
rename from docs/components/WaterfallGallery/README.md
rename to docs/components/legacy/WaterfallGallery/README.md
diff --git a/docs/components/legacy/WaterfallGallery/app.py b/docs/components/legacy/WaterfallGallery/app.py
new file mode 100644
index 00000000..ea841f78
--- /dev/null
+++ b/docs/components/legacy/WaterfallGallery/app.py
@@ -0,0 +1,6 @@
+from components.legacy.Docs import Docs
+
+docs = Docs(__file__)
+
+if __name__ == "__main__":
+ docs.render().queue().launch()
diff --git a/docs/components/WaterfallGallery/demos/basic.py b/docs/components/legacy/WaterfallGallery/demos/basic.py
similarity index 100%
rename from docs/components/WaterfallGallery/demos/basic.py
rename to docs/components/legacy/WaterfallGallery/demos/basic.py
diff --git a/docs/components/WaterfallGallery/demos/like_click_feedback.py b/docs/components/legacy/WaterfallGallery/demos/like_click_feedback.py
similarity index 100%
rename from docs/components/WaterfallGallery/demos/like_click_feedback.py
rename to docs/components/legacy/WaterfallGallery/demos/like_click_feedback.py
diff --git a/docs/components/WaterfallGallery/demos/load_more.py b/docs/components/legacy/WaterfallGallery/demos/load_more.py
similarity index 100%
rename from docs/components/WaterfallGallery/demos/load_more.py
rename to docs/components/legacy/WaterfallGallery/demos/load_more.py
diff --git a/docs/components/WaterfallGallery/demos/responsive_columns.py b/docs/components/legacy/WaterfallGallery/demos/responsive_columns.py
similarity index 100%
rename from docs/components/WaterfallGallery/demos/responsive_columns.py
rename to docs/components/legacy/WaterfallGallery/demos/responsive_columns.py
diff --git a/docs/components/legacy/app.py b/docs/components/legacy/app.py
new file mode 100644
index 00000000..b379d049
--- /dev/null
+++ b/docs/components/legacy/app.py
@@ -0,0 +1,35 @@
+import gradio as gr
+from api.app import docs as api_docs
+from components.legacy.Chatbot.app import docs as chatbot_docs
+from components.legacy.Docs import Docs
+from components.legacy.Flow.app import docs as flow_docs
+from components.legacy.Lifecycle.app import docs as lifecycle_docs
+from components.legacy.Markdown.app import docs as markdown_docs
+from components.legacy.MultimodalInput.app import docs as multimodel_input_docs
+from components.legacy.WaterfallGallery.app import \
+ docs as waterfall_gallery_docs
+
+import modelscope_studio.components.base as ms
+
+readme_docs = Docs(__file__)
+
+docs = [
+ ["Quick Start", readme_docs],
+ ["API", api_docs],
+ ["Chatbot", chatbot_docs],
+ ["MultimodalInput", multimodel_input_docs],
+ ["Markdown", markdown_docs],
+ ["Lifecycle", lifecycle_docs],
+ ["WaterfallGallery", waterfall_gallery_docs],
+ ["Flow", flow_docs],
+]
+
+with gr.Blocks() as legacy_demo:
+ with ms.Application():
+ with gr.Tabs() as components_tabs:
+ for doc in docs:
+ with gr.TabItem(doc[0], id=doc[0]):
+ doc[1].render(components_tabs)
+
+if __name__ == "__main__":
+ legacy_demo.launch()
diff --git a/docs/components/parse_markdown.py b/docs/components/legacy/parse_markdown.py
similarity index 100%
rename from docs/components/parse_markdown.py
rename to docs/components/legacy/parse_markdown.py
diff --git a/docs/components/resources/audio.wav b/docs/components/legacy/resources/audio.wav
similarity index 100%
rename from docs/components/resources/audio.wav
rename to docs/components/legacy/resources/audio.wav
diff --git a/docs/components/resources/bot.jpeg b/docs/components/legacy/resources/bot.jpeg
similarity index 100%
rename from docs/components/resources/bot.jpeg
rename to docs/components/legacy/resources/bot.jpeg
diff --git a/docs/components/resources/custom_components/custom_select.js b/docs/components/legacy/resources/custom_components/custom_select.js
similarity index 100%
rename from docs/components/resources/custom_components/custom_select.js
rename to docs/components/legacy/resources/custom_components/custom_select.js
diff --git a/docs/components/resources/dog.mp4 b/docs/components/legacy/resources/dog.mp4
similarity index 100%
rename from docs/components/resources/dog.mp4
rename to docs/components/legacy/resources/dog.mp4
diff --git a/docs/components/resources/image-bot.jpeg b/docs/components/legacy/resources/image-bot.jpeg
similarity index 100%
rename from docs/components/resources/image-bot.jpeg
rename to docs/components/legacy/resources/image-bot.jpeg
diff --git a/docs/components/resources/modelscope.svg b/docs/components/legacy/resources/modelscope.svg
similarity index 100%
rename from docs/components/resources/modelscope.svg
rename to docs/components/legacy/resources/modelscope.svg
diff --git a/docs/components/resources/music-bot.jpeg b/docs/components/legacy/resources/music-bot.jpeg
similarity index 100%
rename from docs/components/resources/music-bot.jpeg
rename to docs/components/legacy/resources/music-bot.jpeg
diff --git a/docs/components/resources/screen.jpeg b/docs/components/legacy/resources/screen.jpeg
similarity index 100%
rename from docs/components/resources/screen.jpeg
rename to docs/components/legacy/resources/screen.jpeg
diff --git a/docs/components/resources/user.jpeg b/docs/components/legacy/resources/user.jpeg
similarity index 100%
rename from docs/components/resources/user.jpeg
rename to docs/components/legacy/resources/user.jpeg
diff --git a/docs/components/tab-link.js b/docs/components/legacy/tab-link.js
similarity index 100%
rename from docs/components/tab-link.js
rename to docs/components/legacy/tab-link.js
diff --git a/docs/demos/example.py b/docs/demos/example.py
new file mode 100644
index 00000000..a5551f18
--- /dev/null
+++ b/docs/demos/example.py
@@ -0,0 +1,12 @@
+import gradio as gr
+
+import modelscope_studio.components.antd as antd
+import modelscope_studio.components.base as ms
+
+with gr.Blocks() as demo:
+ with ms.Application():
+ with antd.ConfigProvider():
+ antd.DatePicker()
+
+if __name__ == "__main__":
+ demo.queue().launch()
diff --git a/docs/helper/Docs.py b/docs/helper/Docs.py
new file mode 100644
index 00000000..c072332e
--- /dev/null
+++ b/docs/helper/Docs.py
@@ -0,0 +1,128 @@
+import os
+import re
+
+import gradio as gr
+
+import modelscope_studio.components.antd as antd
+import modelscope_studio.components.base as ms
+import modelscope_studio.components.legacy as mgr
+
+from .env import is_modelscope_studio
+from .parse_markdown import parse_markdown
+
+
+class Docs:
+
+ def __init__(self, file_path: str):
+ self.file_path = file_path
+ # default current directory
+ self.markdown_files = [
+ filename for filename in os.listdir(os.path.dirname(file_path))
+ if filename.endswith(".md")
+ ]
+ self.demo_modules = self._get_demo_modules()
+ if is_modelscope_studio:
+ self.markdown_files = list(
+ filter(
+ lambda x: x.endswith("-zh_CN.md") or
+ (f"{'.'.join(x.split('.')[:-1])}-zh_CN.md" not in self.
+ markdown_files), self.markdown_files))
+ else:
+ self.markdown_files = list(
+ filter(lambda x: not x.endswith("-zh_CN.md"),
+ self.markdown_files))
+
+ def _remove_formatter(self, markdown_text):
+ pattern = r"^ *---[\s\S]*?---"
+ replaced_text = re.sub(pattern, "", markdown_text)
+ return replaced_text
+
+ def _list_demos(self, dir_path: str, prefix=''):
+ result = []
+ if (not os.path.isdir(dir_path)):
+ return result
+ for name in os.listdir(dir_path):
+ path = os.path.join(dir_path, name)
+
+ if os.path.isfile(path):
+ result.append(prefix + name)
+ elif os.path.isdir(path):
+ sub_prefix = prefix + name + '/'
+ result.extend(self._list_demos(path, sub_prefix))
+
+ return result
+
+ def _get_demo_modules(self):
+ import importlib.util
+
+ demos = [
+ demo for demo in self._list_demos(
+ os.path.join(os.path.dirname(self.file_path), "demos"))
+ if demo.endswith(".py") and not demo.startswith("__")
+ ]
+ demo_modules = {}
+ for demo in demos:
+ demo_name = demo.split(".")[0]
+ spec = importlib.util.spec_from_file_location(
+ "demo",
+ os.path.join(os.path.dirname(self.file_path), "demos", demo))
+ module = importlib.util.module_from_spec(spec)
+ spec.loader.exec_module(module)
+ demo_modules[demo_name] = module
+ return demo_modules
+
+ def _read_file(self, relative_path: str):
+ with open(os.path.join(os.path.dirname(self.file_path), relative_path),
+ "r") as f:
+ return f.read()
+
+ def _render_demo(self,
+ demo_name,
+ prefix='',
+ suffix='',
+ fixed=False,
+ title=''):
+ content = self._read_file(f"./demos/{demo_name}.py")
+ module = self.demo_modules[demo_name]
+ with antd.Card(styles=dict(body=dict(padding=10)),
+ elem_style=dict(margin="8px 0")):
+ if title:
+ with ms.Slot("title"):
+ ms.Text(title)
+ with antd.Row(align="stretch", wrap=False):
+ with antd.Col(span=10):
+ with antd.Flex(elem_style=dict(height='100%')):
+ prefix = prefix + "\n" if prefix else ""
+ suffix = "\n" + suffix if suffix else ""
+ gr.Markdown(f"""{prefix}```python
+{content}
+```{suffix}""",
+ header_links=True)
+ antd.Divider(type="vertical",
+ variant="dashed",
+ elem_style=dict(height='100%'))
+ with antd.Col(
+ span=14,
+ elem_style=dict(
+ width='100%',
+ transform="translate(0, 0)" if fixed else None)):
+ module.demo.render()
+
+ def _render_markdown(self, markdown_file):
+ items = parse_markdown(self._remove_formatter(
+ self._read_file(markdown_file)),
+ read_file=self._read_file)
+ for item in items:
+ if item["type"] == "text":
+ mgr.Markdown(item["value"], header_links=True, preview=False)
+ elif item["type"] == "demo":
+ self._render_demo(item["name"],
+ prefix=item["prefix"],
+ suffix=item["suffix"],
+ fixed=item["fixed"],
+ title=item["title"])
+
+ def render(self):
+ with gr.Blocks() as demo:
+ self._render_markdown(self.markdown_files[0])
+ return demo
diff --git a/docs/helper/Site.py b/docs/helper/Site.py
new file mode 100644
index 00000000..2b8bda34
--- /dev/null
+++ b/docs/helper/Site.py
@@ -0,0 +1,197 @@
+from typing import Callable
+
+import gradio as gr
+from gradio.components.base import Component
+
+import modelscope_studio.components.antd as antd
+import modelscope_studio.components.base as ms
+
+
+class Site:
+
+ def __init__(self,
+ tabs: list,
+ docs: dict,
+ default_active_tab: str | None = None,
+ logo: Component | Callable | None = None):
+ self.tabs = tabs
+ self.docs = docs
+ self.default_active_tab = default_active_tab
+ self.default_active_tab_item = next(
+ (item for item in self.tabs if item["key"] == default_active_tab),
+ {})
+ self.logo = logo
+
+ def _render_docs(self, items: list, tab: dict):
+ docs_tabs = []
+ for item in items:
+ if "children" in item:
+ docs_tabs.extend(self._render_docs(item["children"], tab))
+ elif "key" in item:
+ key = item["key"].replace("-", "_")
+ tab_docs = self.docs.get(tab["key"], {})
+ if key in tab_docs:
+ with antd.Tabs.Item(
+ key=key,
+ visible=True if tab.get("default_active_key")
+ == key else False) as docs_tab:
+ docs_tabs.append(docs_tab)
+ tab_docs[key].render()
+ return docs_tabs
+
+ def render(self):
+
+ def on_tab_menu_select(e: gr.EventData):
+ selected_tab = e._data["payload"][0]["key"]
+ item = next(
+ (item for item in tab_components if item.key == selected_tab),
+ tab_components[0])
+
+ return {
+ tab_menu: gr.update(selected_keys=[selected_tab]),
+ tabs: gr.update(active_key=selected_tab),
+ item: gr.update(visible=True)
+ }
+
+ with gr.Blocks(css="""
+.gradio-container {
+ max-width: 100% !important;
+ padding: 0 !important;
+}
+""") as demo:
+ with ms.Application():
+ with antd.ConfigProvider():
+ with antd.Layout(elem_style=dict(
+ height=
+ "calc(100vh - var(--size-4) - var(--body-text-size) * 1.5)"
+ )):
+ with antd.Layout.Header(elem_style=dict(
+ padding='0 16px',
+ backgroundColor=
+ "var(--ms-gr-ant-color-bg-container)")):
+ with antd.Flex(align='center', gap=8):
+ if self.logo:
+ with antd.Flex(
+ justify="center",
+ align='center',
+ elem_style=dict(height='100%')):
+ if callable(self.logo):
+ self.logo()
+ else:
+ self.logo.render()
+ tab_menu = antd.Menu(
+ mode="horizontal",
+ selected_keys=[self.default_active_tab],
+ items=self.tabs,
+ elem_style=dict(flex=1, minWidth=0))
+
+ with antd.Tabs(
+ active_key=self.default_active_tab,
+ render_tab_bar="() => null",
+ ) as tabs:
+ tab_components = []
+ for tab in self.tabs:
+ with antd.Tabs.Item(
+ key=tab["key"],
+ elem_style=dict(
+ height=
+ "calc(100vh - var(--size-4) - var(--body-text-size) * 1.5 - 64px)"
+ ),
+ visible=True if self.default_active_tab
+ == tab["key"] else False) as tab_item:
+ tab_components.append(tab_item)
+ if "content" in tab:
+ # custom render
+ with ms.Div(elem_style=dict(
+ maxHeight="100%",
+ overflow="auto")):
+ tab["content"].render()
+ elif "menus" in tab:
+ # menus render
+ with antd.Layout(elem_style=dict(
+ height='100%')):
+ with antd.Layout.Sider(
+ elem_style=dict(
+ height=
+ "calc(100vh - 64px)",
+ overflow="auto",
+ position="relative",
+ backgroundColor=
+ "var(--ms-gr-ant-color-bg-container)"
+ )):
+ sider_menu = antd.Menu(
+ selected_keys=[
+ tab.get(
+ "default_active_key",
+ None)
+ ],
+ mode="inline",
+ items=tab.get("menus", []))
+ if "extra_menu_footer" in tab:
+ if callable(tab[
+ "extra_menu_footer"]
+ ):
+ tab["extra_menu_footer"](
+ )
+ else:
+ tab["extra_menu_footer"].render(
+ )
+
+ with antd.Layout(elem_style=dict(
+ width=0)):
+ with antd.Layout.Content(
+ elem_style=dict(
+ padding='12px 28px',
+ overflow="auto")):
+ with antd.Tabs(
+ active_key=tab.get(
+ "default_active_key",
+ None),
+ render_tab_bar=
+ "() => null"
+ ) as layout_content_tabs:
+ docs_tabs = self._render_docs(
+ tab.get(
+ "menus", []),
+ tab)
+
+ def on_layout_menu_select_wrapper(
+ tabs, sider_menu,
+ layout_content_tabs):
+
+ def on_layout_menu_select(
+ e: gr.EventData):
+ selected_menu = e._data["payload"][
+ 0]["key"]
+
+ item = next(
+ (item for item in tabs
+ if item.key == selected_menu),
+ tabs[0])
+
+ return {
+ sider_menu:
+ gr.update(selected_keys=[
+ selected_menu
+ ]),
+ layout_content_tabs:
+ gr.update(
+ active_key=selected_menu),
+ item:
+ gr.update(visible=True)
+ }
+
+ return on_layout_menu_select
+
+ sider_menu.select(
+ fn=on_layout_menu_select_wrapper(
+ docs_tabs, sider_menu,
+ layout_content_tabs),
+ outputs=[
+ sider_menu, layout_content_tabs,
+ *docs_tabs
+ ])
+ tab_menu.select(
+ fn=on_tab_menu_select,
+ outputs=[tab_menu, tabs, *tab_components])
+ return demo
diff --git a/docs/helper/env.py b/docs/helper/env.py
new file mode 100644
index 00000000..f8bcd124
--- /dev/null
+++ b/docs/helper/env.py
@@ -0,0 +1,3 @@
+import os
+
+is_modelscope_studio = os.getenv('MODELSCOPE_ENVIRONMENT') == 'studio'
diff --git a/docs/helper/parse_markdown.py b/docs/helper/parse_markdown.py
new file mode 100644
index 00000000..73f58104
--- /dev/null
+++ b/docs/helper/parse_markdown.py
@@ -0,0 +1,81 @@
+from html.parser import HTMLParser
+
+
+def default_read_file(path):
+ with open(path, "r") as f:
+ return f.read()
+
+
+enable_tags = ["demo", "demo-prefix", "demo-suffix", "file"]
+
+
+class MarkdownParser(HTMLParser):
+
+ def __init__(self, read_file=None):
+ super().__init__()
+ self.value = [{"type": "text", "value": ""}]
+ self.tag_stack = []
+ self.read_file = read_file or default_read_file
+ self.current_tag = None
+
+ def get_value(self):
+ return self.value
+
+ def handle_data(self, data: str) -> None:
+ if self.value[-1]["type"] == "text":
+ self.value[-1]["value"] += data
+ elif self.current_tag is None:
+ self.value.append({"type": "text", "value": data})
+ elif self.current_tag == "demo-prefix":
+ self.value[-1]["prefix"] += data
+ elif self.current_tag == "demo-suffix":
+ self.value[-1]["suffix"] += data
+
+ def handle_startendtag(self, tag: str, attrs) -> None:
+ if tag not in enable_tags:
+ self.handle_data(self.get_starttag_text())
+ return
+
+ def handle_starttag(self, tag: str, attrs) -> None:
+ if (tag not in enable_tags):
+ self.handle_data(self.get_starttag_text())
+ return
+ if tag == "demo":
+ self.value.append({
+ "type": "demo",
+ "name": dict(attrs)["name"],
+ "fixed": "fixed" in dict(attrs),
+ "prefix": "",
+ "suffix": "",
+ "title": dict(attrs).get("title", "")
+ })
+ elif tag == "file":
+ content = self.read_file(dict(attrs)["src"])
+ if self.value[-1]["type"] == "text":
+ self.value[-1]["value"] += content
+ elif self.current_tag == "demo-prefix":
+ self.value[-1]["prefix"] += content
+ elif self.current_tag == "demo-suffix":
+ self.value[-1]["suffix"] += content
+ self.current_tag = tag
+ self.tag_stack.append(self.current_tag)
+
+ def handle_endtag(self, tag: str) -> None:
+
+ if (tag not in enable_tags):
+ self.handle_data(f"")
+ return
+ if (len(self.tag_stack) > 0):
+ self.tag_stack.pop()
+ if (len(self.tag_stack) > 0):
+ self.current_tag = self.tag_stack[-1]
+ else:
+ self.current_tag = None
+ else:
+ self.current_tag = None
+
+
+def parse_markdown(markdown: str, read_file=None):
+ parser = MarkdownParser(read_file=read_file)
+ parser.feed(markdown)
+ return parser.get_value()
diff --git a/docs/legacy_app.py b/docs/legacy_app.py
new file mode 100644
index 00000000..d7b855df
--- /dev/null
+++ b/docs/legacy_app.py
@@ -0,0 +1,6 @@
+from components.legacy.app import legacy_demo
+
+demo = legacy_demo
+
+if __name__ == "__main__":
+ demo.launch()
diff --git a/docs/requirements.txt b/docs/requirements.txt
index b4f81f0e..793fbae6 100644
--- a/docs/requirements.txt
+++ b/docs/requirements.txt
@@ -1,2 +1,2 @@
modelscope_studio
-modelscope_studio-0.4.0-py3-none-any.whl
+modelscope_studio-1.0.0b3-py3-none-any.whl
diff --git a/docs/resources/gradio.png b/docs/resources/gradio.png
new file mode 100644
index 0000000000000000000000000000000000000000..8b0eedf4af724e36d28caa72882695cb0a5e5e06
GIT binary patch
literal 52484
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
@@ -9,66 +11,67 @@
+