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.js
CHANGED
|
@@ -9660,7 +9660,7 @@ function useOnScreen(ref) {
|
|
|
9660
9660
|
* @Author: binruan@chatlabs.com
|
|
9661
9661
|
* @Date: 2024-01-16 14:50:13
|
|
9662
9662
|
* @LastEditors: binruan@chatlabs.com
|
|
9663
|
-
* @LastEditTime: 2024-06-24
|
|
9663
|
+
* @LastEditTime: 2024-06-24 18:13:14
|
|
9664
9664
|
* @FilePath: \pb-sxp-ui\src\materials\sxp\template\components\Img.tsx
|
|
9665
9665
|
*
|
|
9666
9666
|
*/
|
|
@@ -9676,12 +9676,12 @@ const Img = ({ src, rec, item, index, style, translateY, imgStyle }) => {
|
|
|
9676
9676
|
}, rec, item, index);
|
|
9677
9677
|
}
|
|
9678
9678
|
}, [isOnScreen, src, ref, rec, ctaEvent, item, index]);
|
|
9679
|
-
|
|
9679
|
+
useMemo(() => {
|
|
9680
9680
|
return (src === null || src === void 0 ? void 0 : src.includes('.avif')) ? src : `${src}?imrquality/rquality/20`;
|
|
9681
9681
|
}, [src]);
|
|
9682
9682
|
return (React.createElement("div", { className: css(Object.assign({ overflow: 'hidden', flexShrink: 0, backgroundColor: '#f2f2f2' }, imgStyle)) },
|
|
9683
9683
|
React.createElement("div", { ref: ref, hidden: !src, className: css({ width: '100%', height: '100%' }) },
|
|
9684
|
-
React.createElement(FormatImage$1, { className: css(Object.assign({ width: '100%', objectFit: 'cover', height: '100%', display: 'block', objectPosition: `50% ${translateY ? -translateY + 50 : 50}%` }, style)), src:
|
|
9684
|
+
React.createElement(FormatImage$1, { className: css(Object.assign({ width: '100%', objectFit: 'cover', height: '100%', display: 'block', objectPosition: `50% ${translateY ? -translateY + 50 : 50}%` }, style)), src: src }))));
|
|
9685
9685
|
};
|
|
9686
9686
|
var Img$1 = memo(Img);
|
|
9687
9687
|
|