1.0.75 • Published 2 years ago

@baic/yolk-web-ui v1.0.75

Weekly downloads
385
License
MIT
Repository
github
Last release
2 years ago

@baic/yolk-web-ui

yolk的web平台常用UI场景组件

使用

yarn add @baic/yolk-web-ui

API

DatePicker

折叠控件
参数说明类型默认值
autoFixDate输入框自动补全修复日期boolean-

Collapse

折叠控件
参数说明类型默认值
title标题ReactNode-
toolbar标题工具栏ReactNode-
keepAlive折叠之后是否保持Domboolean-
defaultCollapse折叠默认值booleantrue
collapse控制折叠boolean-
onCollapse折叠事件function-

Flex

布局组件，css的flex参数化组件
参数说明类型默认值
inline等于inline-flexboolean-
direction等于flex-directioncolumn | row | column-reverse | row-reverse-
alignItems等于align-itemsstart | center | end-
alignContent等于align-contentstart | center | end-
justifyContent等于justify-contentstart | center | end-
wrap等于flex-wrap: wrap;boolean | wrap | wrap-reverse-
width适应宽度none | auto | ReactTextauto

Grid

Flex组件网格化衍生
参数说明类型默认值
data显示数据GridDataItem[]-
span列数number3
ellipsis是否过长省略boolean-
size尺寸small | middle | largemiddle
defaultLabelWidth参见Flex参见Flex30
defaultValueWidth参见Flex参见Flexauto
defaultLabelAlignItems参见Flex参见Flexcenter
defaultValueAlignItems参见Flex参见Flexcenter
defaultLabelJustifyContent参见Flex参见Flexcenter
defaultValueJustifyContent参见Flex参见Flex-
bordered是否有边框boolean-
itemDirection单项排列方向vertical | horizontalhorizontal

GridDataItem

Grid的data参数类型
参数说明类型默认值
label显示数据ReactNode-
value显示数据ReactNode-
width参见Flex参见Flex-
labelWidth参见Flex参见Flex-
valueWidth参见Flex参见Flex-
labelAlignItems参见Flex参见Flex-
valueAlignItems参见Flex参见Flex-
labelJustifyContent参见Flex参见Flex-
valueJustifyContent参见Flex参见Flex-
labelTooltip省略提示boolean-
valueTooltip省略提示boolean-
required是否显示必填boolean-

LinkButton

链接化按钮组件

LinkButton.Group

链接按钮组

LinkButton.Merge

链接按钮合并组
参数说明类型默认值
title合并以后标题ReactNode更多

Loading

absolute的加载组件
参数说明类型默认值
nodeloading的组件ReactNode-

Required

必填组件

SearchLayout

查询条件布局
参数说明类型默认值
data显示数据ReactNode(FormItem、createFormItem组件)-
span列数number3
spanMediaMinWidth列数自适应减1的最小宽度number800
toolbar工具栏ReactNode-
allowCollapse是否允许折叠booleantrue
collapse折叠booleantrue
searchContent查询文案ReactNode查询
resetContent重置文案ReactNode重置
collapseContent折叠文案ReactNode | function高级查询
onSearch查询按钮事件function-
disabledSearch禁用折叠boolean-
onReset重置按钮事件function-
onCollapse折叠事件function-
form表单实例FormInstance-
toolbarFollow工具栏跟随boolean-
toolbarFlexPropstoolbar的Flex参数FlexProps-

Title

标题
参数说明类型默认值
prefix前缀boolean-
divider隔线boolean-
toolbar工具栏ReactNode-

Wrapper

内容容器，合并Modal、Drawer、内嵌页面
参数说明类型默认值
mode模式booleanpage | inline | modal
title标题ReactNode-
width宽度ReactText-
onOk确定事件function-
onCancel关闭事件function-
footer页脚ReactNode-

Input

输入组件
参数说明类型默认值
formatter格式化function-
filter过滤function-
tooltip实际内容提示boolean-
edit是否是编辑模式boolean-
onReadonly非编辑模式转换function-

NumberInput

Iput的数字组件
参数说明类型默认值
decimal精度number-
zeroStart是否允许0开头boolean-
negative是否可为负boolean-

MobileInput

NumberInput的金额组件的mobile组件

