pb-sxp-ui 14.0.7 → 15.0.2

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.css CHANGED
@@ -1179,6 +1179,19 @@ a:active {
1179
1179
  -o-object-fit: cover;
1180
1180
  object-fit: cover;
1181
1181
  }
1182
+ .list-content-listItem-picture1609 {
1183
+ position: relative;
1184
+ width: 100%;
1185
+ overflow: hidden;
1186
+ aspect-ratio: 9 / 16;
1187
+ }
1188
+ .list-content-listItem-picture1609-img {
1189
+ position: absolute;
1190
+ width: 100%;
1191
+ height: 100%;
1192
+ -o-object-fit: cover;
1193
+ object-fit: cover;
1194
+ }
1182
1195
  .list-content-listItem-info {
1183
1196
  padding: 8px;
1184
1197
  }
package/dist/index.js CHANGED
@@ -13315,7 +13315,7 @@ const MultiCommodityDiroNew = createMaterial(MultiCommodityDiroNewComponent, {
13315
13315
  * @Author: binruan@chatlabs.com
13316
13316
  * @Date: 2024-04-07 14:07:12
13317
13317
  * @LastEditors: binruan@chatlabs.com
13318
- * @LastEditTime: 2024-08-22 10:14:36
13318
+ * @LastEditTime: 2025-02-17 17:16:56
13319
13319
  * @FilePath: \pb-sxp-ui\src\materials\sxp\HashTag\settingRender.tsx
13320
13320
  *
13321
13321
  */
@@ -13340,10 +13340,9 @@ var settingRender$7 = [
13340
13340
  addonAfter: 'px'
13341
13341
  },
13342
13342
  {
13343
- type: 'Switch',
13343
+ type: 'HashTagFixedSize',
13344
13344
  label: '固定宽高',
13345
- name: ['props', 'openFixedSize'],
13346
- initialValue: true
13345
+ name: ['props', 'openFixedSize']
13347
13346
  }
13348
13347
  ]
13349
13348
  },
@@ -15151,7 +15150,7 @@ var img$6 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeA
15151
15150
 
15152
15151
  const WaterfallFlowItem = (props) => {
15153
15152
  var _a;
15154
- const { rec, index, list, reportTagsView, textStyles, space } = props;
15153
+ const { rec, index, list, reportTagsView, textStyles, space, openFixedSize } = props;
15155
15154
  const { swiperRef, setRtcList, setOpenHashtag, sxpParameter, globalConfig } = useSxpDataSource();
15156
15155
  const [showVideo, setShowVideo] = useState(false);
15157
15156
  const imgDom = useRef(null);
@@ -15260,11 +15259,11 @@ const WaterfallFlowItem = (props) => {
15260
15259
  }, 0);
15261
15260
  };
