pb-sxp-ui 1.2.8 → 1.2.10
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/index.cjs +98 -31
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +98 -31
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +3 -3
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +3 -3
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +98 -31
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +3 -3
- package/dist/pb-ui.min.js.map +1 -1
- package/es/core/components/SxpPageRender/FormatImage.js +19 -17
- package/es/core/components/SxpPageRender/index.js +6 -4
- package/es/materials/sxp/HashTag/settingRender.d.ts +6 -7
- package/es/materials/sxp/HashTag/settingRender.js +9 -0
- package/es/materials/sxp/cta/AniLink/settingRender.d.ts +5 -0
- package/es/materials/sxp/cta/AniLink/settingRender.js +4 -0
- package/es/materials/sxp/cta/AniLinkPopup/material.js +2 -1
- package/es/materials/sxp/popup/AppointForm/settingRender.d.ts +8 -5
- package/es/materials/sxp/popup/AppointForm/settingRender.js +12 -0
- package/es/materials/sxp/popup/CommodityDetail/settingRender.d.ts +6 -0
- package/es/materials/sxp/popup/CommodityDetail/settingRender.js +9 -0
- package/es/materials/sxp/popup/CommodityDetailDiroNew/settingRender.d.ts +6 -0
- package/es/materials/sxp/popup/CommodityDetailDiroNew/settingRender.js +9 -0
- package/es/materials/sxp/popup/CommodityList/settingRender.js +4 -0
- package/es/materials/sxp/popup/Prompt/settingRender.js +10 -0
- package/es/materials/sxp/template/Link/settingRender.js +5 -0
- package/lib/core/components/SxpPageRender/FormatImage.js +19 -17
- package/lib/core/components/SxpPageRender/index.js +6 -4
- package/lib/materials/sxp/HashTag/settingRender.d.ts +6 -7
- package/lib/materials/sxp/HashTag/settingRender.js +9 -0
- package/lib/materials/sxp/cta/AniLink/settingRender.d.ts +5 -0
- package/lib/materials/sxp/cta/AniLink/settingRender.js +4 -0
- package/lib/materials/sxp/cta/AniLinkPopup/material.js +2 -1
- package/lib/materials/sxp/popup/AppointForm/settingRender.d.ts +8 -5
- package/lib/materials/sxp/popup/AppointForm/settingRender.js +12 -0
- package/lib/materials/sxp/popup/CommodityDetail/settingRender.d.ts +6 -0
- package/lib/materials/sxp/popup/CommodityDetail/settingRender.js +9 -0
- package/lib/materials/sxp/popup/CommodityDetailDiroNew/settingRender.d.ts +6 -0
- package/lib/materials/sxp/popup/CommodityDetailDiroNew/settingRender.js +9 -0
- package/lib/materials/sxp/popup/CommodityList/settingRender.js +4 -0
- package/lib/materials/sxp/popup/Prompt/settingRender.js +10 -0
- package/lib/materials/sxp/template/Link/settingRender.js +5 -0
- package/package.json +1 -1
@@ -4,18 +4,20 @@ const FormatImage = forwardRef((props, ref) => {
|
|
4
4
|
const { src, onLoad, style, className, loading, alt = 'image' } = props;
|
5
5
|
const [imgSrc, setImgSrc] = useState();
|
6
6
|
const imgRef = useRef(null);
|
7
|
+
const [visible, setVisible] = useState(false);
|
7
8
|
useImperativeHandle(ref, () => ({
|
8
9
|
setSrc: (v) => {
|
9
|
-
|
10
|
+
if (v)
|
11
|
+
setImgSrc(v);
|
10
12
|
}
|
11
13
|
}));
|
12
14
|
useEffect(() => {
|
13
|
-
|
15
|
+
if (src)
|
16
|
+
setImgSrc(src);
|
14
17
|
}, [src]);
|
15
18
|
useEffect(() => {
|
16
19
|
const onShow = () => {
|
17
|
-
|
18
|
-
if (src && ((_b = (_a = imgRef === null || imgRef === void 0 ? void 0 : imgRef.current) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.display) === 'none') {
|
20
|
+
if (src && !visible) {
|
19
21
|
imgRef.current.src = '';
|
20
22
|
imgRef.current.src = src;
|
21
23
|
}
|
@@ -24,19 +26,19 @@ const FormatImage = forwardRef((props, ref) => {
|
|
24
26
|
return () => {
|
25
27
|
SXP_EVENT_BUS.off(SXP_EVENT_TYPE.PAGE_DID_SHOW, onShow);
|
26
28
|
};
|
27
|
-
}, [src]);
|
28
|
-
return (React.createElement(React.Fragment, null,
|
29
|
-
React.createElement("
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
29
|
+
}, [src, visible]);
|
30
|
+
return (React.createElement(React.Fragment, null,
|
31
|
+
!visible && React.createElement("div", { style: { width: '100%', height: '100%', zIndex: 1, backgroundColor: '#fff' } }),
|
32
|
+
(imgSrc === null || imgSrc === void 0 ? void 0 : imgSrc.includes('.avif')) ? (React.createElement("picture", null,
|
33
|
+
React.createElement("source", { type: 'image/avif', srcSet: imgSrc }),
|
34
|
+
React.createElement("source", { type: 'image/webp', srcSet: `${imgSrc}?imageMogr2/format/webp` }),
|
35
|
+
React.createElement("source", { type: 'image/jpeg', srcSet: `${imgSrc}?imageMogr2/format/jpg` }),
|
36
|
+
React.createElement("img", { ref: imgRef, className: className, src: imgSrc, style: Object.assign({}, style), loading: loading, onLoad: (e) => {
|
37
|
+
setVisible(true);
|
38
|
+
onLoad === null || onLoad === void 0 ? void 0 : onLoad(e.target);
|
39
|
+
}, alt: alt }))) : (React.createElement("img", { ref: imgRef, className: className, src: imgSrc, style: Object.assign({}, style), loading: loading, onLoad: (e) => {
|
40
|
+
setVisible(true);
|
35
41
|
onLoad === null || onLoad === void 0 ? void 0 : onLoad(e.target);
|
36
|
-
}, alt: alt })))
|
37
|
-
if (imgRef.current)
|
38
|
-
imgRef.current.style.display = 'block';
|
39
|
-
onLoad === null || onLoad === void 0 ? void 0 : onLoad(e.target);
|
40
|
-
}, alt: alt }))));
|
42
|
+
}, alt: alt }))));
|
41
43
|
});
|
42
44
|
export default memo(FormatImage);
|
@@ -30,7 +30,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
30
30
|
const viewTime = useRef();
|
31
31
|
const [isLoadMore, setIsLoadMore] = useState(false);
|
32
32
|
const [isShowMore, setIsShowMore] = useState(false);
|
33
|
-
const [isReload, setIsReload] = useState(
|
33
|
+
const [isReload, setIsReload] = useState(new Date().getTime());
|
34
34
|
const skipLinkRef = useRef(false);
|
35
35
|
const { loadVideos, bffEventReport, loading, setPopupDetailData, ctaEvent, swiperRef, waterFallData, setOpenHashtag, appDomain, openHashtag, loadingImage, isFromHashtag, popupDetailData, bffFbReport, curTime, h5EnterLink, isShowConsent, selectTag, isPreview } = useSxpDataSource();
|
36
36
|
const { backMainFeed } = useEventReport();
|
@@ -124,7 +124,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
124
124
|
}
|
125
125
|
else if (document.visibilityState === 'visible') {
|
126
126
|
if (skipLinkRef.current === true) {
|
127
|
-
setIsReload(
|
127
|
+
setIsReload(new Date().getTime());
|
128
|
+
skipLinkRef.current = false;
|
128
129
|
}
|
129
130
|
handleH5EnterLink();
|
130
131
|
if (repCond) {
|
@@ -182,7 +183,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
182
183
|
const renderContent = useCallback((rec, index) => {
|
183
184
|
var _a, _b, _c, _d;
|
184
185
|
if ((_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.url) {
|
185
|
-
return (React.createElement(VideoWidget, { rec: rec, index: index, muted: isMuted, data: data, height: height, activeIndex: activeIndex, videoPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPost, videoPlayIcon: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPlayIcon }));
|
186
|
+
return (React.createElement(VideoWidget, { key: isReload, rec: rec, index: index, muted: isMuted, data: data, height: height, activeIndex: activeIndex, videoPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPost, videoPlayIcon: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPlayIcon }));
|
186
187
|
}
|
187
188
|
if ((_b = rec === null || rec === void 0 ? void 0 : rec.video) === null || _b === void 0 ? void 0 : _b.imgUrls) {
|
188
189
|
return (React.createElement(PictureGroup, { key: rec === null || rec === void 0 ? void 0 : rec.video.itemId, imgUrls: rec === null || rec === void 0 ? void 0 : rec.video.imgUrls, width: containerWidth, height: height, rec: rec, index: index, onReportViewImageEnd: handleReportViewImageEnd, onViewImageStartEvent: handleViewImageStartEvent, imgUrlsPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.imgUrlsPost }));
|
@@ -208,7 +209,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
208
209
|
viewTime,
|
209
210
|
tipText,
|
210
211
|
resolver,
|
211
|
-
schema
|
212
|
+
schema,
|
213
|
+
isReload
|
212
214
|
]);
|
213
215
|
const onExpandableChange = useCallback((v) => {
|
214
216
|
setIsShowMore(v);
|
@@ -1,11 +1,4 @@
|
|
1
1
|
declare const _default: ({
|
2
|
-
title: string;
|
3
|
-
child: {
|
4
|
-
type: string;
|
5
|
-
label: string;
|
6
|
-
name: string[];
|
7
|
-
}[];
|
8
|
-
} | {
|
9
2
|
title: string;
|
10
3
|
child: ({
|
11
4
|
type: string;
|
@@ -126,6 +119,12 @@ declare const _default: ({
|
|
126
119
|
})[];
|
127
120
|
name?: undefined;
|
128
121
|
initialValue?: undefined;
|
122
|
+
} | {
|
123
|
+
label: string;
|
124
|
+
type: string;
|
125
|
+
name: string[];
|
126
|
+
initialValue?: undefined;
|
127
|
+
child?: undefined;
|
129
128
|
})[];
|
130
129
|
})[];
|
131
130
|
export default _default;
|
@@ -99,6 +99,10 @@ export default [
|
|
99
99
|
{
|
100
100
|
label: '标题对齐',
|
101
101
|
type: 'TextAlign'
|
102
|
+
},
|
103
|
+
{
|
104
|
+
label: '间距',
|
105
|
+
type: 'TextSpace'
|
102
106
|
}
|
103
107
|
]
|
104
108
|
}
|
@@ -184,6 +188,11 @@ export default [
|
|
184
188
|
{
|
185
189
|
type: 'TextAlign',
|
186
190
|
name: ['props', 'buttonStyle']
|
191
|
+
},
|
192
|
+
{
|
193
|
+
label: '间距',
|
194
|
+
type: 'TextSpace',
|
195
|
+
name: ['props', 'buttonStyle']
|
187
196
|
}
|
188
197
|
]
|
189
198
|
},
|
@@ -64,13 +64,16 @@ declare const _default: ({
|
|
64
64
|
})[];
|
65
65
|
name?: undefined;
|
66
66
|
options?: undefined;
|
67
|
-
}
|
67
|
+
})[];
|
68
|
+
type?: undefined;
|
69
|
+
label?: undefined;
|
70
|
+
name?: undefined;
|
71
|
+
} | {
|
72
|
+
title: string;
|
73
|
+
child: {
|
68
74
|
type: string;
|
69
75
|
name: string[];
|
70
|
-
|
71
|
-
child?: undefined;
|
72
|
-
options?: undefined;
|
73
|
-
})[];
|
76
|
+
}[];
|
74
77
|
type?: undefined;
|
75
78
|
label?: undefined;
|
76
79
|
name?: undefined;
|
@@ -53,6 +53,11 @@ export default [
|
|
53
53
|
type: 'TextAlign',
|
54
54
|
name: ['textStyle']
|
55
55
|
},
|
56
|
+
{
|
57
|
+
label: '标题间距',
|
58
|
+
type: 'TextSpace',
|
59
|
+
name: ['textStyle']
|
60
|
+
},
|
56
61
|
{
|
57
62
|
label: '表单布局',
|
58
63
|
type: 'Radius',
|
@@ -111,10 +116,12 @@ export default [
|
|
111
116
|
]
|
112
117
|
},
|
113
118
|
{
|
119
|
+
label: '提交按钮文本样式',
|
114
120
|
type: 'TextStyle',
|
115
121
|
name: ['props', 'submitButtonStyle']
|
116
122
|
},
|
117
123
|
{
|
124
|
+
label: '提交按钮对齐',
|
118
125
|
type: 'TextAlign',
|
119
126
|
name: ['props', 'submitButtonStyle']
|
120
127
|
},
|
@@ -122,6 +129,11 @@ export default [
|
|
122
129
|
label: '提交按钮颜色',
|
123
130
|
type: 'Color',
|
124
131
|
name: ['props', 'submitBgColor']
|
132
|
+
},
|
133
|
+
{
|
134
|
+
label: '提交按钮间距',
|
135
|
+
type: 'TextSpace',
|
136
|
+
name: ['props', 'submitButtonStyle']
|
125
137
|
}
|
126
138
|
]
|
127
139
|
},
|
@@ -194,6 +194,12 @@ declare const _default: ({
|
|
194
194
|
})[];
|
195
195
|
name?: undefined;
|
196
196
|
initialValue?: undefined;
|
197
|
+
} | {
|
198
|
+
label: string;
|
199
|
+
type: string;
|
200
|
+
name: string[];
|
201
|
+
initialValue?: undefined;
|
202
|
+
child?: undefined;
|
197
203
|
})[];
|
198
204
|
})[];
|
199
205
|
export default _default;
|
@@ -173,6 +173,10 @@ export default [
|
|
173
173
|
label: '默认行数',
|
174
174
|
type: 'Number',
|
175
175
|
name: ['lineClamp']
|
176
|
+
},
|
177
|
+
{
|
178
|
+
label: '间距',
|
179
|
+
type: 'TextSpace'
|
176
180
|
}
|
177
181
|
]
|
178
182
|
}
|
@@ -258,6 +262,11 @@ export default [
|
|
258
262
|
{
|
259
263
|
type: 'TextAlign',
|
260
264
|
name: ['props', 'buttonStyle']
|
265
|
+
},
|
266
|
+
{
|
267
|
+
label: '间距',
|
268
|
+
type: 'TextSpace',
|
269
|
+
name: ['props', 'buttonStyle']
|
261
270
|
}
|
262
271
|
]
|
263
272
|
}
|
@@ -182,6 +182,12 @@ declare const _default: ({
|
|
182
182
|
})[];
|
183
183
|
name?: undefined;
|
184
184
|
initialValue?: undefined;
|
185
|
+
} | {
|
186
|
+
label: string;
|
187
|
+
type: string;
|
188
|
+
name: string[];
|
189
|
+
initialValue?: undefined;
|
190
|
+
child?: undefined;
|
185
191
|
})[];
|
186
192
|
})[];
|
187
193
|
export default _default;
|
@@ -156,6 +156,10 @@ export default [
|
|
156
156
|
label: '默认行数',
|
157
157
|
type: 'Number',
|
158
158
|
name: ['lineClamp']
|
159
|
+
},
|
160
|
+
{
|
161
|
+
label: '间距',
|
162
|
+
type: 'TextSpace'
|
159
163
|
}
|
160
164
|
]
|
161
165
|
}
|
@@ -241,6 +245,11 @@ export default [
|
|
241
245
|
{
|
242
246
|
type: 'TextAlign',
|
243
247
|
name: ['props', 'buttonStyle']
|
248
|
+
},
|
249
|
+
{
|
250
|
+
label: '间距',
|
251
|
+
type: 'TextSpace',
|
252
|
+
name: ['props', 'buttonStyle']
|
244
253
|
}
|
245
254
|
]
|
246
255
|
}
|
@@ -46,6 +46,11 @@ export default [
|
|
46
46
|
}
|
47
47
|
]
|
48
48
|
},
|
49
|
+
{
|
50
|
+
label: '内容字体间距',
|
51
|
+
type: 'TextSpace',
|
52
|
+
name: ['props', 'contentStyle']
|
53
|
+
},
|
49
54
|
{
|
50
55
|
type: 'Group',
|
51
56
|
label: '提交按钮字体',
|
@@ -79,6 +84,11 @@ export default [
|
|
79
84
|
}
|
80
85
|
]
|
81
86
|
},
|
87
|
+
{
|
88
|
+
label: '提交按钮间距',
|
89
|
+
type: 'TextSpace',
|
90
|
+
name: ['props', 'submitButtonStyle']
|
91
|
+
},
|
82
92
|
{
|
83
93
|
type: 'TextStyle',
|
84
94
|
name: ['props', 'submitButtonStyle']
|
@@ -7,18 +7,20 @@ const FormatImage = (0, react_1.forwardRef)((props, ref) => {
|
|
7
7
|
const { src, onLoad, style, className, loading, alt = 'image' } = props;
|
8
8
|
const [imgSrc, setImgSrc] = (0, react_1.useState)();
|
9
9
|
const imgRef = (0, react_1.useRef)(null);
|
10
|
+
const [visible, setVisible] = (0, react_1.useState)(false);
|
10
11
|
(0, react_1.useImperativeHandle)(ref, () => ({
|
11
12
|
setSrc: (v) => {
|
12
|
-
|
13
|
+
if (v)
|
14
|
+
setImgSrc(v);
|
13
15
|
}
|
14
16
|
}));
|
15
17
|
(0, react_1.useEffect)(() => {
|
16
|
-
|
18
|
+
if (src)
|
19
|
+
setImgSrc(src);
|
17
20
|
}, [src]);
|
18
21
|
(0, react_1.useEffect)(() => {
|
19
22
|
const onShow = () => {
|
20
|
-
|
21
|
-
if (src && ((_b = (_a = imgRef === null || imgRef === void 0 ? void 0 : imgRef.current) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.display) === 'none') {
|
23
|
+
if (src && !visible) {
|
22
24
|
imgRef.current.src = '';
|
23
25
|
imgRef.current.src = src;
|
24
26
|
}
|
@@ -27,19 +29,19 @@ const FormatImage = (0, react_1.forwardRef)((props, ref) => {
|
|
27
29
|
return () => {
|
28
30
|
event_1.default.off(event_1.SXP_EVENT_TYPE.PAGE_DID_SHOW, onShow);
|
29
31
|
};
|
30
|
-
}, [src]);
|
31
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
32
|
-
react_1.default.createElement("
|
33
|
-
react_1.default.createElement("
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
32
|
+
}, [src, visible]);
|
33
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
34
|
+
!visible && react_1.default.createElement("div", { style: { width: '100%', height: '100%', zIndex: 1, backgroundColor: '#fff' } }),
|
35
|
+
(imgSrc === null || imgSrc === void 0 ? void 0 : imgSrc.includes('.avif')) ? (react_1.default.createElement("picture", null,
|
36
|
+
react_1.default.createElement("source", { type: 'image/avif', srcSet: imgSrc }),
|
37
|
+
react_1.default.createElement("source", { type: 'image/webp', srcSet: `${imgSrc}?imageMogr2/format/webp` }),
|
38
|
+
react_1.default.createElement("source", { type: 'image/jpeg', srcSet: `${imgSrc}?imageMogr2/format/jpg` }),
|
39
|
+
react_1.default.createElement("img", { ref: imgRef, className: className, src: imgSrc, style: Object.assign({}, style), loading: loading, onLoad: (e) => {
|
40
|
+
setVisible(true);
|
41
|
+
onLoad === null || onLoad === void 0 ? void 0 : onLoad(e.target);
|
42
|
+
}, alt: alt }))) : (react_1.default.createElement("img", { ref: imgRef, className: className, src: imgSrc, style: Object.assign({}, style), loading: loading, onLoad: (e) => {
|
43
|
+
setVisible(true);
|
38
44
|
onLoad === null || onLoad === void 0 ? void 0 : onLoad(e.target);
|
39
|
-
}, alt: alt })))
|
40
|
-
if (imgRef.current)
|
41
|
-
imgRef.current.style.display = 'block';
|
42
|
-
onLoad === null || onLoad === void 0 ? void 0 : onLoad(e.target);
|
43
|
-
}, alt: alt }))));
|
45
|
+
}, alt: alt }))));
|
44
46
|
});
|
45
47
|
exports.default = (0, react_1.memo)(FormatImage);
|
@@ -33,7 +33,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
33
33
|
const viewTime = (0, react_1.useRef)();
|
34
34
|
const [isLoadMore, setIsLoadMore] = (0, react_1.useState)(false);
|
35
35
|
const [isShowMore, setIsShowMore] = (0, react_1.useState)(false);
|
36
|
-
const [isReload, setIsReload] = (0, react_1.useState)(
|
36
|
+
const [isReload, setIsReload] = (0, react_1.useState)(new Date().getTime());
|
37
37
|
const skipLinkRef = (0, react_1.useRef)(false);
|
38
38
|
const { loadVideos, bffEventReport, loading, setPopupDetailData, ctaEvent, swiperRef, waterFallData, setOpenHashtag, appDomain, openHashtag, loadingImage, isFromHashtag, popupDetailData, bffFbReport, curTime, h5EnterLink, isShowConsent, selectTag, isPreview } = (0, hooks_1.useSxpDataSource)();
|
39
39
|
const { backMainFeed } = (0, useEventReport_1.useEventReport)();
|
@@ -127,7 +127,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
127
127
|
}
|
128
128
|
else if (document.visibilityState === 'visible') {
|
129
129
|
if (skipLinkRef.current === true) {
|
130
|
-
setIsReload(
|
130
|
+
setIsReload(new Date().getTime());
|
131
|
+
skipLinkRef.current = false;
|
131
132
|
}
|
132
133
|
handleH5EnterLink();
|
133
134
|
if (repCond) {
|
@@ -185,7 +186,7 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
185
186
|
const renderContent = (0, react_1.useCallback)((rec, index) => {
|
186
187
|
var _a, _b, _c, _d;
|
187
188
|
if ((_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.url) {
|
188
|
-
return (react_1.default.createElement(VideoWidget_1.default, { rec: rec, index: index, muted: isMuted, data: data, height: height, activeIndex: activeIndex, videoPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPost, videoPlayIcon: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPlayIcon }));
|
189
|
+
return (react_1.default.createElement(VideoWidget_1.default, { key: isReload, rec: rec, index: index, muted: isMuted, data: data, height: height, activeIndex: activeIndex, videoPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPost, videoPlayIcon: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.videoPlayIcon }));
|
189
190
|
}
|
190
191
|
if ((_b = rec === null || rec === void 0 ? void 0 : rec.video) === null || _b === void 0 ? void 0 : _b.imgUrls) {
|
191
192
|
return (react_1.default.createElement(PictureGroup_1.default, { key: rec === null || rec === void 0 ? void 0 : rec.video.itemId, imgUrls: rec === null || rec === void 0 ? void 0 : rec.video.imgUrls, width: containerWidth, height: height, rec: rec, index: index, onReportViewImageEnd: handleReportViewImageEnd, onViewImageStartEvent: handleViewImageStartEvent, imgUrlsPostConfig: globalConfig === null || globalConfig === void 0 ? void 0 : globalConfig.imgUrlsPost }));
|
@@ -211,7 +212,8 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
|
|
211
212
|
viewTime,
|
212
213
|
tipText,
|
213
214
|
resolver,
|
214
|
-
schema
|
215
|
+
schema,
|
216
|
+
isReload
|
215
217
|
]);
|
216
218
|
const onExpandableChange = (0, react_1.useCallback)((v) => {
|
217
219
|
setIsShowMore(v);
|
@@ -1,11 +1,4 @@
|
|
1
1
|
declare const _default: ({
|
2
|
-
title: string;
|
3
|
-
child: {
|
4
|
-
type: string;
|
5
|
-
label: string;
|
6
|
-
name: string[];
|
7
|
-
}[];
|
8
|
-
} | {
|
9
2
|
title: string;
|
10
3
|
child: ({
|
11
4
|
type: string;
|
@@ -126,6 +119,12 @@ declare const _default: ({
|
|
126
119
|
})[];
|
127
120
|
name?: undefined;
|
128
121
|
initialValue?: undefined;
|
122
|
+
} | {
|
123
|
+
label: string;
|
124
|
+
type: string;
|
125
|
+
name: string[];
|
126
|
+
initialValue?: undefined;
|
127
|
+
child?: undefined;
|
129
128
|
})[];
|
130
129
|
})[];
|
131
130
|
export default _default;
|
@@ -101,6 +101,10 @@ exports.default = [
|
|
101
101
|
{
|
102
102
|
label: '标题对齐',
|
103
103
|
type: 'TextAlign'
|
104
|
+
},
|
105
|
+
{
|
106
|
+
label: '间距',
|
107
|
+
type: 'TextSpace'
|
104
108
|
}
|
105
109
|
]
|
106
110
|
}
|
@@ -186,6 +190,11 @@ exports.default = [
|
|
186
190
|
{
|
187
191
|
type: 'TextAlign',
|
188
192
|
name: ['props', 'buttonStyle']
|
193
|
+
},
|
194
|
+
{
|
195
|
+
label: '间距',
|
196
|
+
type: 'TextSpace',
|
197
|
+
name: ['props', 'buttonStyle']
|
189
198
|
}
|
190
199
|
]
|
191
200
|
},
|
@@ -64,13 +64,16 @@ declare const _default: ({
|
|
64
64
|
})[];
|
65
65
|
name?: undefined;
|
66
66
|
options?: undefined;
|
67
|
-
}
|
67
|
+
})[];
|
68
|
+
type?: undefined;
|
69
|
+
label?: undefined;
|
70
|
+
name?: undefined;
|
71
|
+
} | {
|
72
|
+
title: string;
|
73
|
+
child: {
|
68
74
|
type: string;
|
69
75
|
name: string[];
|
70
|
-
|
71
|
-
child?: undefined;
|
72
|
-
options?: undefined;
|
73
|
-
})[];
|
76
|
+
}[];
|
74
77
|
type?: undefined;
|
75
78
|
label?: undefined;
|
76
79
|
name?: undefined;
|
@@ -55,6 +55,11 @@ exports.default = [
|
|
55
55
|
type: 'TextAlign',
|
56
56
|
name: ['textStyle']
|
57
57
|
},
|
58
|
+
{
|
59
|
+
label: '标题间距',
|
60
|
+
type: 'TextSpace',
|
61
|
+
name: ['textStyle']
|
62
|
+
},
|
58
63
|
{
|
59
64
|
label: '表单布局',
|
60
65
|
type: 'Radius',
|
@@ -113,10 +118,12 @@ exports.default = [
|
|
113
118
|
]
|
114
119
|
},
|
115
120
|
{
|
121
|
+
label: '提交按钮文本样式',
|
116
122
|
type: 'TextStyle',
|
117
123
|
name: ['props', 'submitButtonStyle']
|
118
124
|
},
|
119
125
|
{
|
126
|
+
label: '提交按钮对齐',
|
120
127
|
type: 'TextAlign',
|
121
128
|
name: ['props', 'submitButtonStyle']
|
122
129
|
},
|
@@ -124,6 +131,11 @@ exports.default = [
|
|
124
131
|
label: '提交按钮颜色',
|
125
132
|
type: 'Color',
|
126
133
|
name: ['props', 'submitBgColor']
|
134
|
+
},
|
135
|
+
{
|
136
|
+
label: '提交按钮间距',
|
137
|
+
type: 'TextSpace',
|
138
|
+
name: ['props', 'submitButtonStyle']
|
127
139
|
}
|
128
140
|
]
|
129
141
|
},
|
@@ -194,6 +194,12 @@ declare const _default: ({
|
|
194
194
|
})[];
|
195
195
|
name?: undefined;
|
196
196
|
initialValue?: undefined;
|
197
|
+
} | {
|
198
|
+
label: string;
|
199
|
+
type: string;
|
200
|
+
name: string[];
|
201
|
+
initialValue?: undefined;
|
202
|
+
child?: undefined;
|
197
203
|
})[];
|
198
204
|
})[];
|
199
205
|
export default _default;
|
@@ -175,6 +175,10 @@ exports.default = [
|
|
175
175
|
label: '默认行数',
|
176
176
|
type: 'Number',
|
177
177
|
name: ['lineClamp']
|
178
|
+
},
|
179
|
+
{
|
180
|
+
label: '间距',
|
181
|
+
type: 'TextSpace'
|
178
182
|
}
|
179
183
|
]
|
180
184
|
}
|
@@ -260,6 +264,11 @@ exports.default = [
|
|
260
264
|
{
|
261
265
|
type: 'TextAlign',
|
262
266
|
name: ['props', 'buttonStyle']
|
267
|
+
},
|
268
|
+
{
|
269
|
+
label: '间距',
|
270
|
+
type: 'TextSpace',
|
271
|
+
name: ['props', 'buttonStyle']
|
263
272
|
}
|
264
273
|
]
|
265
274
|
}
|