BankInput

NumberInput的金额组件的银行卡号组件

Iconfont

与Provider配合的iconfont资源组件

Table

antd.Table的扩展
参数说明类型默认值
toolbar列表上方工具位ReactNode-
transformEmptyData空数据转换方式boolean | functiontrue
dragSort开启拖拽排序功能boolean | DragSort-
floatFooter开启浮动footerboolean-
virtual列表虚拟化boolean-

Table.createDragSortComponent(node: ReactNode);

开启dragSort之后，自定义拖动触发组件

Table.Props'columns'

columns的扩展
参数说明类型默认值
color颜色CSSProperties'color'-
tag包裹Tag标签boolean | TagProps-
unit标题单位ReactNode-
ellipsis原ellipsis扩展boolean | number | function-
formatter标题单位function-
fontWeight字体粗细CSSProperties'fontWeight'-

PagingTable

Table的分页组件
参数说明类型默认值
url请求接口string-
data请求参数object-
onRequestParams转换请求参数function-
defaultCurrent默认分页开始number-
defaultPageSize默认每页长度number-
formatResult请求转换分页数据function-
formatPagingParams请求转换分页参数function-
onRequestSuccess请求成功事件function-
emptyDataSourceBackCurrent如果dataSource为空数组，检查当前 pagination.current > 1 重新刷新function-

SearchTable

Table的查询分页组件，参见PagingTable参数
参数说明类型默认值
form表单实例FormInstance-
searchSearchLayout的data参数(注：因为与查询依赖，建议使用useCallback)function | ReactNode-
searchPropsSearchLayout参数SearchLayoutProps-
onSearch查询事件function-
onReset重置事件function-
emptyDataSourceBackCurrent如果dataSource为空数组，检查当前 pagination.current > 1 重新刷新function-

QrCode

二维码组件
参数说明类型默认值
value转换二维码字符串string-

BarCode

条形码组件
参数说明类型默认值
value转换条形码字符串string-

TimerButton

倒计时按钮
参数说明类型默认值
formatter倒计时内容格式化function-
onClick点击事件function-
onBeforeClick点击触发前事件function-
time倒计时时间number-

ImagePreview

图片预览
参数说明类型默认值
visible是否显示boolean-
icons按钮object-
onClose关闭事件function-
urls图片组string[]-
current当前图片string-

Provider

用于当前库的全局默认定义
参数说明类型默认值
antdConfigPropsantd.ConfigProvider参数ConfigProviderProps-
inputMaxLength输入组件默认长度number-
textareaMaxLength输入组件默认长度number-
iconfontScriptUrlIconfont资源来源string | string[]-
titlePropsTitle组件参数TitleProps-
gridPropsGrid组件参数GridProps-
wrapperGetContainerWrapper组件inLine的containerfunction-
tablePropsTable参数TableProps-
rangeNumberPropsRangeNumber参数RangeNumberProps-
searchLayoutPropsSearchLayout参数SearchLayoutProps-
linkButtonDivider是否取消LinkButton的分割线boolean-

RangeNumber

Input的数字组件的区间组件
参数说明类型默认值
shouldEqual是否允许相等booleantrue

Util

yolk-web的Util扩展

Util.previewImage({urls: string[], current?: string});

预览图片
@baic/yolk-web@types/qrcode.react@types/react-windowahooksdeepmergejsbarcodeqrcode.reactreact-sortable-hocreact-window
@everything-registry/sub-chunk-110@zalastax/nolb-_bai@baic/yolk-web-dependencies@baic/preset-yolk-web
1.0.75

2 years ago

1.0.73

2 years ago

1.0.74

2 years ago

1.0.66

3 years ago

1.0.65

3 years ago

1.0.69

3 years ago

1.0.68

3 years ago

1.0.67

3 years ago

1.0.72

3 years ago

1.0.71

3 years ago

1.0.70

3 years ago

1.0.62

4 years ago

1.0.61

4 years ago

1.0.64

4 years ago

1.0.63

4 years ago

2.0.1-alpha.0

4 years ago

1.0.60

4 years ago

1.0.49

4 years ago

1.0.51

4 years ago

1.0.50

4 years ago

1.0.55

4 years ago

1.0.54

