pb-sxp-ui 1.10.10 → 1.10.12
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 +33 -17
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +33 -17
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +6 -6
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +6 -6
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +33 -17
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +6 -6
- package/dist/pb-ui.min.js.map +1 -1
- package/es/core/components/SxpPageRender/Modal/index.js +1 -1
- package/es/materials/sxp/popup/Iframe/index.d.ts +4 -0
- package/es/materials/sxp/popup/Iframe/index.js +5 -4
- package/es/materials/sxp/popup/Iframe/settingRender.js +15 -0
- package/es/materials/sxp/template/MultiCommodity/index.js +3 -3
- package/es/materials/sxp/template/MultiCommodityDiro/index.js +3 -3
- package/es/materials/sxp/template/MultiCommodityDiroNew/index.js +3 -3
- package/lib/core/components/SxpPageRender/Modal/index.js +1 -1
- package/lib/materials/sxp/popup/Iframe/index.d.ts +4 -0
- package/lib/materials/sxp/popup/Iframe/index.js +5 -4
- package/lib/materials/sxp/popup/Iframe/settingRender.js +15 -0
- package/lib/materials/sxp/template/MultiCommodity/index.js +3 -3
- package/lib/materials/sxp/template/MultiCommodityDiro/index.js +3 -3
- package/lib/materials/sxp/template/MultiCommodityDiroNew/index.js +3 -3
- package/package.json +1 -1
package/dist/index.js
CHANGED
@@ -9763,7 +9763,7 @@ SwiperSlide.displayName = 'SwiperSlide';
|
|
9763
9763
|
* @Author: binruan@chatlabs.com
|
9764
9764
|
* @Date: 2023-11-02 18:34:34
|
9765
9765
|
* @LastEditors: binruan@chatlabs.com
|
9766
|
-
* @LastEditTime: 2024-
|
9766
|
+
* @LastEditTime: 2024-12-12 16:35:54
|
9767
9767
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Modal\index.tsx
|
9768
9768
|
*
|
9769
9769
|
*/
|
@@ -9821,7 +9821,7 @@ const Modal = ({ visible, onClose, children, modalStyle, padding, popup, schema,
|
|
9821
9821
|
}, [isOpen, popup]);
|
9822
9822
|
const child = useCallback(() => {
|
9823
9823
|
return children;
|
9824
|
-
}, [_popup, openState, globalConfig]);
|
9824
|
+
}, [_popup, openState, globalConfig, schema]);
|
9825
9825
|
useEffect(() => {
|
9826
9826
|
const trapFocus = (element) => {
|
9827
9827
|
var focusableEls = element === null || element === void 0 ? void 0 : element.querySelectorAll('[role="button"],a, a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]), select:not([disabled])');
|
@@ -11981,7 +11981,7 @@ const CommodityList = createMaterial(CommodityListComponent, {
|
|
11981
11981
|
* @Author: binruan@chatlabs.com
|
11982
11982
|
* @Date: 2023-10-27 14:06:35
|
11983
11983
|
* @LastEditors: binruan@chatlabs.com
|
11984
|
-
* @LastEditTime: 2024-
|
11984
|
+
* @LastEditTime: 2024-12-12 15:12:57
|
11985
11985
|
* @FilePath: \pb-sxp-ui\src\materials\sxp\popup\Iframe\settingRender.tsx
|
11986
11986
|
*
|
11987
11987
|
*/
|
@@ -11995,16 +11995,32 @@ var settingRender$8 = [
|
|
11995
11995
|
name: ['style', 'backgroundColor']
|
11996
11996
|
}
|
11997
11997
|
]
|
11998
|
+
},
|
11999
|
+
{
|
12000
|
+
title: 'iframe',
|
12001
|
+
child: [
|
12002
|
+
{
|
12003
|
+
type: 'TextArea',
|
12004
|
+
label: 'url',
|
12005
|
+
name: ['props', 'iframe', 'src']
|
12006
|
+
},
|
12007
|
+
{
|
12008
|
+
type: 'TextArea',
|
12009
|
+
label: 'allow',
|
12010
|
+
name: ['props', 'iframe', 'allow']
|
12011
|
+
}
|
12012
|
+
]
|
11998
12013
|
}
|
11999
12014
|
];
|
12000
12015
|
|
12001
12016
|
const Iframe$1 = (_a) => {
|
12002
12017
|
var _b, _c;
|
12003
|
-
var { content, btnText, style, icon, isPopup, isExternalLink, onClose, onClick, submitButtonStyle, contentStyle, isTel } = _a, props = __rest(_a, ["content", "btnText", "style", "icon", "isPopup", "isExternalLink", "onClose", "onClick", "submitButtonStyle", "contentStyle", "isTel"]);
|
12018
|
+
var { content, btnText, style, icon, isPopup, isExternalLink, onClose, onClick, submitButtonStyle, contentStyle, isTel, iframe } = _a, props = __rest(_a, ["content", "btnText", "style", "icon", "isPopup", "isExternalLink", "onClose", "onClick", "submitButtonStyle", "contentStyle", "isTel", "iframe"]);
|
12004
12019
|
const { popupDetailData } = useSxpDataSource();
|
12005
|
-
const
|
12006
|
-
|
12007
|
-
|
12020
|
+
const { src, allow } = iframe || {};
|
12021
|
+
const iframeUrl = src || ((_c = (_b = popupDetailData === null || popupDetailData === void 0 ? void 0 : popupDetailData.video) === null || _b === void 0 ? void 0 : _b.bindCta) === null || _c === void 0 ? void 0 : _c.remark);
|
12022
|
+
return (React.createElement("div", Object.assign({ className: `${css(Object.assign(Object.assign({}, style), { overflow: 'hidden' }))}` }, props),
|
12023
|
+
React.createElement("iframe", { src: iframeUrl, allow: allow, scrolling: 'no', style: {
|
12008
12024
|
width: '100%',
|
12009
12025
|
height: 'calc(100% - 50px)',
|
12010
12026
|
marginTop: '50px',
|
@@ -12987,14 +13003,14 @@ var styles$4 = {"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};
|
|
12987
13003
|
|
12988
13004
|
const MultiCommodityDiro$1 = (_a) => {
|
12989
13005
|
var _b, _c;
|
12990
|
-
var { content, style, bgImg, recData, bottom_image, ctaTempStyles, translateY = 0, isActive } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "translateY", "isActive"]);
|
13006
|
+
var { content, style, bgImg, recData, bottom_image, ctaTempStyles, translateY = 0, isActive, index } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "translateY", "isActive", "index"]);
|
12991
13007
|
const { sxpParameter } = useSxpDataSource();
|
12992
13008
|
const [products] = useState((_c = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProducts) !== null && _c !== void 0 ? _c : [1, 2]);
|
12993
13009
|
return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
|
12994
13010
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
12995
13011
|
return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
|
12996
|
-
React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex }, props),
|
12997
|
-
React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index:
|
13012
|
+
React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex, index: index }, props),
|
13013
|
+
React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
|
12998
13014
|
React.createElement("div", { className: css({
|
12999
13015
|
color: '#000',
|
13000
13016
|
display: 'flex',
|
@@ -13086,14 +13102,14 @@ var styles$3 = {"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};
|
|
13086
13102
|
|
13087
13103
|
const MultiCommodity$1 = (_a) => {
|
13088
13104
|
var _b, _c;
|
13089
|
-
var { content, style, bgImg, recData, bottom_image, ctaTempStyles, translateY = 0, isActive } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "translateY", "isActive"]);
|
13105
|
+
var { content, style, bgImg, recData, bottom_image, ctaTempStyles, translateY = 0, isActive, index } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "translateY", "isActive", "index"]);
|
13090
13106
|
const { sxpParameter } = useSxpDataSource();
|
13091
13107
|
const [products] = useState((_c = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProducts) !== null && _c !== void 0 ? _c : [1, 2]);
|
13092
13108
|
return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
|
13093
13109
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
13094
13110
|
return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
|
13095
|
-
React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex }, props),
|
13096
|
-
React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index:
|
13111
|
+
React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex, index: index }, props),
|
13112
|
+
React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
|
13097
13113
|
React.createElement("div", { className: css({
|
13098
13114
|
color: '#fff',
|
13099
13115
|
display: 'flex',
|
@@ -13193,14 +13209,14 @@ var styles$2 = {"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};
|
|
13193
13209
|
|
13194
13210
|
const MultiCommodityDiroNew$1 = (_a) => {
|
13195
13211
|
var _b, _c;
|
13196
|
-
var { content, style, bgImg, recData, bottom_image, ctaTempStyles, translateY = 0, isActive } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "translateY", "isActive"]);
|
13212
|
+
var { content, style, bgImg, recData, bottom_image, ctaTempStyles, translateY = 0, isActive, index } = _a, props = __rest(_a, ["content", "style", "bgImg", "recData", "bottom_image", "ctaTempStyles", "translateY", "isActive", "index"]);
|
13197
13213
|
const { sxpParameter } = useSxpDataSource();
|
13198
13214
|
const [products] = useState((_c = (_b = recData === null || recData === void 0 ? void 0 : recData.video) === null || _b === void 0 ? void 0 : _b.bindProducts) !== null && _c !== void 0 ? _c : [1, 2]);
|
13199
13215
|
return (React.createElement(Scroll$1, { isPadding: !!recData }, products === null || products === void 0 ? void 0 : products.map((item, itemIndex) => {
|
13200
13216
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
13201
13217
|
return (React.createElement(React.Fragment, null, recData && !(item === null || item === void 0 ? void 0 : item.bindCta) ? null : (React.createElement(SwiperSlide, { key: itemIndex, className: css(Object.assign(Object.assign({}, style), { flexShrink: 0, marginLeft: 0, marginRight: '8px' })), tag: 'li', role: 'listitem' },
|
13202
|
-
React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex }, props),
|
13203
|
-
React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index:
|
13218
|
+
React.createElement(EventProvider$1, Object.assign({ rec: recData, multItem: item, multiCheckIndex: itemIndex, index: index }, props),
|
13219
|
+
React.createElement(Img$1, { src: (_d = (_c = (_a = item === null || item === void 0 ? void 0 : item.cover) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.homePage) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) !== null && _d !== void 0 ? _d : bottom_image, rec: recData, item: item, index: index, translateY: translateY, imgStyle: ctaTempStyles === null || ctaTempStyles === void 0 ? void 0 : ctaTempStyles.img, isActive: isActive }),
|
13204
13220
|
React.createElement("div", { className: css({
|
13205
13221
|
color: '#fff',
|
13206
13222
|
display: 'flex',
|
@@ -18885,7 +18901,7 @@ var index$1 = memo(DiyPortalPreview);
|
|
18885
18901
|
* @Author: binruan@chatlabs.com
|
18886
18902
|
* @Date: 2023-10-31 10:56:01
|
18887
18903
|
* @LastEditors: binruan@chatlabs.com
|
18888
|
-
* @LastEditTime: 2024-
|
18904
|
+
* @LastEditTime: 2024-12-12 14:48:31
|
18889
18905
|
* @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\Popup\index.tsx
|
18890
18906
|
*
|
18891
18907
|
*/
|