pb-sxp-ui 1.0.78 → 1.0.80

package/lib/core/components/SxpPageRender/WaterFall/WaterfallList.js

@@ -4,8 +4,10 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const hooks_1 = require("../../../../core/hooks");
 require("./WaterfallList.less");
+const preview_json_1 = tslib_1.__importDefault(require("./preview.json"));
+const FormatImage_1 = tslib_1.__importDefault(require("../FormatImage"));
 const WaterfallFlowItem = (props) => {
-    const { rec, style = {}, sizeChange = () => { }, unitWidth, index, showBorder, list, reportTagsView, textStyles, lineClamp } = props;
+    const { rec, style = {}, sizeChange = () => { }, unitWidth, index, showBorder, list, reportTagsView, textStyles, space } = props;
     const { swiperRef, setRtcList, setOpenHashtag, sxpParameter } = (0, hooks_1.useSxpDataSource)();
     const [showVideo, setShowVideo] = (0, react_1.useState)(false);
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
@@ -14,23 +16,20 @@ const WaterfallFlowItem = (props) => {
         width: 1
     });
     const imgDom = (0, react_1.useRef)(null);
+    const ref = (0, react_1.useRef)(null);
     const videoDom = (0, react_1.useRef)(null);
     const canvasRef = (0, react_1.useRef)(null);
     const [firstFrameSrc, setFirstFrameSrc] = (0, react_1.useState)('');
     const src = (0, react_1.useMemo)(() => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         if ((_a = rec === null || rec === void 0 ? void 0 : rec.video) === null || _a === void 0 ? void 0 : _a.cover) {
             return (_b = rec === null || rec === void 0 ? void 0 : rec.video) === null || _b === void 0 ? void 0 : _b.cover;
         }
-        else if ((_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.url) {
-            setShowVideo(true);
-            return (_d = rec === null || rec === void 0 ? void 0 : rec.video) === null || _d === void 0 ? void 0 : _d.url;
+        else if ((_d = (_c = rec === null || rec === void 0 ? void 0 : rec.video) === null || _c === void 0 ? void 0 : _c.imgUrls) === null || _d === void 0 ? void 0 : _d.length) {
+            return (_f = (_e = rec === null || rec === void 0 ? void 0 : rec.video) === null || _e === void 0 ? void 0 : _e.imgUrls) === null || _f === void 0 ? void 0 : _f[0];
         }
-        else if ((_f = (_e = rec === null || rec === void 0 ? void 0 : rec.video) === null || _e === void 0 ? void 0 : _e.imgUrls) === null || _f === void 0 ? void 0 : _f.length) {
-            return (_h = (_g = rec === null || rec === void 0 ? void 0 : rec.video) === null || _g === void 0 ? void 0 : _g.imgUrls) === null || _h === void 0 ? void 0 : _h[0];
-        }
-        else if ((_k = (_j = rec === null || rec === void 0 ? void 0 : rec.product) === null || _j === void 0 ? void 0 : _j.homePage) === null || _k === void 0 ? void 0 : _k.length) {
-            return (_m = (_l = rec === null || rec === void 0 ? void 0 : rec.product) === null || _l === void 0 ? void 0 : _l.homePage) === null || _m === void 0 ? void 0 : _m[0];
+        else if ((_h = (_g = rec === null || rec === void 0 ? void 0 : rec.product) === null || _g === void 0 ? void 0 : _g.homePage) === null || _h === void 0 ? void 0 : _h.length) {
+            return (_k = (_j = rec === null || rec === void 0 ? void 0 : rec.product) === null || _j === void 0 ? void 0 : _j.homePage) === null || _k === void 0 ? void 0 : _k[0];
         }
         else {
             return (sxpParameter === null || sxpParameter === void 0 ? void 0 : sxpParameter.bottom_image) || '';
@@ -70,7 +69,7 @@ const WaterfallFlowItem = (props) => {
         }
     }, [rec]);
     (0, react_1.useEffect)(() => {
-        if (imgDom.current === null || src === '' || isImgShow === false) {
+        if (imgDom.current === null || src === '') {
             return;
         }
         const img = new Image();
@@ -87,14 +86,14 @@ const WaterfallFlowItem = (props) => {
             });
             setIsLoading(true);
         };
-        imgDom.current.src = img.src;
+        imgDom.current.setSrc(img.src);
     }, [src, showVideo, firstFrameSrc, isImgShow]);
     (0, react_1.useEffect)(() => {
         const height = imgInfo.height * (unitWidth / imgInfo.width);
         if (isLoading) {
-            sizeChange(height + 76, index);
+            sizeChange(height + 76 + space, index);
         }
-    }, [imgInfo, index, unitWidth, isLoading]);
+    }, [imgInfo, index, unitWidth, isLoading, space]);
     const calculateHeightForWidth = (videoWidth, videoHeight, targetWidth) => {
         const aspectRatio = videoWidth / videoHeight;
         const targetHeight = targetWidth / aspectRatio;
@@ -132,22 +131,20 @@ const WaterfallFlowItem = (props) => {
             setOpenHashtag === null || setOpenHashtag === void 0 ? void 0 : setOpenHashtag(false);
         }, 0);
     };