4 years ago

1.0.53

4 years ago

1.0.52

4 years ago

1.0.59

4 years ago

1.0.58

4 years ago

1.0.57

4 years ago

1.0.56

4 years ago

1.0.39

4 years ago

1.0.38

4 years ago

1.0.40

4 years ago

1.0.44

4 years ago

1.0.43

4 years ago

1.0.42

4 years ago

1.0.41

4 years ago

1.0.48

4 years ago

1.0.47

4 years ago

1.0.46

4 years ago

1.0.45

4 years ago

1.0.37

4 years ago

1.0.36

4 years ago

1.0.35

4 years ago

1.0.34

4 years ago

1.0.26

4 years ago

1.0.25

4 years ago

1.0.24

4 years ago

1.0.23

4 years ago

1.0.29

4 years ago

1.0.28

4 years ago

1.0.27

4 years ago

1.0.33

4 years ago

1.0.32

4 years ago

1.0.31

4 years ago

1.0.30

4 years ago

1.0.22

4 years ago

1.0.21

4 years ago

1.0.19

4 years ago

1.0.20

4 years ago

1.0.18

4 years ago

2.0.0-beta.1

4 years ago

1.0.17

4 years ago

1.0.16

4 years ago

1.0.15

4 years ago

1.0.14

4 years ago

1.0.13

4 years ago

1.0.12

4 years ago

1.0.11

4 years ago

1.0.9

4 years ago

1.0.8

4 years ago

1.0.10

4 years ago

1.0.7

4 years ago

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.2

4 years ago

1.0.1

4 years ago

1.0.0-alpha.151

4 years ago

1.0.0-alpha.149

4 years ago

1.0.0-alpha.150

4 years ago

1.0.0-alpha.148

4 years ago

1.0.0-alpha.147

4 years ago

1.0.0-alpha.146

4 years ago

1.0.0-alpha.145

4 years ago

1.0.0-alpha.144

4 years ago

1.0.0-alpha.143

4 years ago

1.0.0-alpha.142

4 years ago

1.0.0-alpha.141

4 years ago

1.0.0-alpha.140

4 years ago

1.0.0-alpha.139

4 years ago

1.0.0-alpha.138

4 years ago

1.0.0-alpha.135

4 years ago

1.0.0-alpha.137

4 years ago

1.0.0-alpha.136

4 years ago

1.0.0-alpha.119

5 years ago

1.0.0-alpha.118

5 years ago

1.0.0-alpha.117

5 years ago

1.0.0-alpha.116

5 years ago

1.0.0-alpha.129

4 years ago

1.0.0-alpha.120

5 years ago

1.0.0-alpha.124

5 years ago

1.0.0-alpha.123

5 years ago

1.0.0-alpha.122

5 years ago

1.0.0-alpha.121

5 years ago

1.0.0-alpha.128

4 years ago

1.0.0-alpha.127

5 years ago

1.0.0-alpha.126

5 years ago

1.0.0-alpha.125

5 years ago

1.0.0-alpha.131

4 years ago

1.0.0-alpha.130

4 years ago

1.0.0-alpha.134

4 years ago

1.0.0-alpha.133

4 years ago

1.0.0-alpha.132

4 years ago

1.0.0-alpha.115

5 years ago

1.0.0-alpha.113

5 years ago

1.0.0-alpha.114

5 years ago

1.0.0-alpha.109

5 years ago

1.0.0-alpha.112

5 years ago

1.0.0-alpha.111

5 years ago

1.0.0-alpha.110

5 years ago

1.0.0-alpha.108

5 years ago

1.0.0-alpha.107

5 years ago

1.0.0-alpha.106

5 years ago

1.0.0-alpha.105

5 years ago

1.0.0-alpha.104

5 years ago

1.0.0-alpha.103

5 years ago

1.0.0-alpha.102

5 years ago

1.0.0-alpha.101

5 years ago

1.0.0-alpha.100

5 years ago

1.0.0-alpha.99

5 years ago

1.0.0-alpha.98

5 years ago

1.0.0-alpha.96

5 years ago

1.0.0-alpha.97

5 years ago

1.0.0-alpha.95

5 years ago

1.0.0-alpha.94

5 years ago

