pb-sxp-ui 14.0.7 → 15.0.2

package/es/core/components/SxpPageRender/WaterFall/List.js

@@ -10,7 +10,7 @@ import { useEventReport } from '../../../../core/hooks/useEventReport';
 import { getPriceText } from '../../../../core/utils/materials';
 const WaterfallFlowItem = (props) => {
     var _a;
-    const { rec, index, list, reportTagsView, textStyles, space } = props;
+    const { rec, index, list, reportTagsView, textStyles, space, openFixedSize } = props;
     const { swiperRef, setRtcList, setOpenHashtag, sxpParameter, globalConfig } = useSxpDataSource();
     const [showVideo, setShowVideo] = useState(false);
     const imgDom = useRef(null);
@@ -104,11 +104,11 @@ const WaterfallFlowItem = (props) => {
         }, 0);
     };
     return (React.createElement("div", { ref: ref, className: 'list-content-listItem', key: index, onClick: handleClickToDetail, style: { marginBottom: space } },
-        React.createElement("div", { className: 'list-content-listItem-picture' },
+        React.createElement("div", { className: (openFixedSize === null || openFixedSize === void 0 ? void 0 : openFixedSize.ratio) === '1' ? 'list-content-listItem-picture' : 'list-content-listItem-picture1609' },
             showVideo && (React.createElement("div", { style: { display: 'none' } },
                 React.createElement("video", { ref: videoDom, crossOrigin: 'anonymous', className: 'list-content-listItem-picture-img' }),
                 React.createElement("canvas", { ref: canvasRef }))),
-            React.createElement(FormatImage, { loading: 'lazy', className: 'list-content-listItem-picture-img', ref: imgDom })),
+            React.createElement(FormatImage, { loading: 'lazy', className: (openFixedSize === null || openFixedSize === void 0 ? void 0 : openFixedSize.ratio) === '1' ? 'list-content-listItem-picture-img' : 'list-content-listItem-picture1609-img', ref: imgDom })),
         React.createElement("div", { className: 'list-content-listItem-info' },
             React.createElement("div", { className: `${'list-content-listItem-info-title'} ${priceText ? 'list-content-listItem-info-nowrap' : ''}`, style: textStyles === null || textStyles === void 0 ? void 0 : textStyles.title, dangerouslySetInnerHTML: {
                     __html: setFontForText(title, textStyles === null || textStyles === void 0 ? void 0 : textStyles.title)

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

@@ -8,7 +8,7 @@ import List from './List';
 import { useSxpDataSource } from '../../../../core/hooks';
 import { useEventReport } from '../../../../core/hooks/useEventReport';
 const WaterFall = (props) => {
-    var _a;
+    var _a, _b;
     const { waterFallData, setOpenHashtag, openHashtag, swiperRef, setWaterFallData, cacheRtcList, setRtcList, cacheActiveIndex, rtcList, setCacheRtcList, setIsFromHashtag, isFromHashtag, bffEventReport, themeTag, selectTag, bffFbReport } = useSxpDataSource();
     const { backMainFeed } = useEventReport();
     const modalEleRef = useRef(null);
@@ -97,6 +97,6 @@ const WaterFall = (props) => {
             display: openHashtag ? 'block' : 'none'
         } },
         React.createElement(Navbar, { icon: left, styles: { top: '32px' }, textStyle: (_a = props === null || props === void 0 ? void 0 : props.textStyles) === null || _a === void 0 ? void 0 : _a.hashTagTitle, onClose: handleClose }),
-        (props === null || props === void 0 ? void 0 : props.openFixedSize) === true || (props === null || props === void 0 ? void 0 : props.openFixedSize) === undefined ? (React.createElement(List, Object.assign({ key: waterFallData, reportTagsView: reportTagsView }, props))) : (React.createElement(WaterfallList, Object.assign({ key: waterFallData, reportTagsView: reportTagsView }, props)))), modalEleRef.current);
+        ((_b = props === null || props === void 0 ? void 0 : props.openFixedSize) === null || _b === void 0 ? void 0 : _b.open) === true || (props === null || props === void 0 ? void 0 : props.openFixedSize) === undefined ? (React.createElement(List, Object.assign({ key: waterFallData, reportTagsView: reportTagsView }, props))) : (React.createElement(WaterfallList, Object.assign({ key: waterFallData, reportTagsView: reportTagsView }, props)))), modalEleRef.current);
 };
 export default memo(WaterFall);

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

@@ -14,7 +14,10 @@ export interface IHashTagProps {
     };
     buttonBgStyle: CSSProperties;
     showBanner?: boolean;
-    openFixedSize?: boolean;
+    openFixedSize?: {
+        open: true;
+        ratio: string;
+    };
 }
 declare const _default: React.NamedExoticComponent<IHashTagProps>;
 export default _default;

package/es/materials/sxp/HashTag/material.js

@@ -56,7 +56,8 @@ const HashTag = createMaterial(HashTagComponent, {
                 paddingLeft: 20,
                 paddingRight: 20,
                 paddingBottom: 20
-            }
+            },
+            openFixedSize: { open: true, ratio: '1' }
         }
     },
     w: 100,

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

@@ -5,12 +5,10 @@ declare const _default: ({
         label: string;
         name: string[];
         addonAfter: string;
-        initialValue?: undefined;
     } | {
         type: string;
         label: string;
         name: string[];
-        initialValue: boolean;
         addonAfter?: undefined;
     })[];
 } | {

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

@@ -19,10 +19,9 @@ export default [
                 addonAfter: 'px'
             },
             {
-                type: 'Switch',
+                type: 'HashTagFixedSize',
                 label: '固定宽高',
-                name: ['props', 'openFixedSize'],
-                initialValue: true
+                name: ['props', 'openFixedSize']
             }
         ]
     },

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

