flutter_element_plus library

Classes

Calendar
EAffix
EAlert
An alert component that follows Element Plus design guidelines.
EAutocomplete
EAvatar
EBackTop
EBasicColors
EBasicTextField
EButton
A customizable button component that follows Element Plus design guidelines.
ECard
A card component that follows Element Plus design guidelines.
ECarousel
ECheckbox
A checkbox component that follows Element Plus design guidelines.
ECheckboxGroup
ECollapse
A collapsible panel component that follows Element Plus design guidelines.
ECollapsePanel
A panel in a collapse component.
EColorPicker
EColorTypes
EDatePicker
EDatePickerStyle
EDescriptionItem
描述项,包含标签和内容
EDescriptions
美化后的描述列表组件
EDialog
A dialog component that follows Element Plus design guidelines.
EDrawer
A drawer component that follows Element Plus design guidelines.
EEmpty
EForm
EFormController
公共的 EFormController 类,用于外部访问表单状态
EFormItem
EFormLabelPosition
EImage
An image component that follows Element Plus design guidelines.
EInfiniteScroll
An infinite scroll component that follows Element Plus design guidelines.
EInput
A text input component that follows Element Plus design guidelines.
EInputNumber
An input component for entering numbers with increment/decrement controls. It follows Element Plus design guidelines and provides features like:
EInputTag
An input component that allows users to enter and manage multiple tags. It follows Element Plus design guidelines and provides features like:
ElememtSize
EList
自定义 physics:限制顶部最大overscroll,并在惯性阶段用弹簧回弹处理
EListController
控制EList组件的Key与方法
EMention
A mention component that allows users to mention other users or entities by typing a trigger prefix (e.g., @) followed by text. It follows Element Plus design guidelines and provides features like:
EMessage
A message component that follows Element Plus design guidelines.
EMessageController
A controller for showing messages using an overlay.
EPagination
A pagination component that follows Element Plus design guidelines.
EPaginationLayout
EProgress
Defines the available statuses for the progress indicator.
ERadio
ERadio 组件,支持独立使用或与 ERadioGroup 组合使用,支持不同尺寸、状态和样式。
ERadioGroup
一组单选框,管理选中状态
ERate
EResult
A result component that follows Element Plus design guidelines.
EScrollbar
ESelect
ESkeleton
ESkeletonItem
ESlider
A slider component that allows users to select a value within a range. It follows Element Plus design guidelines and provides features like:
EStep
步骤条每个分步的数据模型
ESteps
ESteps 组件:参考 Element Plus,增加了属性和布局兼容
ETable
A table component that follows Element Plus design guidelines.
ETableColumn
A column definition for the ETable component.
ETabPane
ETabs
ETag
ETimeline
ETimelineItem
ETimePicker
A time picker component that allows users to select a time of day. It follows Element Plus design guidelines and provides features like:
FlCountdown
FlNavItem
FlSegmented<T>
A segmented control widget that displays a group of selectable options.
FlSegmentedOption<T>
A segmented control option with label, value, and optional icon.
FlStatistic
FlTree
A tree widget that displays hierarchical data in a tree structure. It follows Element Plus design guidelines.
FlTreeNode
A tree component that displays hierarchical data in a tree structure. It supports features like checkboxes, node expansion, and drag-and-drop.
MentionOption
Represents an option in the mention component.
SelectOption
Select 组件的选项
TrianglePainter
Watermark
A widget that adds a watermark overlay to its child widget. The watermark is created by repeating text with customizable properties like rotation, color, size, spacing, and opacity.
WatermarkPainter
A custom painter that draws a watermark pattern on a canvas. The watermark consists of repeated text with customizable rotation, color, size, spacing, and opacity.
WidgetPreview

Enums

