components library

Element 公共小部件集合

Classes

B
Del
ElBaseAnimation
ElBgColor
ElBreakpointNotifier
响应式断点对象
ElBrightness
ElCacheImage
网络图片缓存类,此类相当于 NetworkImage,你需要使用 Image 小部件加载它, 代码示例:
ElChildIndex
一个功能小部件,让迭代的列表子元素确认自身所在的位置
ElCollapseAnimation
折叠动画
ElDialog
Element UI 对话框组件。
ElDialogService
ElDialogState
ElDrag
基于 ElListener 实现的监听拖拽事件小部件,它不参与 GestureArenaManager 手势竞技场
ElDragStartDetails
ElDrawer
Element UI 抽屉组件。
ElDrawerService
ElDrawerState
ElEmptyWidget
不渲染任何内容的小部件,它的作用仅充当占位符
ElEvent
ElListener 的基础上再进行一层封装,使其支持单击、双击、三击、右键、长按、悬停等功能, 该小部件不参与手势竞技场,使用它相当于直接使用 Listener 监听原始指针, 相互嵌套会产生事件冒泡,要阻止冒泡可以插入 ElStopPropagation 小部件
ElFadeAnimation
ElFadeTap
ElFontWeight
ElGrid
网格布局容器,注意:不要拿该组件去渲染大量数据,有此需求请使用 GridView 小部件
ElHorizontalDrag
监听水平拖拽
ElHorizontalScrollWidget
ElIcons
Element UI 字体图标集合,总计 280 个图标,图标库的尺寸约为 55 kb,打包时会剔除未使用的图标
ElIconTheme
Element 图标主题小部件,该小部件通常用于定义全局图标默认样式, 对于局部图标样式请使用 IconTheme 小部件
ElLayoutBuilder
LayoutBuilder 进行封装,该小部件可以更高效地监听尺寸变化
ElLayoutBuilderState
ElLinkPopup
使用 LayerLink 链接 child 与 popup 的位置,在目标小部件周围显示弹出层
ElLinkPopupState<T extends ElLinkPopup>
ElListener
对原始指针进行一层封装,使其支持事件冒泡
ElLoading
Element 加载小部件,允许将任意小部件进行旋转处理
ElModalTransition
模态框动画
ElModelValue<D>
双向绑定抽象类,除了继承此类外,你还需要在 State 混入 ElModelValueMixin
ElNavigationDrawer
构建导航抽屉,允许在边缘划出抽屉(仅支持左侧、右侧方向抽屉)
ElNullElement
空 Element 实例,通常用于初始化 Element 数组
ElNullWidget
空 Widget 实例,通常用于在 build 条件分之中返回不可到达代码
ElOverlay
构建浮层区域,其功能与 Overlay 一样,都是用于在页面上渲染多个独立的弹出层元素, 之所以不使用 Overlay 是因为实现保持弹窗状态比较困难,而 ElOverlay 只需要修改 index 即可调整窗口绘制权重。
ElOverlayEntry
显示在 ElOverlay 上的每个浮层元素,该小部件只是一个代理,child 的内容与 OverlayEntry 完全一致, 你可以直接通过 Positioned 设置子类的偏移,也可以通过 CompositedTransformFollower 链接目标位置。
ElOverlayState
ElPointerManager
一个简单的手势竞技场,它的作用是为了阻止 Listener 原始指针事件小部件的事件冒泡
ElPopover
Popover 弹出框,用于展示轻量级内容,该小部件在 ElLinkPopup 的基础上添加了默认事件代理, 通常适合展示类似于 tooltip 之类的提示面板
ElPopoverBuilder
在目标子组件上构建默认的交互小部件
ElPopoverState<T extends ElPopover>
ElPopup
基于 ElOverlay 实现的弹出层小部件,构建的浮层由 ElOverlay 绘制,显示、隐藏弹窗支持状态保留
ElPopupRoute<T>
基于 Route 实现的命令式弹出层,通过路由打开的弹窗是一次性的,关闭即销毁
ElPopupState<T extends ElPopup>
ElRenderVirtualScroll
ElResponsive
ElResponsiveData
响应式断点配置
ElScaleAnimation
ElScaleTap
ElScaleTransition
ElScrollbar
ElScrollBehavior
定义全局默认的滚动配置
ElSimpleModelValue<D>
适用于 StatelessWidget 双向绑定小部件
ElSlideAnimation
ElSlideTransition
ElStopPropagation
ElTapOutSide
ElText
ElTextTheme
Element 文本主题小部件,该小部件通常用于定义全局文本默认样式, 对于局部文本样式请使用 DefaultTextStyle 小部件
ElTextThemeData
ElVerticalDrag
监听垂直拖拽
ElVirtualScroll<D>
虚拟滚动小部件,该小部件可以高效地渲染大量数据
ElVirtualScrollController
ElVirtualScrollElement<D>
ElZoomAnimation
ElZoomTransition
H1
H2
H3
H4
H5
H6
I
P

Enums

ElEventType
ElLinkDecoration
ElModelValueType
支持双向绑定的组件类型
ElPopupAdjustPosition
指定弹窗如何触发重新定位
ElPopupAlignment
弹出层的对齐方式
ElPopupRemoveBehavior
触摸 popup 弹窗外部时的移除策略
ElScrollbarShowMode
Element UI 滚动条显示模式
ElZoomTransitionType
Zoom 缩放动画类型

Mixins

ElDragMixin
ElListenerMixin 基础上实现拖拽事件
ElElHorizontalDragMixin
ElListenerMixin
扩展 RenderBox,此 Mixin 预设了 Listener 小部件提供的原始指针事件方法, 并重写 handleEvent 提供阻止事件冒泡机制。
ElModelValueMixin<T extends ElModelValue<D>, D>
ElTapMixin
ElListenerMixin 基础上实现高级指针事件,使其支持单击、双击、三击、右键、长按...
ElVerticalDragMixin

Typedefs

ElGestureDragStartCallback = bool? Function(ElDragStartDetails details)
ElIconThemeRecord = ({IconThemeData darkIconTheme, IconThemeData iconTheme})