-    return (react_1.default.createElement("div", { style: Object.assign({}, style), className: 'waterFallList-content-listItem', key: index, onClick: handleClickToDetail },
+    return (react_1.default.createElement("div", { ref: ref, style: Object.assign({}, style), className: 'waterFallList-content-listItem', key: index, onClick: handleClickToDetail },
         react_1.default.createElement("div", { className: 'waterFallList-content-listItem-picture' },
             showVideo && (react_1.default.createElement("div", { style: { display: 'none' } },
                 react_1.default.createElement("video", { ref: videoDom, src: src, crossOrigin: 'anonymous', className: 'waterFallList-content-listItem-picture-img' }),
                 react_1.default.createElement("canvas", { ref: canvasRef }))),
-            react_1.default.createElement("img", { className: 'waterFallList-content-listItem-picture-img', loading: 'lazy', ref: imgDom, style: {
-                    visibility: isLoading ? 'visible' : 'hidden'
-                } })),
+            react_1.default.createElement(FormatImage_1.default, { loading: 'lazy', className: 'waterFallList-content-listItem-picture-img', ref: imgDom })),
         react_1.default.createElement("div", { className: 'waterFallList-content-listItem-info' },
             react_1.default.createElement("div", { className: `${'waterFallList-content-listItem-info-title'} ${priceText ? 'waterFallList-content-listItem-info-nowrap' : ''}`, style: Object.assign({}, textStyles === null || textStyles === void 0 ? void 0 : textStyles.title) }, title && title),
             react_1.default.createElement("div", { className: 'waterFallList-content-listItem-info-price', hidden: !priceText, style: textStyles.price }, priceText))));
 };
 function WaterfallList(_a) {
-    var _b, _c, _d, _e, _f, _g, _h;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
     var { reportTagsView } = _a, props = tslib_1.__rest(_a, ["reportTagsView"]);
-    const { waterFallData, getRecommendVideos, loadingImage } = (0, hooks_1.useSxpDataSource)();
+    const { waterFallData, getRecommendVideos, hashTagSize, loadingImage, isOpenHashTag } = (0, hooks_1.useSxpDataSource)();
     const scrollParent = (0, react_1.useRef)(null);
     const [scrollTop, setScrollTop] = (0, react_1.useState)(0);
     const [data, setData] = (0, react_1.useState)();
@@ -157,6 +154,7 @@ function WaterfallList(_a) {
     const heightList = [170, 230, 300];
     const [isLoadingData, setIsLoadingData] = (0, react_1.useState)(false);
     const [list, setList] = (0, react_1.useState)([]);
+    const buttonRef = (0, react_1.useRef)();
     const createRandomNum = (0, react_1.useCallback)((min, max) => {
         return Math.floor(Math.random() * (max - min + 1)) + min;
     }, []);
@@ -240,19 +238,28 @@ function WaterfallList(_a) {
         styleListRef.current = getStyleList();
     }, [unitWidth, rowsNum, list]);
     (0, react_1.useEffect)(() => {
+        var _a, _b;
         setIsLoadingData(true);
         waterFallData &&
             (getRecommendVideos === null || getRecommendVideos === void 0 ? void 0 : getRecommendVideos({
                 hashTag: waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.hashTag,
                 'itemFilter.itemId': waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.itemId,
-                'itemFilter.itemType': waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.itemType
+                'itemFilter.itemType': waterFallData === null || waterFallData === void 0 ? void 0 : waterFallData.itemType,
+                defaultSize: hashTagSize,
+                maxSize: hashTagSize
             }).then((res) => {
                 var _a, _b;
                 setData(res);
                 setList((_b = (_a = res === null || res === void 0 ? void 0 : res.recList) === null || _a === void 0 ? void 0 : _a.filter((item) => (item === null || item === void 0 ? void 0 : item.video) !== null || (item === null || item === void 0 ? void 0 : item.product) !== null)) !== null && _b !== void 0 ? _b : []);
                 setIsLoadingData(false);
             }));
-    }, [waterFallData, getRecommendVideos]);
+        if (isOpenHashTag) {
+            const res = preview_json_1.default;
+            setData(res);
+            setList((_b = (_a = res === null || res === void 0 ? void 0 : res.recList) === null || _a === void 0 ? void 0 : _a.filter((item) => (item === null || item === void 0 ? void 0 : item.video) !== null || (item === null || item === void 0 ? void 0 : item.product) !== null)) !== null && _b !== void 0 ? _b : []);
+            setIsLoadingData(false);
+        }
+    }, [waterFallData, getRecommendVideos, hashTagSize, isOpenHashTag]);
     const onResize = (0, react_1.useCallback)(() => {
         if (waterfallFlowDom.current === null) {
             return;
@@ -272,7 +279,7 @@ function WaterfallList(_a) {
         return () => {
             resizeObserver.disconnect();
         };
-    }, []);
+    }, [onResize]);
     const loadMoreData = (0, react_1.useCallback)(() => {
         setIsLoadingData(true);
         waterFallData &&
@@ -304,19 +311,27 @@ function WaterfallList(_a) {
             window.location.href = (_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link;
         }
     };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { hidden: !isLoadingData, style: { height: '100%', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
-            react_1.default.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } })),
-        react_1.default.createElement("div", { className: 'waterFallList', hidden: isLoadingData },
-            react_1.default.createElement("div", { className: 'waterFallList-scroll', ref: scrollParent, style: {
-                    bottom: ((_b = data === null || data === void 0 ? void 0 : data.tag) === null || _b === void 0 ? void 0 : _b.link) ? '100px' : 0
-                } },
-                react_1.default.createElement("div", { className: 'waterFallList-info', style: (_c = props === null || props === void 0 ? void 0 : props.textStyles) === null || _c === void 0 ? void 0 : _c.hashTagDesc }, (_d = data === null || data === void 0 ? void 0 : data.tag) === null || _d === void 0 ? void 0 : _d.info),
-                react_1.default.createElement("div", { hidden: !((_e = data === null || data === void 0 ? void 0 : data.tag) === null || _e === void 0 ? void 0 : _e.link), className: 'waterFallList-collection', onClick: handleClickLink }, ((_f = data === null || data === void 0 ? void 0 : data.tag) === null || _f === void 0 ? void 0 : _f.linkTitle) || 'Shop the collection'),
-                react_1.default.createElement("div", { className: 'waterFallList-content', ref: waterfallFlowDom }, list === null || list === void 0 ? void 0 : list.map((item, ind) => {
-                    return (react_1.default.createElement(WaterfallFlowItem, Object.assign({ key: ind, index: ind, rec: item, list: list, showBorder: scrollTop + scrollParent.current.clientHeight, style: styleList[ind], sizeChange: onSizeChange, unitWidth: unitWidth, reportTagsView: reportTagsView }, props)));
-                }))),
-            react_1.default.createElement("div", { className: 'waterFallList-bottom', hidden: !((_g = data === null || data === void 0 ? void 0 : data.tag) === null || _g === void 0 ? void 0 : _g.link) },
-                react_1.default.createElement("button", { className: 'waterFallList-bottom-btn', style: props === null || props === void 0 ? void 0 : props.buttonStyle, onClick: handleClickLink }, ((_h = data === null || data === void 0 ? void 0 : data.tag) === null || _h === void 0 ? void 0 : _h.linkTitle) || 'Shop the collection')))));
+    return (react_1.default.createElement(react_1.default.Fragment, null, isLoadingData ? (react_1.default.createElement("div", { style: { height: '100%', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
+        react_1.default.createElement("img", { width: 64, height: 64, src: loadingImage, alt: 'loading...', style: { objectFit: 'contain' } }))) : (react_1.default.createElement("div", { className: 'waterFallList', ref: waterfallFlowDom },
+        react_1.default.createElement("div", { className: 'waterFallList-scroll', ref: scrollParent },
+            react_1.default.createElement("div", { className: 'waterFallList-info', style: (_b = props === null || props === void 0 ? void 0 : props.textStyles) === null || _b === void 0 ? void 0 : _b.hashTagDesc }, (_c = data === null || data === void 0 ? void 0 : data.tag) === null || _c === void 0 ? void 0 : _c.info),
+            react_1.default.createElement("div", { hidden: !((_d = data === null || data === void 0 ? void 0 : data.tag) === null || _d === void 0 ? void 0 : _d.link), className: 'waterFallList-collection', style: Object.assign({}, (_e = props === null || props === void 0 ? void 0 : props.textStyles) === null || _e === void 0 ? void 0 : _e.hashTagLink), onClick: handleClickLink }, ((_f = data === null || data === void 0 ? void 0 : data.tag) === null || _f === void 0 ? void 0 : _f.linkTitle) || 'Shop the collection'),
+            react_1.default.createElement("div", { className: 'waterFallList-content' }, list === null || list === void 0 ? void 0 :
+                list.map((item, ind) => {
+                    var _a;
+                    return (react_1.default.createElement(WaterfallFlowItem, Object.assign({ key: ind, index: ind, rec: item, list: list, showBorder: scrollTop + ((_a = scrollParent === null || scrollParent === void 0 ? void 0 : scrollParent.current) === null || _a === void 0 ? void 0 : _a.clientHeight), style: styleList[ind], sizeChange: onSizeChange, unitWidth: unitWidth, reportTagsView: reportTagsView }, props)));
+                }),
+                react_1.default.createElement("div", { hidden: !((_g = data === null || data === void 0 ? void 0 : data.tag) === null || _g === void 0 ? void 0 : _g.link), style: {
+                        position: 'absolute',
+                        width: '100%',
+                        transform: `translate(0px,${(_m = ((_j = waterfallFlowListInfo === null || waterfallFlowListInfo === void 0 ? void 0 : waterfallFlowListInfo.current[((_h = waterfallFlowListInfo === null || waterfallFlowListInfo === void 0 ? void 0 : waterfallFlowListInfo.current) === null || _h === void 0 ? void 0 : _h.length) - 1]) === null || _j === void 0 ? void 0 : _j.top) +
+                            ((_l = waterfallFlowListInfo === null || waterfallFlowListInfo === void 0 ? void 0 : waterfallFlowListInfo.current[((_k = waterfallFlowListInfo === null || waterfallFlowListInfo === void 0 ? void 0 : waterfallFlowListInfo.current) === null || _k === void 0 ? void 0 : _k.length) - 1]) === null || _l === void 0 ? void 0 : _l.height)) !== null && _m !== void 0 ? _m : 0}px)`,
+                        height: ((_o = data === null || data === void 0 ? void 0 : data.tag) === null || _o === void 0 ? void 0 : _o.link)
+                            ? ((_p = buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current) === null || _p === void 0 ? void 0 : _p.offsetHeight) || ((_q = props === null || props === void 0 ? void 0 : props.buttonBgStyle) === null || _q === void 0 ? void 0 : _q.height) || '100px'
+                            : 0
+                    } }))),
+        react_1.default.createElement("div", { className: 'waterFallList-bottom', hidden: !((_r = data === null || data === void 0 ? void 0 : data.tag) === null || _r === void 0 ? void 0 : _r.link), style: props === null || props === void 0 ? void 0 : props.buttonBgStyle }),
+        react_1.default.createElement("div", { ref: buttonRef, hidden: !((_s = data === null || data === void 0 ? void 0 : data.tag) === null || _s === void 0 ? void 0 : _s.link), className: 'waterFallList-btn-wrap', style: Object.assign(Object.assign({}, props === null || props === void 0 ? void 0 : props.buttonBgStyle), { height: 'auto', backgroundColor: 'transparent' }) },
+            react_1.default.createElement("button", { className: 'waterFallList-btn', style: props === null || props === void 0 ? void 0 : props.buttonStyle, onClick: handleClickLink }, ((_t = data === null || data === void 0 ? void 0 : data.tag) === null || _t === void 0 ? void 0 : _t.linkTitle) || 'Shop the collection'))))));
 }
 exports.default = WaterfallList;

package/lib/core/components/SxpPageRender/WaterFall/index.js

@@ -6,8 +6,9 @@ const ReactDOM = tslib_1.__importStar(require("react-dom"));
 require("./index.less");
 const lodash_1 = require("lodash");
 const Navbar_1 = tslib_1.__importDefault(require("../Navbar"));
-const List_1 = tslib_1.__importDefault(require("./List"));
+const WaterfallList_1 = tslib_1.__importDefault(require("./WaterfallList"));
 const left_png_1 = tslib_1.__importDefault(require("./left.png"));
+const List_1 = tslib_1.__importDefault(require("./List"));
 const hooks_1 = require("../../../../core/hooks");
 const WaterFall = (props) => {
     var _a;
@@ -99,6 +100,6 @@ const WaterFall = (props) => {
             display: openHashtag ? 'block' : 'none'
         } },
         react_1.default.createElement(Navbar_1.default, { icon: left_png_1.default, styles: { top: '32px' }, textStyle: (_a = props === null || props === void 0 ? void 0 : props.textStyles) === null || _a === void 0 ? void 0 : _a.hashTagTitle, onClose: handleClose }),
-        react_1.default.createElement(List_1.default, Object.assign({ reportTagsView: reportTagsView }, props))), modalEleRef.current);
+        (props === null || props === void 0 ? void 0 : props.isWaterfallFlow) === true || (props === null || props === void 0 ? void 0 : props.isWaterfallFlow) === undefined ? (react_1.default.createElement(List_1.default, Object.assign({ reportTagsView: reportTagsView }, props))) : (react_1.default.createElement(WaterfallList_1.default, Object.assign({ reportTagsView: reportTagsView }, props)))), modalEleRef.current);
 };
 exports.default = (0, react_1.memo)(WaterFall);