1.0.0-alpha.93

5 years ago

1.0.0-alpha.92

5 years ago

1.0.0-alpha.91

5 years ago

1.0.0-alpha.90

5 years ago

1.0.0-alpha.89

5 years ago

1.0.0-alpha.88

5 years ago

1.0.0-alpha.87

5 years ago

1.0.0-alpha.86

5 years ago

1.0.0-alpha.85

5 years ago

1.0.0-alpha.84

5 years ago

1.0.0-alpha.83

5 years ago

1.0.0-alpha.82

5 years ago

1.0.0-alpha.81

5 years ago

1.0.0-alpha.80

5 years ago

1.0.0-alpha.79

5 years ago

1.0.0-alpha.78

5 years ago

1.0.0-alpha.77

5 years ago

1.0.0-alpha.76

5 years ago

1.0.0-alpha.75

5 years ago

1.0.0-alpha.74

5 years ago

1.0.0-alpha.73

5 years ago

1.0.0-alpha.72

5 years ago

1.0.0-alpha.71

5 years ago

1.0.0-alpha.70

5 years ago

1.0.0-alpha.69

5 years ago

1.0.0-alpha.67

5 years ago

1.0.0-alpha.68

5 years ago

1.0.0-alpha.66

5 years ago

1.0.0-alpha.65

5 years ago

1.0.0-alpha.64

5 years ago

1.0.0-alpha.63

5 years ago

1.0.0-alpha.62

5 years ago

1.0.0-alpha.61

5 years ago

1.0.0-alpha.59

5 years ago

1.0.0-alpha.60

5 years ago

1.0.0-alpha.58

5 years ago

1.0.0-alpha.57

5 years ago

1.0.0-alpha.56

5 years ago

1.0.0-alpha.55

5 years ago

1.0.0-alpha.54

5 years ago

1.0.0-alpha.53

5 years ago

1.0.0-alpha.52

5 years ago

1.0.0-alpha.51

5 years ago

1.0.0-alpha.50

5 years ago

1.0.0-alpha.49

5 years ago

1.0.0-alpha.48

5 years ago

1.0.0-alpha.47

5 years ago

1.0.0-alpha.46

5 years ago

1.0.0-alpha.45

5 years ago

1.0.0-alpha.44

5 years ago

1.0.0-alpha.43

5 years ago

1.0.0-alpha.41

5 years ago

1.0.0-alpha.40

5 years ago

1.0.0-alpha.42

5 years ago

1.0.0-alpha.39

5 years ago

1.0.0-alpha.38

5 years ago

1.0.0-alpha.37

5 years ago

1.0.0-alpha.36

5 years ago

1.0.0-alpha.35

5 years ago

1.0.0-alpha.34

5 years ago

1.0.0-alpha.33

5 years ago

1.0.0-alpha.32

5 years ago

1.0.0-alpha.31

5 years ago

1.0.0-alpha.30

5 years ago

1.0.0-alpha.29

5 years ago

1.0.0-alpha.28

5 years ago

1.0.0-alpha.27

5 years ago

1.0.0-alpha.26

5 years ago

1.0.0-alpha.25

5 years ago

1.0.0-alpha.24

5 years ago

1.0.0-alpha.23

5 years ago

1.0.0-alpha.22

5 years ago

1.0.0-alpha.21

5 years ago

1.0.0-alpha.20

5 years ago

1.0.0-alpha.19

5 years ago

1.0.0-alpha.16

5 years ago

1.0.0-alpha.15

5 years ago

1.0.0-alpha.18

5 years ago

1.0.0-alpha.17

5 years ago

1.0.0-alpha.14

5 years ago

1.0.0-alpha.13

5 years ago

1.0.0-alpha.12

5 years ago

1.0.0-alpha.11

5 years ago

1.0.0-alpha.10

5 years ago

1.0.0-alpha.9

5 years ago

1.0.0-alpha.8

5 years ago

1.0.0-alpha.7

5 years ago

1.0.0-alpha.6

5 years ago

1.0.0-alpha.5

5 years ago

1.0.0-alpha.4

5 years ago

1.0.0-alpha.3

5 years ago

1.0.0-alpha.2

5 years ago

1.0.0-alpha.1

5 years ago