pb-sxp-ui 1.0.98 → 1.0.99
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 +3 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +1 -1
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +3 -3
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +1 -1
- package/dist/pb-ui.min.js.map +1 -1
- package/es/materials/sxp/template/components/Img.js +1 -1
- package/lib/materials/sxp/template/components/Img.js +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -9683,7 +9683,7 @@ function useOnScreen(ref) {
|
|
|
9683
9683
|
* @Author: binruan@chatlabs.com
|
|
9684
9684
|
* @Date: 2024-01-16 14:50:13
|
|
9685
9685
|
* @LastEditors: binruan@chatlabs.com
|
|
9686
|
-
* @LastEditTime: 2024-06-24
|
|
9686
|
+
* @LastEditTime: 2024-06-24 18:13:14
|
|
9687
9687
|
* @FilePath: \pb-sxp-ui\src\materials\sxp\template\components\Img.tsx
|
|
9688
9688
|
*
|
|
9689
9689
|
*/
|
|
@@ -9699,12 +9699,12 @@ const Img = ({ src, rec, item, index, style, translateY, imgStyle }) => {
|
|
|
9699
9699
|
}, rec, item, index);
|
|
9700
9700
|
}
|
|
9701
9701
|
}, [isOnScreen, src, ref, rec, ctaEvent, item, index]);
|
|
9702
|
-
|
|
9702
|
+
React.useMemo(() => {
|
|
9703
9703
|
return (src === null || src === void 0 ? void 0 : src.includes('.avif')) ? src : `${src}?imrquality/rquality/20`;
|
|
9704
9704
|
}, [src]);
|
|
9705
9705
|
return (React.createElement("div", { className: css.css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, imgStyle)) },
|
|
9706
9706
|
React.createElement("div", { ref: ref, hidden: !src, className: css.css({ width: '100%', height: '100%' }) },
|
|
9707
|
-
React.createElement(FormatImage$1, { className: css.css(Object.assign({ width: '100%', objectFit: 'cover', height: '100%', display: 'block', objectPosition: `50% ${translateY ? -translateY + 50 : 50}%` }, style)), src:
|
|
9707
|
+
React.createElement(FormatImage$1, { className: css.css(Object.assign({ width: '100%', objectFit: 'cover', height: '100%', display: 'block', objectPosition: `50% ${translateY ? -translateY + 50 : 50}%` }, style)), src: src }))));
|
|
9708
9708
|
};
|
|
9709
9709
|
var Img$1 = React.memo(Img);
|
|
9710
9710
|
|