CalendarType
DatePickerType
EAlertPosition
The position of the alert when displayed as an overlay.
EAvatarShape
ECardShadow
The shadow style of the card.
ECarouselArrow
ECarouselDirection
ECollapsePanelPosition
The position of the expand icon in a collapse panel.
EColorType
EDescriptionsDirection
描述列表方向
EDialogPlatform
平台类型枚举
EInputNumberControlsPosition
Defines the position of the increment/decrement controls.
EInputNumberSize
Defines the available sizes for the input number component.
EInputTagTrigger
Defines the available sizes for the input tag component. Defines the trigger events for adding a new tag.
EProgressType
Defines the available types of progress indicators.
EResultStatus
The status of the result component.
ESizeItem
EStepDirection
步骤条的方向:横向或纵向
ETabType
EThemeType
ETimelineItemType
RefreshHeaderMode

Functions

buildDescriptionsTitle({Widget? titleWidget, String? title, TextStyle? titleStyle}) Widget?
标题渲染部分单独提取为方法
calculateBackgroundColor(Color backgroundColor, {bool isActive = false, bool isDisabled = false, bool isPlain = false}) Color
calculateBorderColor(Color backgroundColor, {bool isActive = false, bool isDisabled = false, bool isPlain = false}) Color
calculateContentColor(Color backgroundColor, {bool isActive = false, bool isPlain = false, bool isDisabled = false, bool isLink = false}) Color
defaultTagBuilder(BuildContext context, String tag, EColorType colorType, Color? customColor, String? tagEffect, ESizeItem size, double? customFontSize, bool disabled, bool readOnly, String? hoveredTag, dynamic onRemoveTag(String)) Widget
Default tag builder that creates a tag widget with standard styling
getBackGroundColorByTypeAndTheme({EColorType type = EColorType.primary, EThemeType theme = EThemeType.light, Color? customColor}) Color
getColorByType({EColorType type = EColorType.primary, Color? customColor}) Color
getDefaultContentColorByTypeAndTheme({EColorType type = EColorType.primary, EThemeType theme = EThemeType.light, Color? customColor}) Color
getDefaultFormat(CalendarType type) String
getDefaultIconByType(EColorType type, {IconData? customIcon}) IconData
getMessageBackgroundColor(EColorType type) Color
showAlert({required BuildContext context, required String title, String? description, EColorType type = EColorType.info, Color? customColor, bool closable = true, bool showIcon = true, IconData? icon, VoidCallback? onClose, bool center = false, Widget? closeButton, EdgeInsets? padding, Duration? autoCloseDuration, EThemeType theme = EThemeType.dark, double? width, EAlertPosition position = EAlertPosition.center}) Future<void>
Shows an alert dialog that overlays the current screen.
showCalendarDialog<T>(BuildContext context, {String? initialDate, CalendarType type = CalendarType.date, DateTime? minDate, DateTime? maxDate, List<DateTime>? initialRange, ValueChanged? onSelect, Widget? prevMonth, Widget? nextMonth, Widget? prevYear, Widget? nextYear, String? format}) Future<T?>
showEDialog({required BuildContext context, String? title, Widget? content, List<Widget>? actions, bool showClose = true, double width = 420, double? height, EdgeInsets? padding, EdgeInsets? margin, bool center = false, bool lockScroll = true, bool closeOnClickModal = true, bool closeOnPressEscape = true, bool draggable = false, Widget? customHeader, Widget? customFooter, EDialogPlatform platform = EDialogPlatform.auto}) Future<void>
Shows a dialog with the given parameters
showEDrawer({required BuildContext context, String? title, Widget? content, bool showClose = true, double width = 420, double? height, EdgeInsets? padding, String direction = 'rtl', bool modal = true, bool lockScroll = true, bool closeOnClickModal = true, bool closeOnPressEscape = true, Widget? customHeader, Color? backgroundColor, double? size}) Future<void>
Shows a drawer with the given parameters

Typedefs

CarouselChangeCallback = void Function(int newIndex, int oldIndex)
EFormItemValidator = String? Function()