@lowdefy/blocks-antd 4.0.0-alpha.26 → 4.0.0-alpha.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +9 -10
- package/dist/blocks/Affix/Affix.js +0 -43
- package/dist/blocks/Affix/schema.json +0 -34
- package/dist/blocks/Affix/style.less +0 -17
- package/dist/blocks/Alert/Alert.js +0 -78
- package/dist/blocks/Alert/schema.json +0 -62
- package/dist/blocks/Alert/style.less +0 -17
- package/dist/blocks/AutoComplete/AutoComplete.js +0 -86
- package/dist/blocks/AutoComplete/schema.json +0 -148
- package/dist/blocks/AutoComplete/style.less +0 -17
- package/dist/blocks/Avatar/Avatar.js +0 -49
- package/dist/blocks/Avatar/schema.json +0 -71
- package/dist/blocks/Avatar/style.less +0 -17
- package/dist/blocks/Badge/Badge.js +0 -44
- package/dist/blocks/Badge/schema.json +0 -70
- package/dist/blocks/Badge/style.less +0 -17
- package/dist/blocks/Breadcrumb/Breadcrumb.js +0 -79
- package/dist/blocks/Breadcrumb/schema.json +0 -78
- package/dist/blocks/Breadcrumb/style.less +0 -17
- package/dist/blocks/Button/Button.js +0 -77
- package/dist/blocks/Button/schema.json +0 -91
- package/dist/blocks/Button/style.less +0 -17
- package/dist/blocks/ButtonSelector/ButtonSelector.js +0 -91
- package/dist/blocks/ButtonSelector/schema.json +0 -188
- package/dist/blocks/ButtonSelector/style.less +0 -18
- package/dist/blocks/Card/Card.js +0 -50
- package/dist/blocks/Card/schema.json +0 -58
- package/dist/blocks/Card/style.less +0 -17
- package/dist/blocks/CheckboxSelector/CheckboxSelector.js +0 -97
- package/dist/blocks/CheckboxSelector/schema.json +0 -193
- package/dist/blocks/CheckboxSelector/style.less +0 -19
- package/dist/blocks/CheckboxSwitch/CheckboxSwitch.js +0 -74
- package/dist/blocks/CheckboxSwitch/schema.json +0 -105
- package/dist/blocks/CheckboxSwitch/style.less +0 -19
- package/dist/blocks/Collapse/Collapse.js +0 -89
- package/dist/blocks/Collapse/schema.json +0 -90
- package/dist/blocks/Collapse/style.less +0 -17
- package/dist/blocks/Comment/Comment.js +0 -56
- package/dist/blocks/Comment/schema.json +0 -39
- package/dist/blocks/Comment/style.less +0 -18
- package/dist/blocks/ConfirmModal/ConfirmModal.js +0 -96
- package/dist/blocks/ConfirmModal/schema.json +0 -122
- package/dist/blocks/ConfirmModal/style.less +0 -17
- package/dist/blocks/Content/Content.js +0 -31
- package/dist/blocks/Content/schema.json +0 -16
- package/dist/blocks/Content/style.less +0 -17
- package/dist/blocks/ControlledList/ControlledList.js +0 -137
- package/dist/blocks/ControlledList/schema.json +0 -68
- package/dist/blocks/ControlledList/style.less +0 -19
- package/dist/blocks/DateRangeSelector/DateRangeSelector.js +0 -102
- package/dist/blocks/DateRangeSelector/schema.json +0 -221
- package/dist/blocks/DateRangeSelector/style.less +0 -18
- package/dist/blocks/DateSelector/DateSelector.js +0 -90
- package/dist/blocks/DateSelector/schema.json +0 -183
- package/dist/blocks/DateSelector/style.less +0 -18
- package/dist/blocks/DateTimeSelector/DateTimeSelector.js +0 -98
- package/dist/blocks/DateTimeSelector/schema.json +0 -215
- package/dist/blocks/DateTimeSelector/style.less +0 -18
- package/dist/blocks/Descriptions/Descriptions.js +0 -83
- package/dist/blocks/Descriptions/schema.json +0 -186
- package/dist/blocks/Descriptions/style.less +0 -17
- package/dist/blocks/Divider/Divider.js +0 -37
- package/dist/blocks/Divider/schema.json +0 -35
- package/dist/blocks/Divider/style.less +0 -17
- package/dist/blocks/Drawer/Drawer.js +0 -104
- package/dist/blocks/Drawer/schema.json +0 -113
- package/dist/blocks/Drawer/style.less +0 -17
- package/dist/blocks/Footer/Footer.js +0 -36
- package/dist/blocks/Footer/schema.json +0 -16
- package/dist/blocks/Footer/style.less +0 -17
- package/dist/blocks/Header/Header.js +0 -36
- package/dist/blocks/Header/schema.json +0 -22
- package/dist/blocks/Header/style.less +0 -17
- package/dist/blocks/Label/Label.js +0 -116
- package/dist/blocks/Label/getLabelCol.js +0 -55
- package/dist/blocks/Label/getWrapperCol.js +0 -69
- package/dist/blocks/Label/labelLogic.js +0 -106
- package/dist/blocks/Label/schema.json +0 -62
- package/dist/blocks/Label/style.less +0 -34
- package/dist/blocks/Layout/Layout.js +0 -30
- package/dist/blocks/Layout/schema.json +0 -16
- package/dist/blocks/Layout/style.less +0 -17
- package/dist/blocks/Menu/Menu.js +0 -209
- package/dist/blocks/Menu/schema.json +0 -236
- package/dist/blocks/Menu/style.less +0 -17
- package/dist/blocks/Message/Message.js +0 -53
- package/dist/blocks/Message/schema.json +0 -48
- package/dist/blocks/Message/style.less +0 -17
- package/dist/blocks/MobileMenu/MobileMenu.js +0 -128
- package/dist/blocks/MobileMenu/schema.json +0 -236
- package/dist/blocks/MobileMenu/style.less +0 -19
- package/dist/blocks/Modal/Modal.js +0 -130
- package/dist/blocks/Modal/schema.json +0 -118
- package/dist/blocks/Modal/style.less +0 -17
- package/dist/blocks/MonthSelector/MonthSelector.js +0 -90
- package/dist/blocks/MonthSelector/schema.json +0 -183
- package/dist/blocks/MonthSelector/style.less +0 -18
- package/dist/blocks/MultipleSelector/MultipleSelector.js +0 -146
- package/dist/blocks/MultipleSelector/schema.json +0 -239
- package/dist/blocks/MultipleSelector/style.less +0 -18
- package/dist/blocks/Notification/Notification.js +0 -77
- package/dist/blocks/Notification/schema.json +0 -85
- package/dist/blocks/Notification/style.less +0 -18
- package/dist/blocks/NumberInput/NumberInput.js +0 -82
- package/dist/blocks/NumberInput/schema.json +0 -157
- package/dist/blocks/NumberInput/style.less +0 -18
- package/dist/blocks/PageHCF/PageHCF.js +0 -70
- package/dist/blocks/PageHCF/schema.json +0 -64
- package/dist/blocks/PageHCF/style.less +0 -20
- package/dist/blocks/PageHCSF/PageHCSF.js +0 -98
- package/dist/blocks/PageHCSF/schema.json +0 -148
- package/dist/blocks/PageHCSF/style.less +0 -21
- package/dist/blocks/PageHSCF/PageHSCF.js +0 -98
- package/dist/blocks/PageHSCF/schema.json +0 -147
- package/dist/blocks/PageHSCF/style.less +0 -21
- package/dist/blocks/PageHeaderMenu/PageHeaderMenu.js +0 -290
- package/dist/blocks/PageHeaderMenu/schema.json +0 -215
- package/dist/blocks/PageHeaderMenu/style.less +0 -23
- package/dist/blocks/PageSHCF/PageSHCF.js +0 -98
- package/dist/blocks/PageSHCF/schema.json +0 -148
- package/dist/blocks/PageSHCF/style.less +0 -21
- package/dist/blocks/PageSiderMenu/PageSiderMenu.js +0 -406
- package/dist/blocks/PageSiderMenu/schema.json +0 -283
- package/dist/blocks/PageSiderMenu/style.less +0 -26
- package/dist/blocks/Pagination/Pagination.js +0 -98
- package/dist/blocks/Pagination/schema.json +0 -75
- package/dist/blocks/Pagination/style.less +0 -17
- package/dist/blocks/Paragraph/Paragraph.js +0 -102
- package/dist/blocks/Paragraph/schema.json +0 -131
- package/dist/blocks/Paragraph/style.less +0 -17
- package/dist/blocks/ParagraphInput/ParagraphInput.js +0 -125
- package/dist/blocks/ParagraphInput/schema.json +0 -162
- package/dist/blocks/ParagraphInput/style.less +0 -17
- package/dist/blocks/PasswordInput/PasswordInput.js +0 -78
- package/dist/blocks/PasswordInput/schema.json +0 -123
- package/dist/blocks/PasswordInput/style.less +0 -18
- package/dist/blocks/Progress/Progress.js +0 -42
- package/dist/blocks/Progress/schema.json +0 -76
- package/dist/blocks/Progress/style.less +0 -17
- package/dist/blocks/RadioSelector/RadioSelector.js +0 -96
- package/dist/blocks/RadioSelector/schema.json +0 -190
- package/dist/blocks/RadioSelector/style.less +0 -19
- package/dist/blocks/RatingSlider/RatingSlider.js +0 -240
- package/dist/blocks/RatingSlider/schema.json +0 -169
- package/dist/blocks/RatingSlider/style.less +0 -19
- package/dist/blocks/Result/Result.js +0 -48
- package/dist/blocks/Result/schema.json +0 -30
- package/dist/blocks/Result/style.less +0 -17
- package/dist/blocks/Selector/Selector.js +0 -140
- package/dist/blocks/Selector/schema.json +0 -236
- package/dist/blocks/Selector/style.less +0 -18
- package/dist/blocks/Sider/Sider.js +0 -85
- package/dist/blocks/Sider/schema.json +0 -71
- package/dist/blocks/Sider/style.less +0 -17
- package/dist/blocks/Statistic/Statistic.js +0 -51
- package/dist/blocks/Statistic/schema.json +0 -74
- package/dist/blocks/Statistic/style.less +0 -17
- package/dist/blocks/Switch/Switch.js +0 -101
- package/dist/blocks/Switch/schema.json +0 -136
- package/dist/blocks/Switch/style.less +0 -18
- package/dist/blocks/Tabs/Tabs.js +0 -108
- package/dist/blocks/Tabs/schema.json +0 -97
- package/dist/blocks/Tabs/style.less +0 -17
- package/dist/blocks/TextArea/TextArea.js +0 -87
- package/dist/blocks/TextArea/schema.json +0 -164
- package/dist/blocks/TextArea/style.less +0 -18
- package/dist/blocks/TextInput/TextInput.js +0 -92
- package/dist/blocks/TextInput/schema.json +0 -149
- package/dist/blocks/TextInput/style.less +0 -18
- package/dist/blocks/TimelineList/TimelineList.js +0 -102
- package/dist/blocks/TimelineList/schema.json +0 -65
- package/dist/blocks/TimelineList/style.less +0 -17
- package/dist/blocks/Title/Title.js +0 -109
- package/dist/blocks/Title/schema.json +0 -136
- package/dist/blocks/Title/style.less +0 -17
- package/dist/blocks/TitleInput/TitleInput.js +0 -122
- package/dist/blocks/TitleInput/schema.json +0 -171
- package/dist/blocks/TitleInput/style.less +0 -17
- package/dist/blocks/Tooltip/Tooltip.js +0 -48
- package/dist/blocks/Tooltip/schema.json +0 -91
- package/dist/blocks/Tooltip/style.less +0 -17
- package/dist/blocks/WeekSelector/WeekSelector.js +0 -91
- package/dist/blocks/WeekSelector/schema.json +0 -183
- package/dist/blocks/WeekSelector/style.less +0 -18
- package/dist/blocks.js +0 -74
- package/dist/color.js +0 -85
- package/dist/disabledDate.js +0 -45
- package/dist/getUniqueValues.js +0 -30
- package/dist/getValueIndex.js +0 -42
- package/dist/style.less +0 -17
- package/dist/types.js +0 -31
- package/dist/useRunAfterUpdate.js +0 -29
- package/dist/validationExamples.js +0 -40
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright 2020-2022 Lowdefy, Inc
|
|
3
|
-
|
|
4
|
-
Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
-
you may not use this file except in compliance with the License.
|
|
6
|
-
You may obtain a copy of the License at
|
|
7
|
-
|
|
8
|
-
http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
-
|
|
10
|
-
Unless required by applicable law or agreed to in writing, software
|
|
11
|
-
distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
-
See the License for the specific language governing permissions and
|
|
14
|
-
limitations under the License.
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
@import 'antd/lib/avatar/style/index.less';
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright 2020-2022 Lowdefy, Inc
|
|
3
|
-
|
|
4
|
-
Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
-
you may not use this file except in compliance with the License.
|
|
6
|
-
You may obtain a copy of the License at
|
|
7
|
-
|
|
8
|
-
http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
-
|
|
10
|
-
Unless required by applicable law or agreed to in writing, software
|
|
11
|
-
distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
-
See the License for the specific language governing permissions and
|
|
14
|
-
limitations under the License.
|
|
15
|
-
*/ import React from 'react';
|
|
16
|
-
import { type } from '@lowdefy/helpers';
|
|
17
|
-
import { Badge } from 'antd';
|
|
18
|
-
import { blockDefaultProps } from '@lowdefy/block-utils';
|
|
19
|
-
const BadgeBlock = ({ blockId , events , content , components: { Icon } , properties })=>/*#__PURE__*/ React.createElement(Badge, {
|
|
20
|
-
id: blockId,
|
|
21
|
-
color: properties.color,
|
|
22
|
-
dot: properties.dot,
|
|
23
|
-
offset: properties.offset,
|
|
24
|
-
overflowCount: type.isNumber(properties.overflowCount) ? properties.overflowCount : 100,
|
|
25
|
-
showZero: properties.showZero,
|
|
26
|
-
size: properties.size,
|
|
27
|
-
status: properties.status,
|
|
28
|
-
text: properties.text,
|
|
29
|
-
title: properties.title,
|
|
30
|
-
count: properties.icon && /*#__PURE__*/ React.createElement(Icon, {
|
|
31
|
-
blockId: `${blockId}_icon`,
|
|
32
|
-
events: events,
|
|
33
|
-
properties: properties.icon
|
|
34
|
-
}) || properties.count
|
|
35
|
-
}, content.content && content.content());
|
|
36
|
-
BadgeBlock.defaultProps = blockDefaultProps;
|
|
37
|
-
BadgeBlock.meta = {
|
|
38
|
-
category: 'container',
|
|
39
|
-
icons: [],
|
|
40
|
-
styles: [
|
|
41
|
-
'blocks/Badge/style.less'
|
|
42
|
-
]
|
|
43
|
-
};
|
|
44
|
-
export default BadgeBlock;
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"type": "object",
|
|
3
|
-
"properties": {
|
|
4
|
-
"type": "object",
|
|
5
|
-
"additionalProperties": false,
|
|
6
|
-
"properties": {
|
|
7
|
-
"color": {
|
|
8
|
-
"type": "string",
|
|
9
|
-
"description": "Customize Badge dot color.",
|
|
10
|
-
"docs": {
|
|
11
|
-
"displayType": "color"
|
|
12
|
-
}
|
|
13
|
-
},
|
|
14
|
-
"count": {
|
|
15
|
-
"type": ["number", "string"],
|
|
16
|
-
"description": "Text to show in badge.",
|
|
17
|
-
"docs": {
|
|
18
|
-
"displayType": "string"
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
"dot": {
|
|
22
|
-
"type": "boolean",
|
|
23
|
-
"default": false,
|
|
24
|
-
"description": "Whether to display a red dot instead of count."
|
|
25
|
-
},
|
|
26
|
-
"size": {
|
|
27
|
-
"type": "string",
|
|
28
|
-
"default": "default",
|
|
29
|
-
"enum": ["default", "small"],
|
|
30
|
-
"description": "Sets the size of badge if count is set."
|
|
31
|
-
},
|
|
32
|
-
"icon": {
|
|
33
|
-
"type": ["string", "object"],
|
|
34
|
-
"description": "Name of an React-Icon (See <a href='https://react-icons.github.io/react-icons/'>all icons</a>) or properties of an Icon block to use an icon in badge.",
|
|
35
|
-
"docs": {
|
|
36
|
-
"displayType": "icon"
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
"offset": {
|
|
40
|
-
"type": "array",
|
|
41
|
-
"items": { "type": "number" },
|
|
42
|
-
"description": "Set offset of the badge dot, array of numbers for x and y offset ([x,y])."
|
|
43
|
-
},
|
|
44
|
-
"overflowCount": {
|
|
45
|
-
"type": "number",
|
|
46
|
-
"default": 99,
|
|
47
|
-
"description": "Max count to show"
|
|
48
|
-
},
|
|
49
|
-
"showZero": {
|
|
50
|
-
"type": "boolean",
|
|
51
|
-
"default": false,
|
|
52
|
-
"description": "Whether to show badge when count is zero."
|
|
53
|
-
},
|
|
54
|
-
"status": {
|
|
55
|
-
"type": "string",
|
|
56
|
-
"enum": ["success", "processing", "default", "error", "warning"],
|
|
57
|
-
"default": null,
|
|
58
|
-
"description": "Set Badge as a status dot."
|
|
59
|
-
},
|
|
60
|
-
"text": {
|
|
61
|
-
"type": "string",
|
|
62
|
-
"description": "If status is set, text sets the display text of the status dot."
|
|
63
|
-
},
|
|
64
|
-
"title": {
|
|
65
|
-
"type": "string",
|
|
66
|
-
"description": "Text to show when hovering over the badge."
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright 2020-2022 Lowdefy, Inc
|
|
3
|
-
|
|
4
|
-
Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
-
you may not use this file except in compliance with the License.
|
|
6
|
-
You may obtain a copy of the License at
|
|
7
|
-
|
|
8
|
-
http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
-
|
|
10
|
-
Unless required by applicable law or agreed to in writing, software
|
|
11
|
-
distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
-
See the License for the specific language governing permissions and
|
|
14
|
-
limitations under the License.
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
@import 'antd/lib/badge/style/index.less';
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
function _extends() {
|
|
2
|
-
_extends = Object.assign || function(target) {
|
|
3
|
-
for(var i = 1; i < arguments.length; i++){
|
|
4
|
-
var source = arguments[i];
|
|
5
|
-
for(var key in source){
|
|
6
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
7
|
-
target[key] = source[key];
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
return target;
|
|
12
|
-
};
|
|
13
|
-
return _extends.apply(this, arguments);
|
|
14
|
-
}
|
|
15
|
-
/*
|
|
16
|
-
Copyright 2020-2022 Lowdefy, Inc
|
|
17
|
-
|
|
18
|
-
Licensed under the Apache License, Version 2.0 (the "License");
|
|
19
|
-
you may not use this file except in compliance with the License.
|
|
20
|
-
You may obtain a copy of the License at
|
|
21
|
-
|
|
22
|
-
http://www.apache.org/licenses/LICENSE-2.0
|
|
23
|
-
|
|
24
|
-
Unless required by applicable law or agreed to in writing, software
|
|
25
|
-
distributed under the License is distributed on an "AS IS" BASIS,
|
|
26
|
-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
27
|
-
See the License for the specific language governing permissions and
|
|
28
|
-
limitations under the License.
|
|
29
|
-
*/ import React from 'react';
|
|
30
|
-
import { type, get } from '@lowdefy/helpers';
|
|
31
|
-
import { Breadcrumb } from 'antd';
|
|
32
|
-
import { blockDefaultProps } from '@lowdefy/block-utils';
|
|
33
|
-
const BreadcrumbBlock = ({ blockId , events , components: { Icon , Link } , methods , properties , rename , })=>{
|
|
34
|
-
const onClickActionName = get(rename, 'events.onClick', {
|
|
35
|
-
default: 'onClick'
|
|
36
|
-
});
|
|
37
|
-
return /*#__PURE__*/ React.createElement(Breadcrumb, {
|
|
38
|
-
id: blockId,
|
|
39
|
-
separator: properties.separator,
|
|
40
|
-
className: methods.makeCssClass(properties.style)
|
|
41
|
-
}, (properties.list || []).map((link, index)=>/*#__PURE__*/ React.createElement(Breadcrumb.Item, {
|
|
42
|
-
key: index,
|
|
43
|
-
onClick: events[onClickActionName] && (()=>methods.triggerEvent({
|
|
44
|
-
name: onClickActionName,
|
|
45
|
-
event: {
|
|
46
|
-
link,
|
|
47
|
-
index
|
|
48
|
-
}
|
|
49
|
-
}))
|
|
50
|
-
}, /*#__PURE__*/ React.createElement(Link, _extends({
|
|
51
|
-
id: `${blockId}_${index}`,
|
|
52
|
-
className: methods.makeCssClass([
|
|
53
|
-
{
|
|
54
|
-
cursor: events[onClickActionName] && 'pointer'
|
|
55
|
-
},
|
|
56
|
-
link.style,
|
|
57
|
-
])
|
|
58
|
-
}, link), (defaultTitle)=>/*#__PURE__*/ React.createElement(React.Fragment, null, link.icon && /*#__PURE__*/ React.createElement(Icon, {
|
|
59
|
-
blockId: `${blockId}_${index}_icon`,
|
|
60
|
-
events: events,
|
|
61
|
-
properties: {
|
|
62
|
-
name: type.isString(link.icon) && link.icon,
|
|
63
|
-
...type.isObject(link.icon) ? link.icon : {},
|
|
64
|
-
style: {
|
|
65
|
-
paddingRight: 8,
|
|
66
|
-
...link.icon.style || {}
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
}), type.isString(link) ? link : link.label || defaultTitle)))));
|
|
70
|
-
};
|
|
71
|
-
BreadcrumbBlock.defaultProps = blockDefaultProps;
|
|
72
|
-
BreadcrumbBlock.meta = {
|
|
73
|
-
category: 'display',
|
|
74
|
-
icons: [],
|
|
75
|
-
styles: [
|
|
76
|
-
'blocks/Breadcrumb/style.less'
|
|
77
|
-
]
|
|
78
|
-
};
|
|
79
|
-
export default BreadcrumbBlock;
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"type": "object",
|
|
3
|
-
"properties": {
|
|
4
|
-
"type": "object",
|
|
5
|
-
"additionalProperties": false,
|
|
6
|
-
"properties": {
|
|
7
|
-
"separator": {
|
|
8
|
-
"type": "string",
|
|
9
|
-
"default": "/",
|
|
10
|
-
"description": "Use a custom separator string."
|
|
11
|
-
},
|
|
12
|
-
"style": {
|
|
13
|
-
"type": "object",
|
|
14
|
-
"description": "Css style object to applied to breadcrumb.",
|
|
15
|
-
"docs": {
|
|
16
|
-
"displayType": "yaml"
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
"list": {
|
|
20
|
-
"oneOf": [
|
|
21
|
-
{
|
|
22
|
-
"type": "array",
|
|
23
|
-
"description": "List of breadcrumb links.",
|
|
24
|
-
"items": {
|
|
25
|
-
"type": "string",
|
|
26
|
-
"description": "Title of the breadcrumb link."
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
"type": "array",
|
|
31
|
-
"description": "List of breadcrumb links.",
|
|
32
|
-
"items": {
|
|
33
|
-
"type": "object",
|
|
34
|
-
"properties": {
|
|
35
|
-
"label": {
|
|
36
|
-
"type": "string",
|
|
37
|
-
"description": "Label of the breadcrumb link."
|
|
38
|
-
},
|
|
39
|
-
"pageId": {
|
|
40
|
-
"type": "string",
|
|
41
|
-
"description": "Page id to link to when clicked."
|
|
42
|
-
},
|
|
43
|
-
"url": {
|
|
44
|
-
"type": "string",
|
|
45
|
-
"description": "External url link."
|
|
46
|
-
},
|
|
47
|
-
"style": {
|
|
48
|
-
"type": "object",
|
|
49
|
-
"description": "Css style to apply to link.",
|
|
50
|
-
"docs": {
|
|
51
|
-
"displayType": "yaml"
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
"icon": {
|
|
55
|
-
"type": ["string", "object"],
|
|
56
|
-
"description": "Name of an React-Icon (See <a href='https://react-icons.github.io/react-icons/'>all icons</a>) or properties of an Icon block to use an icon in breadcrumb link.",
|
|
57
|
-
"docs": {
|
|
58
|
-
"displayType": "icon"
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
]
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
},
|
|
68
|
-
"events": {
|
|
69
|
-
"type": "object",
|
|
70
|
-
"additionalProperties": false,
|
|
71
|
-
"properties": {
|
|
72
|
-
"onClick": {
|
|
73
|
-
"type": "array",
|
|
74
|
-
"description": "Triggered when breadcrumb item is clicked. Provides clicked link and index as args."
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright 2020-2022 Lowdefy, Inc
|
|
3
|
-
|
|
4
|
-
Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
-
you may not use this file except in compliance with the License.
|
|
6
|
-
You may obtain a copy of the License at
|
|
7
|
-
|
|
8
|
-
http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
-
|
|
10
|
-
Unless required by applicable law or agreed to in writing, software
|
|
11
|
-
distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
-
See the License for the specific language governing permissions and
|
|
14
|
-
limitations under the License.
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
@import 'antd/lib/breadcrumb/style/index.less';
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright 2020-2022 Lowdefy, Inc
|
|
3
|
-
|
|
4
|
-
Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
-
you may not use this file except in compliance with the License.
|
|
6
|
-
You may obtain a copy of the License at
|
|
7
|
-
|
|
8
|
-
http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
-
|
|
10
|
-
Unless required by applicable law or agreed to in writing, software
|
|
11
|
-
distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
-
See the License for the specific language governing permissions and
|
|
14
|
-
limitations under the License.
|
|
15
|
-
*/ import React from 'react';
|
|
16
|
-
import { Button } from 'antd';
|
|
17
|
-
import { get, type } from '@lowdefy/helpers';
|
|
18
|
-
import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
|
|
19
|
-
import color from '../../color.js';
|
|
20
|
-
const ButtonBlock = ({ blockId , components: { Icon } , events , loading , methods , onClick , properties , rename , })=>{
|
|
21
|
-
const onClickActionName = get(rename, 'events.onClick', {
|
|
22
|
-
default: 'onClick'
|
|
23
|
-
});
|
|
24
|
-
return /*#__PURE__*/ React.createElement(Button, {
|
|
25
|
-
block: properties.block,
|
|
26
|
-
className: methods.makeCssClass([
|
|
27
|
-
{
|
|
28
|
-
backgroundColor: properties.color,
|
|
29
|
-
borderColor: properties.color,
|
|
30
|
-
'&:active': properties.color && {
|
|
31
|
-
backgroundColor: color(properties.color, 7),
|
|
32
|
-
borderColor: color(properties.color, 7)
|
|
33
|
-
},
|
|
34
|
-
'&:hover': properties.color && {
|
|
35
|
-
backgroundColor: color(properties.color, 5),
|
|
36
|
-
borderColor: color(properties.color, 5)
|
|
37
|
-
},
|
|
38
|
-
'&:focus': properties.color && {
|
|
39
|
-
backgroundColor: properties.color,
|
|
40
|
-
borderColor: properties.color
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
properties.style,
|
|
44
|
-
]),
|
|
45
|
-
disabled: properties.disabled || get(events, `${onClickActionName}.loading`) || loading,
|
|
46
|
-
ghost: properties.ghost,
|
|
47
|
-
danger: properties.danger,
|
|
48
|
-
href: properties.href,
|
|
49
|
-
id: blockId,
|
|
50
|
-
loading: get(events, `${onClickActionName}.loading`),
|
|
51
|
-
shape: properties.shape,
|
|
52
|
-
size: properties.size,
|
|
53
|
-
type: get(properties, 'type', {
|
|
54
|
-
default: 'primary'
|
|
55
|
-
}),
|
|
56
|
-
icon: properties.icon && /*#__PURE__*/ React.createElement(Icon, {
|
|
57
|
-
blockId: `${blockId}_icon`,
|
|
58
|
-
events: events,
|
|
59
|
-
properties: properties.icon
|
|
60
|
-
}),
|
|
61
|
-
onClick: onClick || (()=>methods.triggerEvent({
|
|
62
|
-
name: onClickActionName
|
|
63
|
-
}))
|
|
64
|
-
}, !properties.hideTitle && renderHtml({
|
|
65
|
-
html: type.isNone(properties.title) ? blockId : properties.title,
|
|
66
|
-
methods
|
|
67
|
-
}));
|
|
68
|
-
};
|
|
69
|
-
ButtonBlock.defaultProps = blockDefaultProps;
|
|
70
|
-
ButtonBlock.meta = {
|
|
71
|
-
category: 'display',
|
|
72
|
-
icons: [],
|
|
73
|
-
styles: [
|
|
74
|
-
'blocks/Button/style.less'
|
|
75
|
-
]
|
|
76
|
-
};
|
|
77
|
-
export default ButtonBlock;
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"type": "object",
|
|
3
|
-
"properties": {
|
|
4
|
-
"type": "object",
|
|
5
|
-
"additionalProperties": false,
|
|
6
|
-
"properties": {
|
|
7
|
-
"block": {
|
|
8
|
-
"type": "boolean",
|
|
9
|
-
"description": "Fit the button's span to its parent container span.",
|
|
10
|
-
"default": false
|
|
11
|
-
},
|
|
12
|
-
"color": {
|
|
13
|
-
"type": "string",
|
|
14
|
-
"description": "Button color.",
|
|
15
|
-
"docs": {
|
|
16
|
-
"displayType": "color"
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
"danger": {
|
|
20
|
-
"type": "boolean",
|
|
21
|
-
"description": "Set button style to danger.",
|
|
22
|
-
"default": false
|
|
23
|
-
},
|
|
24
|
-
"disabled": {
|
|
25
|
-
"type": "boolean",
|
|
26
|
-
"description": "Disable the button if true.",
|
|
27
|
-
"default": false
|
|
28
|
-
},
|
|
29
|
-
"ghost": {
|
|
30
|
-
"type": "boolean",
|
|
31
|
-
"description": "Make the button's background transparent when true.",
|
|
32
|
-
"default": false
|
|
33
|
-
},
|
|
34
|
-
"hideTitle": {
|
|
35
|
-
"type": "boolean",
|
|
36
|
-
"description": "Hide the button's title.",
|
|
37
|
-
"default": false
|
|
38
|
-
},
|
|
39
|
-
"href": {
|
|
40
|
-
"type": "string",
|
|
41
|
-
"description": "The URL to redirect to when the button is clicked. Useful when used with a type link button."
|
|
42
|
-
},
|
|
43
|
-
"icon": {
|
|
44
|
-
"type": ["string", "object"],
|
|
45
|
-
"description": "Name of an React-Icon (See <a href='https://react-icons.github.io/react-icons/'>all icons</a>) or properties of an Icon block to use icon in button.",
|
|
46
|
-
"docs": {
|
|
47
|
-
"displayType": "icon"
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
"shape": {
|
|
51
|
-
"type": "string",
|
|
52
|
-
"default": "square",
|
|
53
|
-
"enum": ["circle", "round", "square"],
|
|
54
|
-
"description": "Shape of the button."
|
|
55
|
-
},
|
|
56
|
-
"size": {
|
|
57
|
-
"type": "string",
|
|
58
|
-
"enum": ["small", "default", "large"],
|
|
59
|
-
"default": "default",
|
|
60
|
-
"description": "Size of the button."
|
|
61
|
-
},
|
|
62
|
-
"style": {
|
|
63
|
-
"type": "object",
|
|
64
|
-
"description": "Css style object to applied to button.",
|
|
65
|
-
"docs": {
|
|
66
|
-
"displayType": "yaml"
|
|
67
|
-
}
|
|
68
|
-
},
|
|
69
|
-
"title": {
|
|
70
|
-
"type": "string",
|
|
71
|
-
"description": "Title text on the button - supports html."
|
|
72
|
-
},
|
|
73
|
-
"type": {
|
|
74
|
-
"type": "string",
|
|
75
|
-
"default": "primary",
|
|
76
|
-
"enum": ["primary", "default", "dashed", "danger", "link", "text"],
|
|
77
|
-
"description": "The button type."
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
},
|
|
81
|
-
"events": {
|
|
82
|
-
"type": "object",
|
|
83
|
-
"additionalProperties": false,
|
|
84
|
-
"properties": {
|
|
85
|
-
"onClick": {
|
|
86
|
-
"type": "array",
|
|
87
|
-
"description": "Trigger action when button is clicked."
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright 2020-2022 Lowdefy, Inc
|
|
3
|
-
|
|
4
|
-
Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
-
you may not use this file except in compliance with the License.
|
|
6
|
-
You may obtain a copy of the License at
|
|
7
|
-
|
|
8
|
-
http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
-
|
|
10
|
-
Unless required by applicable law or agreed to in writing, software
|
|
11
|
-
distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
-
See the License for the specific language governing permissions and
|
|
14
|
-
limitations under the License.
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
@import 'antd/lib/button/style/index.less';
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright 2020-2022 Lowdefy, Inc
|
|
3
|
-
|
|
4
|
-
Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
-
you may not use this file except in compliance with the License.
|
|
6
|
-
You may obtain a copy of the License at
|
|
7
|
-
|
|
8
|
-
http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
-
|
|
10
|
-
Unless required by applicable law or agreed to in writing, software
|
|
11
|
-
distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
-
See the License for the specific language governing permissions and
|
|
14
|
-
limitations under the License.
|
|
15
|
-
*/ import React from 'react';
|
|
16
|
-
import { Radio } from 'antd';
|
|
17
|
-
import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
|
|
18
|
-
import { type } from '@lowdefy/helpers';
|
|
19
|
-
import Label from '../Label/Label.js';
|
|
20
|
-
import getValueIndex from '../../getValueIndex.js';
|
|
21
|
-
import getUniqueValues from '../../getUniqueValues.js';
|
|
22
|
-
const ButtonSelector = ({ blockId , components , events , loading , properties , required , validation , value , methods , })=>{
|
|
23
|
-
const uniqueValueOptions = getUniqueValues(properties.options || []);
|
|
24
|
-
return /*#__PURE__*/ React.createElement(Label, {
|
|
25
|
-
blockId: blockId,
|
|
26
|
-
components: components,
|
|
27
|
-
events: events,
|
|
28
|
-
properties: {
|
|
29
|
-
title: properties.title,
|
|
30
|
-
size: properties.size,
|
|
31
|
-
...properties.label
|
|
32
|
-
},
|
|
33
|
-
validation: validation,
|
|
34
|
-
required: required,
|
|
35
|
-
content: {
|
|
36
|
-
content: ()=>/*#__PURE__*/ React.createElement(Radio.Group, {
|
|
37
|
-
id: `${blockId}_input`,
|
|
38
|
-
className: methods.makeCssClass([
|
|
39
|
-
properties.color && {
|
|
40
|
-
'& > label.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)': {
|
|
41
|
-
backgroundColor: `${properties.color} !important`,
|
|
42
|
-
borderColor: `${properties.color} !important`
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
properties.inputStyle,
|
|
46
|
-
]),
|
|
47
|
-
disabled: properties.disabled || loading,
|
|
48
|
-
size: properties.size,
|
|
49
|
-
buttonStyle: properties.buttonStyle ? properties.buttonStyle : 'solid',
|
|
50
|
-
onChange: (event)=>{
|
|
51
|
-
methods.setValue(type.isPrimitive(uniqueValueOptions[event.target.value]) ? uniqueValueOptions[event.target.value] : uniqueValueOptions[event.target.value].value);
|
|
52
|
-
methods.triggerEvent({
|
|
53
|
-
name: 'onChange'
|
|
54
|
-
});
|
|
55
|
-
},
|
|
56
|
-
value: type.isNone(value) ? undefined : getValueIndex(value, properties.options || [])
|
|
57
|
-
}, uniqueValueOptions.map((opt, i)=>type.isPrimitive(opt) ? /*#__PURE__*/ React.createElement(Radio.Button, {
|
|
58
|
-
id: `${blockId}_${i}`,
|
|
59
|
-
key: i,
|
|
60
|
-
value: `${i}`
|
|
61
|
-
}, renderHtml({
|
|
62
|
-
html: `${opt}`,
|
|
63
|
-
methods
|
|
64
|
-
})) : /*#__PURE__*/ React.createElement(Radio.Button, {
|
|
65
|
-
id: `${blockId}_${i}`,
|
|
66
|
-
key: i,
|
|
67
|
-
value: `${i}`,
|
|
68
|
-
disabled: opt.disabled,
|
|
69
|
-
className: methods.makeCssClass(opt.style)
|
|
70
|
-
}, type.isNone(opt.label) ? renderHtml({
|
|
71
|
-
html: `${opt.value}`,
|
|
72
|
-
methods
|
|
73
|
-
}) : renderHtml({
|
|
74
|
-
html: opt.label,
|
|
75
|
-
methods
|
|
76
|
-
}))))
|
|
77
|
-
}
|
|
78
|
-
});
|
|
79
|
-
};
|
|
80
|
-
ButtonSelector.defaultProps = blockDefaultProps;
|
|
81
|
-
ButtonSelector.meta = {
|
|
82
|
-
valueType: 'any',
|
|
83
|
-
category: 'input',
|
|
84
|
-
icons: [
|
|
85
|
-
...Label.meta.icons
|
|
86
|
-
],
|
|
87
|
-
styles: [
|
|
88
|
-
'blocks/ButtonSelector/style.less'
|
|
89
|
-
]
|
|
90
|
-
};
|
|
91
|
-
export default ButtonSelector;
|