@lowdefy/blocks-antd 4.0.0-rc.4 → 4.0.0-rc.6
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/dist/blocks/Header/schema.json +1 -1
- package/dist/blocks/PhoneNumberInput/PhoneNumberInput.js +201 -0
- package/dist/blocks/PhoneNumberInput/regions.js +1479 -0
- package/dist/blocks/PhoneNumberInput/schema.json +187 -0
- package/dist/blocks/{PageHCSF → PhoneNumberInput}/style.less +16 -5
- package/dist/blocks/Sider/schema.json +2 -2
- package/dist/blocks.js +1 -4
- package/package.json +7 -7
- 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/PageHSCF/PageHSCF.js +0 -98
- package/dist/blocks/PageHSCF/schema.json +0 -147
- package/dist/blocks/PageHSCF/style.less +0 -21
- package/dist/blocks/PageSHCF/PageSHCF.js +0 -98
- package/dist/blocks/PageSHCF/schema.json +0 -148
- package/dist/blocks/PageSHCF/style.less +0 -21
|
@@ -0,0 +1,187 @@
|
|
|
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
|
+
"allowedRegions": {
|
|
13
|
+
"type": "array",
|
|
14
|
+
"description": "List of allowed ISO 3166-1 alpha-2 region codes. If allowedRegions is [] or null, the default list of all regions is used.",
|
|
15
|
+
"items": {
|
|
16
|
+
"type": "string"
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
"autoFocus": {
|
|
20
|
+
"type": "boolean",
|
|
21
|
+
"default": false,
|
|
22
|
+
"description": "Autofocus to the block on page load."
|
|
23
|
+
},
|
|
24
|
+
"bordered": {
|
|
25
|
+
"type": "boolean",
|
|
26
|
+
"default": true,
|
|
27
|
+
"description": "Whether or not the text input has a border style."
|
|
28
|
+
},
|
|
29
|
+
"defaultRegion": {
|
|
30
|
+
"type": "string",
|
|
31
|
+
"description": "The dial code of the default region to be used."
|
|
32
|
+
},
|
|
33
|
+
"disabled": {
|
|
34
|
+
"type": "boolean",
|
|
35
|
+
"default": false,
|
|
36
|
+
"description": "Disable the block if true."
|
|
37
|
+
},
|
|
38
|
+
"maxLength": {
|
|
39
|
+
"type": "integer",
|
|
40
|
+
"description": "The max number of input characters."
|
|
41
|
+
},
|
|
42
|
+
"placeholder": {
|
|
43
|
+
"type": "string",
|
|
44
|
+
"description": "Placeholder text inside the block before user types input."
|
|
45
|
+
},
|
|
46
|
+
"prefix": {
|
|
47
|
+
"type": "string",
|
|
48
|
+
"description": "Prefix text for the block, priority over $prefix_con."
|
|
49
|
+
},
|
|
50
|
+
"prefixIcon": {
|
|
51
|
+
"type": ["string", "object"],
|
|
52
|
+
"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.",
|
|
53
|
+
"docs": {
|
|
54
|
+
"displayType": "icon"
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
"inputStyle": {
|
|
58
|
+
"type": "object",
|
|
59
|
+
"description": "Css style to applied to input.",
|
|
60
|
+
"docs": {
|
|
61
|
+
"displayType": "yaml"
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
"label": {
|
|
65
|
+
"type": "object",
|
|
66
|
+
"description": "Label properties.",
|
|
67
|
+
"additionalProperties": false,
|
|
68
|
+
"properties": {
|
|
69
|
+
"align": {
|
|
70
|
+
"type": "string",
|
|
71
|
+
"enum": ["left", "right"],
|
|
72
|
+
"default": "left",
|
|
73
|
+
"description": "Align label left or right when inline."
|
|
74
|
+
},
|
|
75
|
+
"colon": {
|
|
76
|
+
"type": "boolean",
|
|
77
|
+
"default": true,
|
|
78
|
+
"description": "Append label with colon."
|
|
79
|
+
},
|
|
80
|
+
"extra": {
|
|
81
|
+
"type": "string",
|
|
82
|
+
"description": "Extra text to display beneath the content - supports html."
|
|
83
|
+
},
|
|
84
|
+
"title": {
|
|
85
|
+
"type": "string",
|
|
86
|
+
"description": "Label title - supports html."
|
|
87
|
+
},
|
|
88
|
+
"span": {
|
|
89
|
+
"type": "number",
|
|
90
|
+
"description": "Label inline span."
|
|
91
|
+
},
|
|
92
|
+
"disabled": {
|
|
93
|
+
"type": "boolean",
|
|
94
|
+
"default": false,
|
|
95
|
+
"description": "Hide input label."
|
|
96
|
+
},
|
|
97
|
+
"hasFeedback": {
|
|
98
|
+
"type": "boolean",
|
|
99
|
+
"default": true,
|
|
100
|
+
"description": "Display feedback extra from validation, this does not disable validation."
|
|
101
|
+
},
|
|
102
|
+
"inline": {
|
|
103
|
+
"type": "boolean",
|
|
104
|
+
"default": false,
|
|
105
|
+
"description": "Render input and label inline."
|
|
106
|
+
},
|
|
107
|
+
"extraStyle": {
|
|
108
|
+
"type": "object",
|
|
109
|
+
"description": "Css style to applied to label extra.",
|
|
110
|
+
"docs": {
|
|
111
|
+
"displayType": "yaml"
|
|
112
|
+
}
|
|
113
|
+
},
|
|
114
|
+
"feedbackStyle": {
|
|
115
|
+
"type": "object",
|
|
116
|
+
"description": "Css style to applied to label feedback.",
|
|
117
|
+
"docs": {
|
|
118
|
+
"displayType": "yaml"
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
"optionsStyle": {
|
|
124
|
+
"type": "object",
|
|
125
|
+
"description": "Css style to applied to option elements.",
|
|
126
|
+
"docs": {
|
|
127
|
+
"displayType": "yaml"
|
|
128
|
+
}
|
|
129
|
+
},
|
|
130
|
+
"selectStyle": {
|
|
131
|
+
"type": "object",
|
|
132
|
+
"description": "Css style to applied to selector.",
|
|
133
|
+
"docs": {
|
|
134
|
+
"displayType": "yaml"
|
|
135
|
+
}
|
|
136
|
+
},
|
|
137
|
+
"showArrow": {
|
|
138
|
+
"type": "boolean",
|
|
139
|
+
"default": true,
|
|
140
|
+
"description": "Show the suffix icon at the drop-down position of the selector."
|
|
141
|
+
},
|
|
142
|
+
"size": {
|
|
143
|
+
"type": "string",
|
|
144
|
+
"enum": ["small", "middle", "large"],
|
|
145
|
+
"default": "middle",
|
|
146
|
+
"description": "Size of the block."
|
|
147
|
+
},
|
|
148
|
+
"suffix": {
|
|
149
|
+
"type": "string",
|
|
150
|
+
"description": "Suffix text for the block, priority over suffixIcon."
|
|
151
|
+
},
|
|
152
|
+
"suffixIcon": {
|
|
153
|
+
"type": ["string", "object"],
|
|
154
|
+
"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.",
|
|
155
|
+
"docs": {
|
|
156
|
+
"displayType": "icon"
|
|
157
|
+
}
|
|
158
|
+
},
|
|
159
|
+
"title": {
|
|
160
|
+
"type": "string",
|
|
161
|
+
"description": "Title to describe the input component, if no title is specified the block id is displayed - supports html."
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
},
|
|
165
|
+
"events": {
|
|
166
|
+
"type": "object",
|
|
167
|
+
"additionalProperties": false,
|
|
168
|
+
"properties": {
|
|
169
|
+
"onInputChange": {
|
|
170
|
+
"type": "array",
|
|
171
|
+
"description": "Trigger action when text input is changed."
|
|
172
|
+
},
|
|
173
|
+
"onCodeChange": {
|
|
174
|
+
"type": "array",
|
|
175
|
+
"description": "Trigger action when the selector is changed."
|
|
176
|
+
},
|
|
177
|
+
"onChange": {
|
|
178
|
+
"type": "array",
|
|
179
|
+
"description": "Trigger action when the number is changed."
|
|
180
|
+
},
|
|
181
|
+
"onPressEnter": {
|
|
182
|
+
"type": "array",
|
|
183
|
+
"description": "Trigger action when enter is pressed while text input is focused."
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
}
|
|
@@ -14,8 +14,19 @@
|
|
|
14
14
|
limitations under the License.
|
|
15
15
|
*/
|
|
16
16
|
|
|
17
|
-
@import '
|
|
18
|
-
@import '../
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
17
|
+
@import 'antd/lib/input/style/index.less';
|
|
18
|
+
@import '../Label/style.less';
|
|
19
|
+
|
|
20
|
+
.ldf-phone-number-input {
|
|
21
|
+
/* Chrome, Safari, Edge, Opera */
|
|
22
|
+
input::-webkit-outer-spin-button,
|
|
23
|
+
input::-webkit-inner-spin-button {
|
|
24
|
+
-webkit-appearance: none;
|
|
25
|
+
margin: 0;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
/* Firefox */
|
|
29
|
+
input[type=number] {
|
|
30
|
+
-moz-appearance: textfield;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
@@ -31,14 +31,14 @@
|
|
|
31
31
|
"theme": {
|
|
32
32
|
"type": "string",
|
|
33
33
|
"enum": ["light", "dark"],
|
|
34
|
-
"default": "
|
|
34
|
+
"default": "dark",
|
|
35
35
|
"description": "Color theme of the sidebar"
|
|
36
36
|
},
|
|
37
37
|
"style": {
|
|
38
38
|
"type": "object",
|
|
39
39
|
"description": "Css style object to apply to sider.",
|
|
40
40
|
"docs": {
|
|
41
|
-
"displayType": "
|
|
41
|
+
"displayType": "yaml"
|
|
42
42
|
}
|
|
43
43
|
},
|
|
44
44
|
"width": {
|
package/dist/blocks.js
CHANGED
|
@@ -46,16 +46,13 @@ export { default as MonthSelector } from './blocks/MonthSelector/MonthSelector.j
|
|
|
46
46
|
export { default as MultipleSelector } from './blocks/MultipleSelector/MultipleSelector.js';
|
|
47
47
|
export { default as Notification } from './blocks/Notification/Notification.js';
|
|
48
48
|
export { default as NumberInput } from './blocks/NumberInput/NumberInput.js';
|
|
49
|
-
export { default as PageHCF } from './blocks/PageHCF/PageHCF.js';
|
|
50
|
-
export { default as PageHCSF } from './blocks/PageHCSF/PageHCSF.js';
|
|
51
49
|
export { default as PageHeaderMenu } from './blocks/PageHeaderMenu/PageHeaderMenu.js';
|
|
52
|
-
export { default as PageHSCF } from './blocks/PageHSCF/PageHSCF.js';
|
|
53
|
-
export { default as PageSHCF } from './blocks/PageSHCF/PageSHCF.js';
|
|
54
50
|
export { default as PageSiderMenu } from './blocks/PageSiderMenu/PageSiderMenu.js';
|
|
55
51
|
export { default as Pagination } from './blocks/Pagination/Pagination.js';
|
|
56
52
|
export { default as Paragraph } from './blocks/Paragraph/Paragraph.js';
|
|
57
53
|
export { default as ParagraphInput } from './blocks/ParagraphInput/ParagraphInput.js';
|
|
58
54
|
export { default as PasswordInput } from './blocks/PasswordInput/PasswordInput.js';
|
|
55
|
+
export { default as PhoneNumberInput } from './blocks/PhoneNumberInput/PhoneNumberInput.js';
|
|
59
56
|
export { default as Progress } from './blocks/Progress/Progress.js';
|
|
60
57
|
export { default as RadioSelector } from './blocks/RadioSelector/RadioSelector.js';
|
|
61
58
|
export { default as RatingSlider } from './blocks/RatingSlider/RatingSlider.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lowdefy/blocks-antd",
|
|
3
|
-
"version": "4.0.0-rc.
|
|
3
|
+
"version": "4.0.0-rc.6",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"description": "Lowdefy Ant Design Blocks",
|
|
6
6
|
"homepage": "https://lowdefy.com",
|
|
@@ -50,8 +50,8 @@
|
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
52
|
"@ant-design/icons": "4.8.0",
|
|
53
|
-
"@lowdefy/block-utils": "4.0.0-rc.
|
|
54
|
-
"@lowdefy/helpers": "4.0.0-rc.
|
|
53
|
+
"@lowdefy/block-utils": "4.0.0-rc.6",
|
|
54
|
+
"@lowdefy/helpers": "4.0.0-rc.6",
|
|
55
55
|
"antd": "4.22.5",
|
|
56
56
|
"classnames": "2.3.2",
|
|
57
57
|
"moment": "2.29.4",
|
|
@@ -62,9 +62,9 @@
|
|
|
62
62
|
},
|
|
63
63
|
"devDependencies": {
|
|
64
64
|
"@emotion/jest": "11.10.5",
|
|
65
|
-
"@lowdefy/block-dev": "4.0.0-rc.
|
|
66
|
-
"@lowdefy/jest-yaml-transform": "4.0.0-rc.
|
|
67
|
-
"@lowdefy/node-utils": "4.0.0-rc.
|
|
65
|
+
"@lowdefy/block-dev": "4.0.0-rc.6",
|
|
66
|
+
"@lowdefy/jest-yaml-transform": "4.0.0-rc.6",
|
|
67
|
+
"@lowdefy/node-utils": "4.0.0-rc.6",
|
|
68
68
|
"@swc/cli": "0.1.59",
|
|
69
69
|
"@swc/core": "1.3.24",
|
|
70
70
|
"@swc/jest": "0.2.24",
|
|
@@ -79,5 +79,5 @@
|
|
|
79
79
|
"publishConfig": {
|
|
80
80
|
"access": "public"
|
|
81
81
|
},
|
|
82
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "8238145a9eb26c6f3dc48661ab6eca6e3aca4f83"
|
|
83
83
|
}
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright 2020-2023 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 { blockDefaultProps } from '@lowdefy/block-utils';
|
|
17
|
-
import { mergeObjects } from '@lowdefy/helpers';
|
|
18
|
-
import Content from '../Content/Content.js';
|
|
19
|
-
import Footer from '../Footer/Footer.js';
|
|
20
|
-
import Header from '../Header/Header.js';
|
|
21
|
-
import Layout from '../Layout/Layout.js';
|
|
22
|
-
const PageHCF = ({ blockId , components , content , events , properties })=>/*#__PURE__*/ React.createElement(Layout, {
|
|
23
|
-
blockId: blockId,
|
|
24
|
-
components: components,
|
|
25
|
-
events: events,
|
|
26
|
-
properties: {
|
|
27
|
-
style: mergeObjects([
|
|
28
|
-
{
|
|
29
|
-
minHeight: '100vh'
|
|
30
|
-
},
|
|
31
|
-
properties.style
|
|
32
|
-
])
|
|
33
|
-
},
|
|
34
|
-
content: {
|
|
35
|
-
content: ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, content.header && /*#__PURE__*/ React.createElement(Header, {
|
|
36
|
-
blockId: `${blockId}_header`,
|
|
37
|
-
components: components,
|
|
38
|
-
events: events,
|
|
39
|
-
properties: properties.header,
|
|
40
|
-
content: {
|
|
41
|
-
content: ()=>content.header()
|
|
42
|
-
}
|
|
43
|
-
}), content.content && /*#__PURE__*/ React.createElement(Content, {
|
|
44
|
-
blockId: `${blockId}_content`,
|
|
45
|
-
components: components,
|
|
46
|
-
events: events,
|
|
47
|
-
properties: properties.content,
|
|
48
|
-
content: {
|
|
49
|
-
content: ()=>content.content()
|
|
50
|
-
}
|
|
51
|
-
}), content.footer && /*#__PURE__*/ React.createElement(Footer, {
|
|
52
|
-
blockId: `${blockId}_footer`,
|
|
53
|
-
components: components,
|
|
54
|
-
events: events,
|
|
55
|
-
properties: properties.footer,
|
|
56
|
-
content: {
|
|
57
|
-
content: ()=>content.footer()
|
|
58
|
-
}
|
|
59
|
-
}))
|
|
60
|
-
}
|
|
61
|
-
});
|
|
62
|
-
PageHCF.defaultProps = blockDefaultProps;
|
|
63
|
-
PageHCF.meta = {
|
|
64
|
-
category: 'container',
|
|
65
|
-
icons: [],
|
|
66
|
-
styles: [
|
|
67
|
-
'blocks/PageHCF/style.less'
|
|
68
|
-
]
|
|
69
|
-
};
|
|
70
|
-
export default PageHCF;
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"type": "object",
|
|
3
|
-
"properties": {
|
|
4
|
-
"type": "object",
|
|
5
|
-
"additionalProperties": false,
|
|
6
|
-
"properties": {
|
|
7
|
-
"header": {
|
|
8
|
-
"type": "object",
|
|
9
|
-
"description": "Header properties.",
|
|
10
|
-
"additionalProperties": false,
|
|
11
|
-
"properties": {
|
|
12
|
-
"theme": {
|
|
13
|
-
"type": "string",
|
|
14
|
-
"enum": ["light", "dark"],
|
|
15
|
-
"default": "dark",
|
|
16
|
-
"description": "Header theme color."
|
|
17
|
-
},
|
|
18
|
-
"style": {
|
|
19
|
-
"type": "object",
|
|
20
|
-
"description": "Header css style object.",
|
|
21
|
-
"docs": {
|
|
22
|
-
"displayType": "yaml"
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
},
|
|
27
|
-
"content": {
|
|
28
|
-
"type": "object",
|
|
29
|
-
"description": "Content properties.",
|
|
30
|
-
"additionalProperties": false,
|
|
31
|
-
"properties": {
|
|
32
|
-
"style": {
|
|
33
|
-
"type": "object",
|
|
34
|
-
"description": "Content css style object.",
|
|
35
|
-
"docs": {
|
|
36
|
-
"displayType": "yaml"
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
},
|
|
41
|
-
"footer": {
|
|
42
|
-
"type": "object",
|
|
43
|
-
"description": "Footer properties.",
|
|
44
|
-
"additionalProperties": false,
|
|
45
|
-
"properties": {
|
|
46
|
-
"style": {
|
|
47
|
-
"type": "object",
|
|
48
|
-
"description": "Footer css style object.",
|
|
49
|
-
"docs": {
|
|
50
|
-
"displayType": "yaml"
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
},
|
|
55
|
-
"style": {
|
|
56
|
-
"type": "object",
|
|
57
|
-
"description": "Css style object to apply to layout.",
|
|
58
|
-
"docs": {
|
|
59
|
-
"displayType": "yaml"
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright 2020-2023 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 '../Header/style.less';
|
|
18
|
-
@import '../Footer/style.less';
|
|
19
|
-
@import '../Content/style.less';
|
|
20
|
-
@import '../Layout/style.less';
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright 2020-2023 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 { blockDefaultProps } from '@lowdefy/block-utils';
|
|
17
|
-
import { mergeObjects } from '@lowdefy/helpers';
|
|
18
|
-
import Content from '../Content/Content.js';
|
|
19
|
-
import Footer from '../Footer/Footer.js';
|
|
20
|
-
import Header from '../Header/Header.js';
|
|
21
|
-
import Layout from '../Layout/Layout.js';
|
|
22
|
-
import Sider from '../Sider/Sider.js';
|
|
23
|
-
const PageHCSF = ({ blockId , components , content , events , methods , properties })=>/*#__PURE__*/ React.createElement(Layout, {
|
|
24
|
-
blockId: blockId,
|
|
25
|
-
components: components,
|
|
26
|
-
events: events,
|
|
27
|
-
properties: {
|
|
28
|
-
style: mergeObjects([
|
|
29
|
-
{
|
|
30
|
-
minHeight: '100vh'
|
|
31
|
-
},
|
|
32
|
-
properties.style
|
|
33
|
-
])
|
|
34
|
-
},
|
|
35
|
-
content: {
|
|
36
|
-
content: ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, content.header && /*#__PURE__*/ React.createElement(Header, {
|
|
37
|
-
blockId: `${blockId}_header`,
|
|
38
|
-
components: components,
|
|
39
|
-
events: events,
|
|
40
|
-
properties: properties.header,
|
|
41
|
-
content: {
|
|
42
|
-
content: ()=>content.header()
|
|
43
|
-
}
|
|
44
|
-
}), /*#__PURE__*/ React.createElement(Layout, {
|
|
45
|
-
blockId: `${blockId}_layout`,
|
|
46
|
-
components: components,
|
|
47
|
-
events: events,
|
|
48
|
-
properties: properties.main,
|
|
49
|
-
content: {
|
|
50
|
-
content: ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, content.content && /*#__PURE__*/ React.createElement(Content, {
|
|
51
|
-
blockId: `${blockId}_content`,
|
|
52
|
-
components: components,
|
|
53
|
-
events: events,
|
|
54
|
-
properties: properties.content,
|
|
55
|
-
content: {
|
|
56
|
-
content: ()=>content.content()
|
|
57
|
-
}
|
|
58
|
-
}), content.sider && /*#__PURE__*/ React.createElement(Sider, {
|
|
59
|
-
blockId: `${blockId}_sider`,
|
|
60
|
-
components: components,
|
|
61
|
-
events: events,
|
|
62
|
-
properties: properties.sider,
|
|
63
|
-
methods: methods,
|
|
64
|
-
content: {
|
|
65
|
-
content: ()=>content.sider()
|
|
66
|
-
},
|
|
67
|
-
rename: {
|
|
68
|
-
events: {
|
|
69
|
-
onClose: 'onSiderClose',
|
|
70
|
-
onOpen: 'onSiderOpen'
|
|
71
|
-
},
|
|
72
|
-
methods: {
|
|
73
|
-
toggleOpen: 'toggleSiderOpen',
|
|
74
|
-
setOpen: 'setSiderOpen'
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
}))
|
|
78
|
-
}
|
|
79
|
-
}), content.footer && /*#__PURE__*/ React.createElement(Footer, {
|
|
80
|
-
blockId: `${blockId}_footer`,
|
|
81
|
-
components: components,
|
|
82
|
-
events: events,
|
|
83
|
-
properties: properties.footer,
|
|
84
|
-
content: {
|
|
85
|
-
content: ()=>content.footer()
|
|
86
|
-
}
|
|
87
|
-
}))
|
|
88
|
-
}
|
|
89
|
-
});
|
|
90
|
-
PageHCSF.defaultProps = blockDefaultProps;
|
|
91
|
-
PageHCSF.meta = {
|
|
92
|
-
category: 'container',
|
|
93
|
-
icons: [],
|
|
94
|
-
styles: [
|
|
95
|
-
'blocks/PageHCSF/style.less'
|
|
96
|
-
]
|
|
97
|
-
};
|
|
98
|
-
export default PageHCSF;
|