15262
15261
  return (React.createElement("div", { ref: ref, className: 'list-content-listItem', key: index, onClick: handleClickToDetail, style: { marginBottom: space } },
15263
- React.createElement("div", { className: 'list-content-listItem-picture' },
15262
+ React.createElement("div", { className: (openFixedSize === null || openFixedSize === void 0 ? void 0 : openFixedSize.ratio) === '1' ? 'list-content-listItem-picture' : 'list-content-listItem-picture1609' },
15264
15263
  showVideo && (React.createElement("div", { style: { display: 'none' } },
15265
15264
  React.createElement("video", { ref: videoDom, crossOrigin: 'anonymous', className: 'list-content-listItem-picture-img' }),
15266
15265
  React.createElement("canvas", { ref: canvasRef }))),
15267
- React.createElement(FormatImage$1, { loading: 'lazy', className: 'list-content-listItem-picture-img', ref: imgDom })),
15266
+ React.createElement(FormatImage$1, { 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 })),
15268
15267
  React.createElement("div", { className: 'list-content-listItem-info' },
15269
15268
  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: {
15270
15269
  __html: setFontForText(title, textStyles === null || textStyles === void 0 ? void 0 : textStyles.title)
@@ -15375,12 +15374,12 @@ function WaterfallList(_a) {
15375
15374
  * @Author: binruan@chatlabs.com
15376
15375
  * @Date: 2024-01-10 10:58:24
15377
15376
  * @LastEditors: binruan@chatlabs.com
15378
- * @LastEditTime: 2024-12-09 11:18:32
15377
+ * @LastEditTime: 2025-02-17 16:25:30
15379
15378
  * @FilePath: \pb-sxp-ui\src\core\components\SxpPageRender\WaterFall\index.tsx
15380
15379
  *
15381
15380
  */
15382
15381
  const WaterFall = (props) => {
15383
- var _a;
15382
+ var _a, _b;
15384
15383
  const { waterFallData, setOpenHashtag, openHashtag, swiperRef, setWaterFallData, cacheRtcList, setRtcList, cacheActiveIndex, rtcList, setCacheRtcList, setIsFromHashtag, isFromHashtag, bffEventReport, themeTag, selectTag, bffFbReport } = useSxpDataSource();
15385
15384
  const { backMainFeed } = useEventReport();
15386
15385
  const modalEleRef = useRef(null);
@@ -15469,7 +15468,7 @@ const WaterFall = (props) => {
15469
15468
  display: openHashtag ? 'block' : 'none'
15470
15469
  } },
15471
15470
  React.createElement(Navbar$1, { icon: img$6, styles: { top: '32px' }, textStyle: (_a = props === null || props === void 0 ? void 0 : props.textStyles) === null || _a === void 0 ? void 0 : _a.hashTagTitle, onClose: handleClose }),
15472
- (props === null || props === void 0 ? void 0 : props.openFixedSize) === true || (props === null || props === void 0 ? void 0 : props.openFixedSize) === undefined ? (React.createElement(WaterfallList, Object.assign({ key: waterFallData, reportTagsView: reportTagsView }, props))) : (React.createElement(WaterfallList$1, Object.assign({ key: waterFallData, reportTagsView: reportTagsView }, props)))), modalEleRef.current);
15471
+ ((_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(WaterfallList, Object.assign({ key: waterFallData, reportTagsView: reportTagsView }, props))) : (React.createElement(WaterfallList$1, Object.assign({ key: waterFallData, reportTagsView: reportTagsView }, props)))), modalEleRef.current);
15473
15472
  };
15474
15473
  var WaterFall$1 = memo(WaterFall);
15475
15474
 
@@ -15477,7 +15476,7 @@ var WaterFall$1 = memo(WaterFall);
15477
15476
  * @Author: binruan@chatlabs.com
15478
15477
  * @Date: 2024-01-15 19:03:09
15479
15478
  * @LastEditors: binruan@chatlabs.com
15480
- * @LastEditTime: 2024-08-22 10:15:23
15479
+ * @LastEditTime: 2025-02-17 16:24:14
15481
15480
  * @FilePath: \pb-sxp-ui\src\materials\sxp\HashTag\index.tsx
15482
15481
  *
15483
15482
  */
@@ -15490,7 +15489,7 @@ var HashTagComponent = memo(HashTag$1);
15490
15489
  * @Author: binruan@chatlabs.com
15491
15490
  * @Date: 2023-07-28 18:29:57
15492
15491
  * @LastEditors: binruan@chatlabs.com
15493
- * @LastEditTime: 2024-09-18 10:48:44
15492
+ * @LastEditTime: 2025-02-17 17:45:40
15494
15493
  * @FilePath: \pb-sxp-ui\src\materials\sxp\HashTag\material.tsx
15495
15494
  *
15496
15495
  */
@@ -15549,7 +15548,8 @@ const HashTag = createMaterial(HashTagComponent, {
15549
15548
  paddingLeft: 20,
15550
15549
  paddingRight: 20,
15551
15550
  paddingBottom: 20
15552
- }
15551
+ },
15552
+ openFixedSize: { open: true, ratio: '1' }
15553
15553
  }
15554
15554
  },
15555
15555
  w: 100,