@bbki.ng/components 1.5.42 → 1.5.45
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 +5 -7
- package/dist/index.mjs +5 -7
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -894,12 +894,10 @@ var Img = (props) => {
|
|
|
894
894
|
height: "initial",
|
|
895
895
|
backgroundSize: "cover",
|
|
896
896
|
backgroundPosition: "0% 0%",
|
|
897
|
-
|
|
897
|
+
boxShadow: "inset 1px 1px #f1f1f1, inset -1px -1px #f1f1f1",
|
|
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,12 +932,12 @@ 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", {
|
|
941
939
|
src: emptyDataURL,
|
|
942
|
-
className: (0, import_classnames10.default)("lqip-blur", "absolute", "h-full", "w-full", "duration-
|
|
940
|
+
className: (0, import_classnames10.default)("lqip-blur", "absolute", "h-full", "w-full", "duration-500", "transition-opacity", {
|
|
943
941
|
"opacity-100": !decoded,
|
|
944
942
|
"opacity-0": decoded
|
|
945
943
|
}),
|
package/dist/index.mjs
CHANGED
|
@@ -836,12 +836,10 @@ var Img = (props) => {
|
|
|
836
836
|
height: "initial",
|
|
837
837
|
backgroundSize: "cover",
|
|
838
838
|
backgroundPosition: "0% 0%",
|
|
839
|
-
|
|
839
|
+
boxShadow: "inset 1px 1px #f1f1f1, inset -1px -1px #f1f1f1",
|
|
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,12 +874,12 @@ 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", {
|
|
883
881
|
src: emptyDataURL,
|
|
884
|
-
className: classnames("lqip-blur", "absolute", "h-full", "w-full", "duration-
|
|
882
|
+
className: classnames("lqip-blur", "absolute", "h-full", "w-full", "duration-500", "transition-opacity", {
|
|
885
883
|
"opacity-100": !decoded,
|
|
886
884
|
"opacity-0": decoded
|
|
887
885
|
}),
|