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