@@ -12,7 +12,7 @@ const useEventReport_1 = require("../../../../core/hooks/useEventReport");
 const materials_1 = require("../../../../core/utils/materials");
 const WaterfallFlowItem = (props) => {
     var _a;
-    const { rec, index, list, reportTagsView, textStyles, space } = props;
+    const { rec, index, list, reportTagsView, textStyles, space, openFixedSize } = props;
     const { swiperRef, setRtcList, setOpenHashtag, sxpParameter, globalConfig } = (0, hooks_1.useSxpDataSource)();
     const [showVideo, setShowVideo] = (0, react_1.useState)(false);
     const imgDom = (0, react_1.useRef)(null);
@@ -106,11 +106,11 @@ const WaterfallFlowItem = (props) => {
         }, 0);
     };
     return (react_1.default.createElement("div", { ref: ref, className: 'list-content-listItem', key: index, onClick: handleClickToDetail, style: { marginBottom: space } },
-        react_1.default.createElement("div", { className: 'list-content-listItem-picture' },
+        react_1.default.createElement("div", { className: (openFixedSize === null || openFixedSize === void 0 ? void 0 : openFixedSize.ratio) === '1' ? 'list-content-listItem-picture' : 'list-content-listItem-picture1609' },
             showVideo && (react_1.default.createElement("div", { style: { display: 'none' } },
                 react_1.default.createElement("video", { ref: videoDom, crossOrigin: 'anonymous', className: 'list-content-listItem-picture-img' }),
                 react_1.default.createElement("canvas", { ref: canvasRef }))),
-            react_1.default.createElement(FormatImage_1.default, { loading: 'lazy', className: 'list-content-listItem-picture-img', ref: imgDom })),
+            react_1.default.createElement(FormatImage_1.default, { loading: 'lazy', className: (openFixedSize === null || openFixedSize === void 0 ? void 0 : openFixedSize.ratio) === '1' ? 'list-content-listItem-picture-img' : 'list-content-listItem-picture1609-img', ref: imgDom })),
         react_1.default.createElement("div", { className: 'list-content-listItem-info' },
             react_1.default.createElement("div", { className: `${'list-content-listItem-info-title'} ${priceText ? 'list-content-listItem-info-nowrap' : ''}`, style: textStyles === null || textStyles === void 0 ? void 0 : textStyles.title, dangerouslySetInnerHTML: {
                     __html: (0, tool_1.setFontForText)(title, textStyles === null || textStyles === void 0 ? void 0 : textStyles.title)

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

@@ -11,7 +11,7 @@ const List_1 = tslib_1.__importDefault(require("./List"));
 const hooks_1 = require("../../../../core/hooks");
 const useEventReport_1 = require("../../../../core/hooks/useEventReport");
 const WaterFall = (props) => {
-    var _a;
+    var _a, _b;
     const { waterFallData, setOpenHashtag, openHashtag, swiperRef, setWaterFallData, cacheRtcList, setRtcList, cacheActiveIndex, rtcList, setCacheRtcList, setIsFromHashtag, isFromHashtag, bffEventReport, themeTag, selectTag, bffFbReport } = (0, hooks_1.useSxpDataSource)();
     const { backMainFeed } = (0, useEventReport_1.useEventReport)();
     const modalEleRef = (0, react_1.useRef)(null);
@@ -100,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 }),
-        (props === null || props === void 0 ? void 0 : props.openFixedSize) === true || (props === null || props === void 0 ? void 0 : props.openFixedSize) === undefined ? (react_1.default.createElement(List_1.default, Object.assign({ key: waterFallData, reportTagsView: reportTagsView }, props))) : (react_1.default.createElement(WaterfallList_1.default, Object.assign({ key: waterFallData, reportTagsView: reportTagsView }, props)))), modalEleRef.current);
+        ((_b = props === null || props === void 0 ? void 0 : props.openFixedSize) === null || _b === void 0 ? void 0 : _b.open) === true || (props === null || props === void 0 ? void 0 : props.openFixedSize) === undefined ? (react_1.default.createElement(List_1.default, Object.assign({ key: waterFallData, reportTagsView: reportTagsView }, props))) : (react_1.default.createElement(WaterfallList_1.default, Object.assign({ key: waterFallData, reportTagsView: reportTagsView }, props)))), modalEleRef.current);
 };
 exports.default = (0, react_1.memo)(WaterFall);

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

@@ -14,7 +14,10 @@ export interface IHashTagProps {
     };
     buttonBgStyle: CSSProperties;
     showBanner?: boolean;
-    openFixedSize?: boolean;
+    openFixedSize?: {
+        open: true;
+        ratio: string;
+    };
 }
 declare const _default: React.NamedExoticComponent<IHashTagProps>;
 export default _default;

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

@@ -60,7 +60,8 @@ const HashTag = (0, create_1.createMaterial)(_1.default, {
                 paddingLeft: 20,
                 paddingRight: 20,
                 paddingBottom: 20
-            }
+            },
+            openFixedSize: { open: true, ratio: '1' }
         }
     },
     w: 100,

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

@@ -5,12 +5,10 @@ declare const _default: ({
         label: string;
         name: string[];
         addonAfter: string;
-        initialValue?: undefined;
     } | {
         type: string;
         label: string;
         name: string[];
-        initialValue: boolean;
         addonAfter?: undefined;
     })[];
 } | {

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

@@ -21,10 +21,9 @@ exports.default = [
                 addonAfter: 'px'
             },
             {
-                type: 'Switch',
+                type: 'HashTagFixedSize',
                 label: '固定宽高',
-                name: ['props', 'openFixedSize'],
-                initialValue: true
+                name: ['props', 'openFixedSize']
             }
         ]
     },

package/package.json

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