lenamax2355 / feffery-antd-components

Dash + Antd = 😍

Home Page:http://fac.feffery.tech

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

feffery-antd-components

GitHub PyPI PyPI - Downloads PyPI - Downloads

feffery-components计划子项目,Plotly Dash第三方组件库,将Antd中的常用组件带入Dash的世界🥳,最新版本:0.0.1rc7测试版本迭代中,敬请期待第一个正式版本的发布😇

1 最新版本安装方式

pip install feffery-antd-components==0.0.1rc7

2 最新开发版本安装方式

pip install git+https://github.com/CNFeffery/feffery-antd-components.git

国内镜像加速安装方式:

pip install git+https://hub.fastgit.org/CNFeffery/feffery-antd-components.git

或:

pip install git+https://github.com.cnpmjs.org/CNFeffery/feffery-antd-components.git

3 静态资源CDN加速方法(0.0.1rc7及以上版本可用)

# 非debug模式下对Dash()传入参数serve_locally=False会强制浏览器端从unpkg加载各个依赖的
# xxx.min.js等静态资源,从而避免直接占用服务器带宽,适合中小型站点加速访问,提升用户体验
app = dash.Dash(serve_locally=False)

4 已包含组件

  • 日期选择框:AntdDatePicker
  • 日期范围选择框:AntdDateRangePicker
  • 分割线:AntdDivider
  • 按钮:AntdButton
  • 下拉选择:AntdSelect
  • 树形控件:AntdTree
  • 表格控件:AntdTable
  • 锚点:AntdAnchor
  • 穿梭框:AntdTransfer
  • 滑杆输入:AntdSlider
  • 步骤条:AntdSteps
  • 导航菜单:AntdMenu
  • 折叠面板:AntdCollapse
  • 栅格系统
    • AntdRow
    • AntdCol
  • 布局
    • AntdLayout
    • AntdHeader
    • AntdContent
    • AntdFooter
    • AntdSider
  • 对话框:AntdModal
  • 警告提示:AntdAlert
  • 通知提醒框:AntdNotification
  • 全局提示:AntdMessage
  • 标签:AntdTag
  • 结果:AntdResult
  • 输入框:AntdInput
  • 文字提示:AntdTooltip
  • 选择框:AntdCheckbox
  • 组合选择框:AntdCheckboxGroup
  • 加载动画:AntdSpin
  • 开关:AntdSwitch
  • 排版
    • AntdTypography
    • AntdParagraph
    • AntdTitle
    • AntdText
    • AntdLink
  • 标签页
    • AntdTabs
    • AntdTabPane
  • 分页:AntdPagination
  • 树选择:AntdTreeSelect
  • 抽屉:AntdDrawer
  • 气泡卡片:AntdPopover
  • 空状态:AntdEmpty
  • 级联选择:AntdCascader
  • 单选框:AntdRadio
  • 上传:AntdUpload
  • 气泡确认框:AntdPopconfirm
  • 回到顶部:AntdBackTop
  • 骨架屏:AntdSkeleton
  • 固钉:AntdAffix
  • 面包屑:AntdBreadcrumb
  • 下拉菜单:AntdDropdown
  • 数字输入框:AntdInputNumber
  • 评分:AntdRate
  • 统计数值:AntdStatistic
  • 倒计时:AntdCountdown
  • 时间轴:AntdTimeline
  • 进度条:AntdProgress
  • 头像:AntdAvatar
  • 徽标数:AntdBadge
  • 缎带:AntdRibbon
  • 时间选择框:AntdTimePicker
  • 时间范围选择框:AntdTimeRangePicker
  • 走马灯:AntdCarousel
  • 拖拽上传组件:AntdDraggerUpload
  • 表单:AntdForm
  • 卡片
    • AntdCard
    • AntdCardGrid
  • 提及:AntdMentions
  • 图片:AntdImage
  • 页头:AntdPageHeader
  • 日历:AntdCalendar
  • 评论:AntdComment
  • 描述列表
    • AntdDescriptions
    • AntdDescriptionItem

5 在线交互式说明文档

文档地址

6 近期TODO计划

  • 为以下表单输入类组件增加persistence相关特性
    • AntdTabs
      • activeKey
    • AntdCalendar
      • value
    • AntdCascader
      • value
    • AntdCheckbox
      • checked
    • AntdCheckboxGroup
      • value
    • AntdCollapse
      • is_open
    • AntdDatePicker
      • value
    • AntdDateRangePicker
      • value
    • AntdInput
      • value
    • AntdInputNumber
      • value
    • AntdMenu
      • currentKey
      • openKeys
    • AntdPagination
      • current
      • pageSize
    • AntdRadioGroup
      • value
    • AntdSelect
      • value
    • AntdSwitch
      • checked
    • AntdTimePicker
      • value
    • AntdTimeRangePicker
      • value
    • AntdTransfer
      • targetKeys
    • AntdTree
      • selectedKeys
      • checkedKeys
      • expandedKeys
    • AntdTreeSelect
      • value
  • 为以下组件添加多语种环境切换参数locale
    • AntdParagraph
    • AntdText
    • AntdTitle
    • AntdCalendar
    • AntdCascader
    • AntdComment
    • AntdDatePicker
    • AntdDatePickerRange
    • AntdDraggerUpload
    • AntdEmpty
    • AntdImage
    • AntdModal
    • AntdPagination
    • AntdPopconfirm
    • AntdSelect
    • AntdTable
    • AntdTimePicker
    • AntdTimePickerRange
    • AntdTransfer
    • AntdTreeSelect
    • AntdUpload
  • 为以下组件增加响应式功能
    • AntdDescriptions
    • AntdRow
    • AntdCol
    • AntdSider
    • AntdAvatar

About

Dash + Antd = 😍

http://fac.feffery.tech

License:MIT License


Languages

Language:JavaScript 50.8%Language:Python 30.0%Language:Julia 19.1%Language:CSS 0.1%Language:Shell 0.0%