package/lib/core/components/SxpPageRender/index.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const react_2 = require("swiper/react");
-const qs_1 = tslib_1.__importDefault(require("qs"));
 const ExpandableText_1 = tslib_1.__importDefault(require("./ExpandableText"));
 const LikeButton_1 = tslib_1.__importDefault(require("./LikeButton"));
 const VideoWidget_1 = tslib_1.__importDefault(require("./VideoWidget"));
@@ -48,30 +47,11 @@ const SxpPageRender = ({ globalConfig, descStyle, containerHeight = window.inner
             return;
         }
         initTime();
-        const queryString = location.search.slice(1);
-        const params = qs_1.default.parse(queryString.replace(/\+/g, '%2B'));
-        for (const key in params) {
-            params[key] = params[key].replace(/%2B/g, '+');
-        }
-        const getVal = (key) => { var _a; return (_a = params[key]) !== null && _a !== void 0 ? _a : ''; };
-        bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
-            eventInfo: {
-                eventSubject: 'h5LinkEnterFeed',
-                eventDescription: 'User enter h5 link',
-                utmSource: getVal('utm_source'),
-                utmMedium: getVal('utm_medium'),
-                utmCampaign: getVal('utm_campaign'),
-                utmId: getVal('utm_id'),
-                utmContent: getVal('utm_content'),
-                enterTime: `${Date.now()}`,
-                requestId: null
-            }
-        });
         bffFbReport === null || bffFbReport === void 0 ? void 0 : bffFbReport({
             eventName: 'PageView'
         });
         setIsInit(true);
