ecp_widget 2.1.0

翼协云公共组件库

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),///搜索时回调
      );

选人

• 按部门选人

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,///是否允许不选人
  });