@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,97 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"type": "object",
|
|
3
|
-
"properties": {
|
|
4
|
-
"type": "object",
|
|
5
|
-
"additionalProperties": false,
|
|
6
|
-
"properties": {
|
|
7
|
-
"activeKey": {
|
|
8
|
-
"type": "string",
|
|
9
|
-
"description": "Current TabPane's key."
|
|
10
|
-
},
|
|
11
|
-
"animated": {
|
|
12
|
-
"type": "boolean",
|
|
13
|
-
"default": true,
|
|
14
|
-
"description": "Whether to change tabs with animation. Only works while tabPosition is top or bottom."
|
|
15
|
-
},
|
|
16
|
-
"defaultActiveKey": {
|
|
17
|
-
"type": "string",
|
|
18
|
-
"description": "Initial active TabPane's key, if activeKey is not set."
|
|
19
|
-
},
|
|
20
|
-
"size": {
|
|
21
|
-
"type": "string",
|
|
22
|
-
"default": "default",
|
|
23
|
-
"enum": ["default", "small", "large"],
|
|
24
|
-
"description": "Size of the tabs."
|
|
25
|
-
},
|
|
26
|
-
"tabPosition": {
|
|
27
|
-
"type": "string",
|
|
28
|
-
"default": "top",
|
|
29
|
-
"enum": ["top", "right", "bottom", "left"],
|
|
30
|
-
"description": "Position of the tabs."
|
|
31
|
-
},
|
|
32
|
-
"tabType": {
|
|
33
|
-
"type": "string",
|
|
34
|
-
"default": "line",
|
|
35
|
-
"enum": ["line", "card"],
|
|
36
|
-
"description": "Type of tabs."
|
|
37
|
-
},
|
|
38
|
-
"tabs": {
|
|
39
|
-
"type": "array",
|
|
40
|
-
"items": {
|
|
41
|
-
"type": "object",
|
|
42
|
-
"required": ["key"],
|
|
43
|
-
"properties": {
|
|
44
|
-
"title": {
|
|
45
|
-
"type": "string",
|
|
46
|
-
"description": "Title of the tab."
|
|
47
|
-
},
|
|
48
|
-
"key": {
|
|
49
|
-
"type": "string",
|
|
50
|
-
"description": "Area key of the tab."
|
|
51
|
-
},
|
|
52
|
-
"disabled": {
|
|
53
|
-
"type": "boolean",
|
|
54
|
-
"default": false,
|
|
55
|
-
"description": "Disable the tab if true."
|
|
56
|
-
},
|
|
57
|
-
"icon": {
|
|
58
|
-
"type": ["string", "object"],
|
|
59
|
-
"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 customize icon to show in tab title.",
|
|
60
|
-
"docs": {
|
|
61
|
-
"displayType": "icon"
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
"tabBarStyle": {
|
|
68
|
-
"type": "object",
|
|
69
|
-
"description": "Css style to apply to the tab bar.",
|
|
70
|
-
"docs": {
|
|
71
|
-
"displayType": "yaml"
|
|
72
|
-
}
|
|
73
|
-
},
|
|
74
|
-
"extraAreaKey": {
|
|
75
|
-
"type": "string",
|
|
76
|
-
"description": "Area key for the extra area blocks."
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
},
|
|
80
|
-
"events": {
|
|
81
|
-
"type": "object",
|
|
82
|
-
"properties": {
|
|
83
|
-
"onChange": {
|
|
84
|
-
"type": "array",
|
|
85
|
-
"description": "Trigger action on tab change."
|
|
86
|
-
},
|
|
87
|
-
"onTabScroll": {
|
|
88
|
-
"type": "array",
|
|
89
|
-
"description": "Trigger action on tab scroll."
|
|
90
|
-
},
|
|
91
|
-
"onTabClick": {
|
|
92
|
-
"type": "array",
|
|
93
|
-
"description": "Trigger action on tab click."
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
}
|
|
@@ -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/tabs/style/index.less';
|
|
@@ -1,87 +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 { blockDefaultProps } from '@lowdefy/block-utils';
|
|
18
|
-
import { Input } from 'antd';
|
|
19
|
-
import Label from '../Label/Label.js';
|
|
20
|
-
import useRunAfterUpdate from '../../useRunAfterUpdate.js';
|
|
21
|
-
const TextAreaComp = Input.TextArea;
|
|
22
|
-
const TextAreaBlock = ({ blockId , components , events , loading , properties , required , validation , value , methods , })=>{
|
|
23
|
-
return /*#__PURE__*/ React.createElement(Label, {
|
|
24
|
-
blockId: blockId,
|
|
25
|
-
components: components,
|
|
26
|
-
events: events,
|
|
27
|
-
properties: {
|
|
28
|
-
title: properties.title,
|
|
29
|
-
size: properties.size,
|
|
30
|
-
...properties.label
|
|
31
|
-
},
|
|
32
|
-
validation: validation,
|
|
33
|
-
required: required,
|
|
34
|
-
content: {
|
|
35
|
-
content: ()=>{
|
|
36
|
-
const runAfterUpdate = useRunAfterUpdate();
|
|
37
|
-
return /*#__PURE__*/ React.createElement(TextAreaComp, {
|
|
38
|
-
id: `${blockId}_input`,
|
|
39
|
-
allowClear: properties.allowClear,
|
|
40
|
-
autoFocus: properties.autoFocus,
|
|
41
|
-
bordered: properties.bordered,
|
|
42
|
-
className: methods.makeCssClass(properties.inputStyle),
|
|
43
|
-
disabled: properties.disabled || loading,
|
|
44
|
-
maxLength: properties.maxLength,
|
|
45
|
-
placeholder: properties.placeholder,
|
|
46
|
-
showCount: properties.showCount,
|
|
47
|
-
size: properties.size,
|
|
48
|
-
value: value,
|
|
49
|
-
autoSize: properties.rows ? {
|
|
50
|
-
minRows: properties.rows,
|
|
51
|
-
maxRows: properties.rows
|
|
52
|
-
} : type.isNone(properties.autoSize) ? {
|
|
53
|
-
minRows: 3
|
|
54
|
-
} : properties.autoSize,
|
|
55
|
-
onChange: (event)=>{
|
|
56
|
-
methods.setValue(event.target.value);
|
|
57
|
-
methods.triggerEvent({
|
|
58
|
-
name: 'onChange'
|
|
59
|
-
});
|
|
60
|
-
const cStart = event.target.selectionStart;
|
|
61
|
-
const cEnd = event.target.selectionEnd;
|
|
62
|
-
runAfterUpdate(()=>{
|
|
63
|
-
event.target.setSelectionRange(cStart, cEnd);
|
|
64
|
-
});
|
|
65
|
-
},
|
|
66
|
-
onPressEnter: ()=>{
|
|
67
|
-
methods.triggerEvent({
|
|
68
|
-
name: 'onPressEnter'
|
|
69
|
-
});
|
|
70
|
-
}
|
|
71
|
-
});
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
});
|
|
75
|
-
};
|
|
76
|
-
TextAreaBlock.defaultProps = blockDefaultProps;
|
|
77
|
-
TextAreaBlock.meta = {
|
|
78
|
-
valueType: 'string',
|
|
79
|
-
category: 'input',
|
|
80
|
-
icons: [
|
|
81
|
-
...Label.meta.icons
|
|
82
|
-
],
|
|
83
|
-
styles: [
|
|
84
|
-
'blocks/TextArea/style.less'
|
|
85
|
-
]
|
|
86
|
-
};
|
|
87
|
-
export default TextAreaBlock;
|
|
@@ -1,164 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"type": "object",
|
|
3
|
-
"properties": {
|
|
4
|
-
"type": "object",
|
|
5
|
-
"additionalProperties": false,
|
|
6
|
-
"properties": {
|
|
7
|
-
"allowClear": {
|
|
8
|
-
"type": "boolean",
|
|
9
|
-
"default": false,
|
|
10
|
-
"description": "Allow the user to clear their input."
|
|
11
|
-
},
|
|
12
|
-
"autoFocus": {
|
|
13
|
-
"type": "boolean",
|
|
14
|
-
"default": false,
|
|
15
|
-
"description": "Autofocus to the block on page load."
|
|
16
|
-
},
|
|
17
|
-
"autoSize": {
|
|
18
|
-
"oneOf": [
|
|
19
|
-
{
|
|
20
|
-
"type": "boolean",
|
|
21
|
-
"default": false,
|
|
22
|
-
"description": "Automatically extend the block number of rows."
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
"type": "object",
|
|
26
|
-
"description": "Automatically extend the block number of rows, with a set minimum and maximum row amount.",
|
|
27
|
-
"properties": {
|
|
28
|
-
"minRows": {
|
|
29
|
-
"type": "integer",
|
|
30
|
-
"description": "Minimum number of rows the block can be."
|
|
31
|
-
},
|
|
32
|
-
"maxRows": {
|
|
33
|
-
"type": "integer",
|
|
34
|
-
"description": "Maximum number of rows the block can be."
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
],
|
|
39
|
-
"description": "autoSize can either be a boolean value, or an object with minimum and maximum rows. Defining autoSize disables any prefix or suffix defined."
|
|
40
|
-
},
|
|
41
|
-
"bordered": {
|
|
42
|
-
"type": "boolean",
|
|
43
|
-
"default": true,
|
|
44
|
-
"description": "Whether or not the textarea has a border style."
|
|
45
|
-
},
|
|
46
|
-
"disabled": {
|
|
47
|
-
"type": "boolean",
|
|
48
|
-
"default": false,
|
|
49
|
-
"description": "Disable the block if true."
|
|
50
|
-
},
|
|
51
|
-
"inputStyle": {
|
|
52
|
-
"type": "object",
|
|
53
|
-
"description": "Css style to applied to input.",
|
|
54
|
-
"docs": {
|
|
55
|
-
"displayType": "yaml"
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
|
-
"label": {
|
|
59
|
-
"type": "object",
|
|
60
|
-
"description": "Label properties.",
|
|
61
|
-
"additionalProperties": false,
|
|
62
|
-
"properties": {
|
|
63
|
-
"align": {
|
|
64
|
-
"type": "string",
|
|
65
|
-
"enum": ["left", "right"],
|
|
66
|
-
"default": "left",
|
|
67
|
-
"description": "Align label left or right when inline."
|
|
68
|
-
},
|
|
69
|
-
"colon": {
|
|
70
|
-
"type": "boolean",
|
|
71
|
-
"default": true,
|
|
72
|
-
"description": "Append label with colon."
|
|
73
|
-
},
|
|
74
|
-
"extra": {
|
|
75
|
-
"type": "string",
|
|
76
|
-
"description": "Extra text to display beneath the content - supports html."
|
|
77
|
-
},
|
|
78
|
-
"title": {
|
|
79
|
-
"type": "string",
|
|
80
|
-
"description": "Label title - supports html."
|
|
81
|
-
},
|
|
82
|
-
"span": {
|
|
83
|
-
"type": "number",
|
|
84
|
-
"description": "Label inline span."
|
|
85
|
-
},
|
|
86
|
-
"disabled": {
|
|
87
|
-
"type": "boolean",
|
|
88
|
-
"default": false,
|
|
89
|
-
"description": "Hide input label."
|
|
90
|
-
},
|
|
91
|
-
"hasFeedback": {
|
|
92
|
-
"type": "boolean",
|
|
93
|
-
"default": true,
|
|
94
|
-
"description": "Display feedback extra from validation, this does not disable validation."
|
|
95
|
-
},
|
|
96
|
-
"inline": {
|
|
97
|
-
"type": "boolean",
|
|
98
|
-
"default": false,
|
|
99
|
-
"description": "Render input and label inline."
|
|
100
|
-
},
|
|
101
|
-
"extraStyle": {
|
|
102
|
-
"type": "object",
|
|
103
|
-
"description": "Css style to applied to label extra.",
|
|
104
|
-
"docs": {
|
|
105
|
-
"displayType": "yaml"
|
|
106
|
-
}
|
|
107
|
-
},
|
|
108
|
-
"feedbackStyle": {
|
|
109
|
-
"type": "object",
|
|
110
|
-
"description": "Css style to applied to label feedback.",
|
|
111
|
-
"docs": {
|
|
112
|
-
"displayType": "yaml"
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
},
|
|
117
|
-
"maxLength": {
|
|
118
|
-
"type": "integer",
|
|
119
|
-
"description": "The max number of input characters."
|
|
120
|
-
},
|
|
121
|
-
"placeholder": {
|
|
122
|
-
"type": "string",
|
|
123
|
-
"description": "Placeholder text inside the block before user types input."
|
|
124
|
-
},
|
|
125
|
-
"rows": {
|
|
126
|
-
"type": "integer",
|
|
127
|
-
"minimum": 1,
|
|
128
|
-
"description": "Number of rows in the block, should be greater or equal to 1. Defining rows disables any prefix."
|
|
129
|
-
},
|
|
130
|
-
"size": {
|
|
131
|
-
"type": "string",
|
|
132
|
-
"enum": ["small", "middle", "large"],
|
|
133
|
-
"default": "middle",
|
|
134
|
-
"description": "Size of the block."
|
|
135
|
-
},
|
|
136
|
-
"showCount": {
|
|
137
|
-
"type": ["boolean", "object"],
|
|
138
|
-
"default": false,
|
|
139
|
-
"description": "Show input character count.",
|
|
140
|
-
"docs": {
|
|
141
|
-
"displayType": "boolean"
|
|
142
|
-
}
|
|
143
|
-
},
|
|
144
|
-
"title": {
|
|
145
|
-
"type": "string",
|
|
146
|
-
"description": "Title to describe the input component, if no title is specified the block id is displayed - supports html."
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
},
|
|
150
|
-
"events": {
|
|
151
|
-
"type": "object",
|
|
152
|
-
"additionalProperties": false,
|
|
153
|
-
"properties": {
|
|
154
|
-
"onChange": {
|
|
155
|
-
"type": "array",
|
|
156
|
-
"description": "Trigger action when text input is changed."
|
|
157
|
-
},
|
|
158
|
-
"onPressEnter": {
|
|
159
|
-
"type": "array",
|
|
160
|
-
"description": "Trigger action when enter is pressed while text input is focused."
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
}
|
|
@@ -1,18 +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/input/style/index.less';
|
|
18
|
-
@import '../Label/style.less';
|
|
@@ -1,92 +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 { Input } from 'antd';
|
|
17
|
-
import { blockDefaultProps } from '@lowdefy/block-utils';
|
|
18
|
-
import Label from '../Label/Label.js';
|
|
19
|
-
import useRunAfterUpdate from '../../useRunAfterUpdate.js';
|
|
20
|
-
const TextInput = ({ blockId , components: { Icon , Link } , events , loading , methods , properties , required , validation , value , })=>{
|
|
21
|
-
return /*#__PURE__*/ React.createElement(Label, {
|
|
22
|
-
blockId: blockId,
|
|
23
|
-
components: {
|
|
24
|
-
Icon,
|
|
25
|
-
Link
|
|
26
|
-
},
|
|
27
|
-
events: events,
|
|
28
|
-
properties: {
|
|
29
|
-
title: properties.title,
|
|
30
|
-
size: properties.size,
|
|
31
|
-
...properties.label
|
|
32
|
-
},
|
|
33
|
-
required: required,
|
|
34
|
-
validation: validation,
|
|
35
|
-
content: {
|
|
36
|
-
content: ()=>{
|
|
37
|
-
const runAfterUpdate = useRunAfterUpdate();
|
|
38
|
-
return /*#__PURE__*/ React.createElement(Input, {
|
|
39
|
-
id: `${blockId}_input`,
|
|
40
|
-
allowClear: properties.allowClear,
|
|
41
|
-
autoFocus: properties.autoFocus,
|
|
42
|
-
bordered: properties.bordered,
|
|
43
|
-
className: methods.makeCssClass(properties.inputStyle),
|
|
44
|
-
disabled: properties.disabled || loading,
|
|
45
|
-
maxLength: properties.maxLength,
|
|
46
|
-
placeholder: properties.placeholder,
|
|
47
|
-
size: properties.size,
|
|
48
|
-
status: validation.status,
|
|
49
|
-
value: value,
|
|
50
|
-
onChange: (event)=>{
|
|
51
|
-
methods.setValue(event.target.value);
|
|
52
|
-
methods.triggerEvent({
|
|
53
|
-
name: 'onChange'
|
|
54
|
-
});
|
|
55
|
-
const cStart = event.target.selectionStart;
|
|
56
|
-
const cEnd = event.target.selectionEnd;
|
|
57
|
-
runAfterUpdate(()=>{
|
|
58
|
-
event.target.setSelectionRange(cStart, cEnd);
|
|
59
|
-
});
|
|
60
|
-
},
|
|
61
|
-
onPressEnter: ()=>{
|
|
62
|
-
methods.triggerEvent({
|
|
63
|
-
name: 'onPressEnter'
|
|
64
|
-
});
|
|
65
|
-
},
|
|
66
|
-
prefix: properties.prefix || properties.prefixIcon && /*#__PURE__*/ React.createElement(Icon, {
|
|
67
|
-
blockId: `${blockId}_prefixIcon`,
|
|
68
|
-
events: events,
|
|
69
|
-
properties: properties.prefixIcon
|
|
70
|
-
}),
|
|
71
|
-
suffix: (properties.suffix || properties.suffixIcon) && /*#__PURE__*/ React.createElement(React.Fragment, null, properties.suffix && properties.suffix, properties.suffixIcon && /*#__PURE__*/ React.createElement(Icon, {
|
|
72
|
-
blockId: `${blockId}_suffixIcon`,
|
|
73
|
-
events: events,
|
|
74
|
-
properties: properties.suffixIcon
|
|
75
|
-
}))
|
|
76
|
-
});
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
});
|
|
80
|
-
};
|
|
81
|
-
TextInput.defaultProps = blockDefaultProps;
|
|
82
|
-
TextInput.meta = {
|
|
83
|
-
valueType: 'string',
|
|
84
|
-
category: 'input',
|
|
85
|
-
icons: [
|
|
86
|
-
...Label.meta.icons
|
|
87
|
-
],
|
|
88
|
-
styles: [
|
|
89
|
-
'blocks/TextInput/style.less'
|
|
90
|
-
]
|
|
91
|
-
};
|
|
92
|
-
export default TextInput;
|
|
@@ -1,149 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"type": "object",
|
|
3
|
-
"properties": {
|
|
4
|
-
"type": "object",
|
|
5
|
-
"additionalProperties": false,
|
|
6
|
-
"properties": {
|
|
7
|
-
"allowClear": {
|
|
8
|
-
"type": "boolean",
|
|
9
|
-
"default": false,
|
|
10
|
-
"description": "Allow the user to clear their input."
|
|
11
|
-
},
|
|
12
|
-
"autoFocus": {
|
|
13
|
-
"type": "boolean",
|
|
14
|
-
"default": false,
|
|
15
|
-
"description": "Autofocus to the block on page load."
|
|
16
|
-
},
|
|
17
|
-
"bordered": {
|
|
18
|
-
"type": "boolean",
|
|
19
|
-
"default": true,
|
|
20
|
-
"description": "Whether or not the text input has a border style."
|
|
21
|
-
},
|
|
22
|
-
"disabled": {
|
|
23
|
-
"type": "boolean",
|
|
24
|
-
"default": false,
|
|
25
|
-
"description": "Disable the block if true."
|
|
26
|
-
},
|
|
27
|
-
"maxLength": {
|
|
28
|
-
"type": "integer",
|
|
29
|
-
"description": "The max number of input characters."
|
|
30
|
-
},
|
|
31
|
-
"placeholder": {
|
|
32
|
-
"type": "string",
|
|
33
|
-
"description": "Placeholder text inside the block before user types input."
|
|
34
|
-
},
|
|
35
|
-
"prefix": {
|
|
36
|
-
"type": "string",
|
|
37
|
-
"description": "Prefix text for the block, priority over $prefix_con."
|
|
38
|
-
},
|
|
39
|
-
"prefixIcon": {
|
|
40
|
-
"type": ["string", "object"],
|
|
41
|
-
"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 customize icon to prefix the text input.",
|
|
42
|
-
"docs": {
|
|
43
|
-
"displayType": "icon"
|
|
44
|
-
}
|
|
45
|
-
},
|
|
46
|
-
"inputStyle": {
|
|
47
|
-
"type": "object",
|
|
48
|
-
"description": "Css style to applied to input.",
|
|
49
|
-
"docs": {
|
|
50
|
-
"displayType": "yaml"
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
"label": {
|
|
54
|
-
"type": "object",
|
|
55
|
-
"description": "Label properties.",
|
|
56
|
-
"additionalProperties": false,
|
|
57
|
-
"properties": {
|
|
58
|
-
"align": {
|
|
59
|
-
"type": "string",
|
|
60
|
-
"enum": ["left", "right"],
|
|
61
|
-
"default": "left",
|
|
62
|
-
"description": "Align label left or right when inline."
|
|
63
|
-
},
|
|
64
|
-
"colon": {
|
|
65
|
-
"type": "boolean",
|
|
66
|
-
"default": true,
|
|
67
|
-
"description": "Append label with colon."
|
|
68
|
-
},
|
|
69
|
-
"extra": {
|
|
70
|
-
"type": "string",
|
|
71
|
-
"description": "Extra text to display beneath the content - supports html."
|
|
72
|
-
},
|
|
73
|
-
"title": {
|
|
74
|
-
"type": "string",
|
|
75
|
-
"description": "Label title - supports html."
|
|
76
|
-
},
|
|
77
|
-
"span": {
|
|
78
|
-
"type": "number",
|
|
79
|
-
"description": "Label inline span."
|
|
80
|
-
},
|
|
81
|
-
"disabled": {
|
|
82
|
-
"type": "boolean",
|
|
83
|
-
"default": false,
|
|
84
|
-
"description": "Hide input label."
|
|
85
|
-
},
|
|
86
|
-
"hasFeedback": {
|
|
87
|
-
"type": "boolean",
|
|
88
|
-
"default": true,
|
|
89
|
-
"description": "Display feedback extra from validation, this does not disable validation."
|
|
90
|
-
},
|
|
91
|
-
"inline": {
|
|
92
|
-
"type": "boolean",
|
|
93
|
-
"default": false,
|
|
94
|
-
"description": "Render input and label inline."
|
|
95
|
-
},
|
|
96
|
-
"extraStyle": {
|
|
97
|
-
"type": "object",
|
|
98
|
-
"description": "Css style to applied to label extra.",
|
|
99
|
-
"docs": {
|
|
100
|
-
"displayType": "yaml"
|
|
101
|
-
}
|
|
102
|
-
},
|
|
103
|
-
"feedbackStyle": {
|
|
104
|
-
"type": "object",
|
|
105
|
-
"description": "Css style to applied to label feedback.",
|
|
106
|
-
"docs": {
|
|
107
|
-
"displayType": "yaml"
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
},
|
|
112
|
-
"size": {
|
|
113
|
-
"type": "string",
|
|
114
|
-
"enum": ["small", "middle", "large"],
|
|
115
|
-
"default": "middle",
|
|
116
|
-
"description": "Size of the block."
|
|
117
|
-
},
|
|
118
|
-
"suffix": {
|
|
119
|
-
"type": "string",
|
|
120
|
-
"description": "Suffix text for the block, priority over suffixIcon."
|
|
121
|
-
},
|
|
122
|
-
"suffixIcon": {
|
|
123
|
-
"type": ["string", "object"],
|
|
124
|
-
"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 customize icon to suffix the text input.",
|
|
125
|
-
"docs": {
|
|
126
|
-
"displayType": "icon"
|
|
127
|
-
}
|
|
128
|
-
},
|
|
129
|
-
"title": {
|
|
130
|
-
"type": "string",
|
|
131
|
-
"description": "Title to describe the input component, if no title is specified the block id is displayed - supports html."
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
},
|
|
135
|
-
"events": {
|
|
136
|
-
"type": "object",
|
|
137
|
-
"additionalProperties": false,
|
|
138
|
-
"properties": {
|
|
139
|
-
"onChange": {
|
|
140
|
-
"type": "array",
|
|
141
|
-
"description": "Trigger action when text input is changed."
|
|
142
|
-
},
|
|
143
|
-
"onPressEnter": {
|
|
144
|
-
"type": "array",
|
|
145
|
-
"description": "Trigger action when enter is pressed while text input is focused."
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
}
|
|
@@ -1,18 +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/input/style/index.less';
|
|
18
|
-
@import '../Label/style.less';
|