-    }, [bffEventReport, data.length, bffFbReport]);
+    }, [data.length, bffFbReport]);
     const initTime = () => {
         curTime.current = new Date();
         viewTime.current = new Date();

package/lib/core/context/SxpDataSourceProvider.js

@@ -199,6 +199,30 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             eventInfo: Object.assign(Object.assign({}, eventInfo), { ctaId: (_h = cta === null || cta === void 0 ? void 0 : cta.itemId) !== null && _h !== void 0 ? _h : '', ctaName: (_j = cta === null || cta === void 0 ? void 0 : cta.title) !== null && _j !== void 0 ? _j : '', contentTags: JSON.stringify(cta === null || cta === void 0 ? void 0 : cta.tags), position: position + '', contentId: (_l = (_k = rec === null || rec === void 0 ? void 0 : rec.video) === null || _k === void 0 ? void 0 : _k.itemId) !== null && _l !== void 0 ? _l : '', productId: isProd ? product === null || product === void 0 ? void 0 : product.itemId : '', traceInfo: (_m = cta === null || cta === void 0 ? void 0 : cta.traceInfo) !== null && _m !== void 0 ? _m : '', fromKName })
         });
     }, [bffEventReport, isFromHashtag]);
+    (0, react_1.useEffect)(() => {
+        var _a, _b;
+        const queryString = location.search.slice(1);
+        const params = qs_1.default.parse(queryString.replace(/\+/g, '%2B'));
+        for (const key in params) {
+            params[key] = params[key].replace(/%2B/g, '+');
+        }
+        const getVal = (key) => { var _a; return (_a = params[key]) !== null && _a !== void 0 ? _a : ''; };
+        bffEventReport === null || bffEventReport === void 0 ? void 0 : bffEventReport({
+            eventInfo: {
+                eventSubject: 'h5LinkEnterFeed',
+                eventDescription: 'User enter h5 link',
+                utmSource: getVal('utm_source'),
+                utmMedium: getVal('utm_medium'),
+                utmCampaign: getVal('utm_campaign'),
+                utmId: getVal('utm_id'),
+                utmContent: getVal('utm_content'),
+                enterTime: `${Date.now()}`,
+                requestId: null,
+                enterUrl: (_b = (_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.href) !== null && _b !== void 0 ? _b : '',
+                clSource: getVal('cl_sourc')
+            }
+        });
+    }, []);
     (0, react_1.useEffect)(() => {
         setLoading(true);
         bffGetTagList();
@@ -209,6 +233,12 @@ const SxpDataSourceProvider = ({ render, dataSources, utmVal, enableReportEvent
             setCacheRtcList((_b = data === null || data === void 0 ? void 0 : data.recList) !== null && _b !== void 0 ? _b : []);
         })
             .finally(() => {
+            bffEventReport({
+                eventInfo: {
+                    eventSubject: 'apiRequest',
+                    eventDescription: 'api request succeed'
+                }
+            });
             setLoading(false);
             isInit.current = true;
         });

package/lib/materials/sxp/HashTag/index.d.ts

@@ -11,6 +11,8 @@ export interface IHashTagProps {
         price: CSSProperties;
     };
     buttonBgStyle: CSSProperties;
+    showBanner?: boolean;
+    isWaterfallFlow?: boolean;
 }
 declare const _default: React.NamedExoticComponent<IHashTagProps>;
 export default _default;

package/lib/materials/sxp/HashTag/settingRender.d.ts

@@ -4,8 +4,22 @@ declare const _default: ({
         type: string;
         label: string;
         name: string[];
-        addonAfter: string;
     }[];
+} | {
+    title: string;
+    child: ({
+        type: string;
+        label: string;
+        name: string[];
+        addonAfter: string;
+        initialValue?: undefined;
+    } | {
+        type: string;
+        label: string;
+        name: string[];
+        initialValue: boolean;
+        addonAfter?: undefined;
+    })[];
 } | {
     title: string;
     child: {

package/lib/materials/sxp/HashTag/settingRender.js

@@ -3,6 +3,16 @@ var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
 const defaultSetting_1 = require("../defaultSetting");
 exports.default = [
+    {
+        title: 'Banner',
+        child: [
+            {
+                type: 'Switch',
+                label: 'Banner图开关',
+                name: ['props', 'showBanner']
+            }
+        ]
+    },
     {
         title: '卡片样式',
         child: [
@@ -11,6 +21,12 @@ exports.default = [
                 label: '上下边距',
                 name: ['props', 'space'],
                 addonAfter: 'px'
+            },
+            {
+                type: 'Switch',
+                label: '固定宽高',
+                name: ['props', 'isWaterfallFlow'],
+                initialValue: true
             }
         ]
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pb-sxp-ui",
-  "version": "1.0.78",
+  "version": "1.0.80",
   "description": "React enterprise-class UI components",
   "main": "dist/index.cjs",
   "module": "dist/index.js",