@bbki.ng/components 1.5.43 → 1.5.46
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.js +4 -6
- package/dist/index.mjs +4 -6
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -893,13 +893,11 @@ var Img = (props) => {
|
|
|
893
893
|
width: "initial",
|
|
894
894
|
height: "initial",
|
|
895
895
|
backgroundSize: "cover",
|
|
896
|
-
backgroundPosition: "0% 0%",
|
|
897
896
|
backgroundColor: avgColor || "#f1f1f1",
|
|
897
|
+
backgroundPosition: "0% 0%",
|
|
898
898
|
backgroundImage: `url(${thumbnailSrc ? thumbnailSrc : addOssWebpProcessStyle(src, "thumbnail" /* THUMBNAIL */)})`
|
|
899
899
|
};
|
|
900
|
-
const dynamicWrapperStyle = loaded && removeBlurBgAfterLoad ? {
|
|
901
|
-
backgroundImage: "none"
|
|
902
|
-
} : {};
|
|
900
|
+
const dynamicWrapperStyle = loaded && removeBlurBgAfterLoad ? { backgroundImage: "none" } : {};
|
|
903
901
|
const handleImgLoad = (img) => {
|
|
904
902
|
const updateFunc = async () => {
|
|
905
903
|
const p = "decode" in img ? img.decode : Promise.resolve;
|
|
@@ -917,7 +915,7 @@ var Img = (props) => {
|
|
|
917
915
|
img.onload = updateFunc;
|
|
918
916
|
};
|
|
919
917
|
return /* @__PURE__ */ import_react19.default.createElement("span", {
|
|
920
|
-
className: (0, import_classnames10.default)(className, "inline-block", "relative", "overflow-hidden", "leading-none", "align-bottom", "border-0"),
|
|
918
|
+
className: (0, import_classnames10.default)(className, "inline-block", "relative", "overflow-hidden", "duration-500", "leading-none", "align-bottom", "border-0"),
|
|
921
919
|
style: Object.assign({}, baseWrapperStyle, dynamicWrapperStyle)
|
|
922
920
|
}, /* @__PURE__ */ import_react19.default.createElement("img", {
|
|
923
921
|
ref: (input) => {
|
|
@@ -934,7 +932,7 @@ var Img = (props) => {
|
|
|
934
932
|
style: {
|
|
935
933
|
contentVisibility: "auto"
|
|
936
934
|
},
|
|
937
|
-
className: (0, import_classnames10.default)("transition-opacity", "opacity-100", {
|
|
935
|
+
className: (0, import_classnames10.default)("transition-opacity", "opacity-100", "duration-500", {
|
|
938
936
|
"opacity-0": !decoded
|
|
939
937
|
})
|
|
940
938
|
}), /* @__PURE__ */ import_react19.default.createElement("img", {
|
package/dist/index.mjs
CHANGED
|
@@ -835,13 +835,11 @@ var Img = (props) => {
|
|
|
835
835
|
width: "initial",
|
|
836
836
|
height: "initial",
|
|
837
837
|
backgroundSize: "cover",
|
|
838
|
-
backgroundPosition: "0% 0%",
|
|
839
838
|
backgroundColor: avgColor || "#f1f1f1",
|
|
839
|
+
backgroundPosition: "0% 0%",
|
|
840
840
|
backgroundImage: `url(${thumbnailSrc ? thumbnailSrc : addOssWebpProcessStyle(src, "thumbnail" /* THUMBNAIL */)})`
|
|
841
841
|
};
|
|
842
|
-
const dynamicWrapperStyle = loaded && removeBlurBgAfterLoad ? {
|
|
843
|
-
backgroundImage: "none"
|
|
844
|
-
} : {};
|
|
842
|
+
const dynamicWrapperStyle = loaded && removeBlurBgAfterLoad ? { backgroundImage: "none" } : {};
|
|
845
843
|
const handleImgLoad = (img) => {
|
|
846
844
|
const updateFunc = async () => {
|
|
847
845
|
const p = "decode" in img ? img.decode : Promise.resolve;
|
|
@@ -859,7 +857,7 @@ var Img = (props) => {
|
|
|
859
857
|
img.onload = updateFunc;
|
|
860
858
|
};
|
|
861
859
|
return /* @__PURE__ */ React18.createElement("span", {
|
|
862
|
-
className: classnames(className, "inline-block", "relative", "overflow-hidden", "leading-none", "align-bottom", "border-0"),
|
|
860
|
+
className: classnames(className, "inline-block", "relative", "overflow-hidden", "duration-500", "leading-none", "align-bottom", "border-0"),
|
|
863
861
|
style: Object.assign({}, baseWrapperStyle, dynamicWrapperStyle)
|
|
864
862
|
}, /* @__PURE__ */ React18.createElement("img", {
|
|
865
863
|
ref: (input) => {
|
|
@@ -876,7 +874,7 @@ var Img = (props) => {
|
|
|
876
874
|
style: {
|
|
877
875
|
contentVisibility: "auto"
|
|
878
876
|
},
|
|
879
|
-
className: classnames("transition-opacity", "opacity-100", {
|
|
877
|
+
className: classnames("transition-opacity", "opacity-100", "duration-500", {
|
|
880
878
|
"opacity-0": !decoded
|
|
881
879
|
})
|
|
882
880
|
}), /* @__PURE__ */ React18.createElement("img", {
|