ecp_widget

ecp_widget 是翼协云底座公共组件库

此库专为内部项目需求设计,若不符合您的使用场景,敬请谅解。

安装

在 pubspec.yaml 中添加依赖:

dependencies:
  ecp_widget: ^2.0.19

组件总览

分类 组件
弹窗 EcpAlertDialog、EcpBottomSheetDialog、EcpBottomSinglePicker、EcpCenterDialog、EcpTipsDialog
基础组件 EcpAvatar(头像)、EcpCachedNetImage(网络图缓存)、EcpCommonBtn(通用按钮)、EcpCornerMark(角标)、EcpIcon、EcpNavBarView(导航栏)、EcpSimpleCard(卡片)、EcpSimpleFormListView(表单列表)、EcpCommonOpinion(意见填写)、EcpGallery(图片预览)
日期时间 EcpDatePicker、EcpDateRangePicker、EcpDateTimePicker、EcpTimePicker
筛选 EcpFilterWidget、EcpFilterDialog、DateRangeFilterItem
选人/选部门 DepartmentUserPicker、EcpDepartmentPicker、EcpDepartmentUserPicker、EcpRolePicker、EcpUnitPicker、EcpUserPicker
搜索 SearchWithBtn、SearchWithDel
其他 IndexedTabScrollView、IndexedWidget、CrumbItem(面包屑)、UserPickerItem、字符串扩展、EcpHtml(富文本展示)

搜索

  • 带删除按钮的搜索框
SearchWithDel(
  onSearchClick: (text) => SmartDialog.SmartDialog.showToast(text),///搜索时回调
);
  • 带按钮的搜索框
SearchWithBtn(
        onSearchClick: (text) => SmartDialog.SmartDialog.showToast(text),///搜索时回调
      );

Screenshot_20221123-175224.png

选人

  • 按部门选人
DepartmentUserPicker(
      {Key? key,
      this.limitNum = noLimited, ///限制数
      this.allowEmpty = false, ///是否允许不选人
      required this.userSelectorBuilder, ///选择人员列表Item样式
      required this.userSelectedBuilder, ///已选择人员列表Item样式
      required this.departmentBuilder, ///部门列表Item样式
      required this.crumbBuilder, ///面包屑列表Item样式
      this.departmentRepo, ///部门列表数据来源,包含子部门列表数据
      this.userRepo, /// 用户列表数据来源
      this.userSearchRepo, // 用户列表搜索数据来源
      });

或者直接使用翼协云公共样式

EcpDepartmentUserPicker({
    super.key,
    super.limitNum,///限制数
    super.allowEmpty,///是否允许不选人
  });
  • 选人控件 继承DepartmentUserPicker时,不传入departmentRepo即可
DepartmentUserPicker(
      {Key? key,
      this.limitNum = noLimited, ///限制数
      this.allowEmpty = false, ///是否允许不选人
      required this.userSelectorBuilder, ///选择人员列表Item样式
      required this.userSelectedBuilder, ///已选择人员列表Item样式
      required this.departmentBuilder, ///部门列表Item样式
      required this.crumbBuilder, ///面包屑列表Item样式
      this.departmentRepo, ///部门列表数据来源,包含子部门列表数据
      this.userRepo, /// 用户列表数据来源
      this.userSearchRepo, // 用户列表搜索数据来源
      });

默认翼协云公共样式

EcpUserPicker({
    super.key,
    super.limitNum,///限制数
    super.allowEmpty,///是否允许不选人
  });

Libraries

constants/ecp_widget_constants
ecp_widget
entities/ecp_opinion_entity
entities/select_wrapper
exts/ecp_widget_string_ext
exts/html/ecp_html
exts/html/ecp_img_ext
exts/html/ecp_table_ext
exts/select_wrapper_list_ext
network/ecp_widget_api
network/ecp_widget_path
resources/ecp_widget_colors
resources/ecp_widget_style
utils/reg
utils/segments
utils/typed_func
widgets/default_circle_icon
widgets/dialog/ecp_alert_dialog
widgets/dialog/ecp_bottom_multi_picker
widgets/dialog/ecp_bottom_sheet_dialog
@author lzj
widgets/dialog/ecp_bottom_single_picker
widgets/dialog/ecp_center_dialog
widgets/dialog/ecp_comment_dialog
widgets/dialog/ecp_tips_dialog
widgets/dialog/picker_dialog
widgets/ecp_avatar
widgets/ecp_cached_net_image
widgets/ecp_common_btn
widgets/ecp_common_opinion
widgets/ecp_corner_mark
widgets/ecp_date_picker
widgets/ecp_date_range_picker
widgets/ecp_date_time_picker
widgets/ecp_expandable
widgets/ecp_icon
widgets/ecp_nav_bar_view
widgets/ecp_scaffold
widgets/ecp_simple_card
widgets/ecp_simple_form_list_view
widgets/ecp_time_picker
widgets/filters/date_range_filter_item
widgets/filters/ecp_filter_dialog
widgets/filters/ecp_filter_widget
widgets/fitted_check_box
widgets/indexed_tab_scroll_view
widgets/indexed_widget
widgets/items/crumb_item
widgets/items/ecp_picker_tile_item
widgets/items/unit_picker_item
widgets/items/user_picker_item
widgets/pickers/department_user_picker
widgets/pickers/department_user_repo
widgets/pickers/ecp_department_picker
widgets/pickers/ecp_department_user_picker
widgets/pickers/ecp_role_picker
widgets/pickers/ecp_tile_picker
widgets/pickers/ecp_unit_picker
@author lzj
widgets/pickers/ecp_user_picker
widgets/pickers/selected_list
widgets/round_image
widgets/search/search_with_btn
widgets/search/search_with_del