@bbki.ng/components 2.1.26 → 2.1.29

package/dist/index.cjs

@@ -566,8 +566,6 @@ var import_react17 = require("react");
 
 // lib/drop-image/utils.ts
 var wait = (d) => new Promise((r) => setTimeout(r, d));
-var noop = () => {
-};
 
 // lib/drop-image/useDropImage.ts
 var import_react15 = require("react");
@@ -575,7 +573,7 @@ var useDropImage = (params) => {
   const [isDragOver, setIsDragOver] = (0, import_react15.useState)(false);
   const [imageSrc, setImageSrc] = (0, import_react15.useState)("");
   const [imageSize, setImageSize] = (0, import_react15.useState)({ width: 0, height: 0 });
-  const imageFile = (0, import_react15.useRef)(null);
+  const imageFile = (0, import_react15.useRef)();
   const {
     portraitImageWidth = 384,
     landscapeImageWidth = 500,
@@ -610,6 +608,9 @@ var useDropImage = (params) => {
   const handleDragOver = (0, import_react15.useCallback)((ev) => {
     ev.preventDefault();
     setIsDragOver(true);
+    if (!ev.dataTransfer) {
+      return;
+    }
     ev.dataTransfer.dropEffect = "move";
   }, []);
   const handleDragLeave = (0, import_react15.useCallback)(() => {
@@ -618,8 +619,8 @@ var useDropImage = (params) => {
   const handleDrop = (0, import_react15.useCallback)((ev) => {
     ev.preventDefault();
     setIsDragOver(false);
-    const file = ev.dataTransfer.files[0];
-    if (!file || !file.type.startsWith("image")) {
+    const file = ev.dataTransfer ? ev.dataTransfer.files[0] : void 0;
+    if (!file || !file.type.startsWith("image") || !imageFile.current) {
       return;
     }
     imageFile.current = file;
@@ -699,8 +700,10 @@ var ImagePreviewer = (props) => {
 };
 var GhostDropImage = (props) => {
   const {
-    onDrop = noop,
-    onUploadFinish = noop,
+    onDrop = () => {
+    },
+    onUploadFinish = () => {
+    },
     uploader,
     waitTimeAfterFinish = 2e3,
     className = "",
@@ -776,7 +779,8 @@ var DropImage = (props) => {
     waitTimeAfterFinish = 2e3,
     placeholder = "",
     className = "",
-    onUploadFinish = noop,
+    onUploadFinish = () => {
+    },
     ghost,
     children,
     dropAreaStyle = {
@@ -1157,10 +1161,10 @@ var VERTEX_SHADER = `
 
   varying vec3 vColor;
   
-  vec3 curve(float _percent, float _length) {
+  vec3 curve(float _percent) {
     const float PI2 = 3.141592653589793 * 2.0;
-    float radius = 0.028 / 0.15 * _length;
-
+    const float _length = 0.3;
+    const float radius = 0.056;
     float t = mod(_percent, 0.25) / 0.25;
     t = mod(_percent, 0.25) - (2.0 * (1.0 - t) * t * -0.0185 + t * t * 0.25);
     float x = _length * sin(PI2 * _percent);
@@ -1190,7 +1194,7 @@ var VERTEX_SHADER = `
      * uModelMatrix
      * uViewMatrix
      * rotateX(uProgress)
-     * vec4(curve(${"aPercent" /* PERCENT */}, 0.8), 1.0);
+     * vec4(curve(${"aPercent" /* PERCENT */}), 1.0);
 
     gl_PointSize = ${"aPointSize" /* POINT_SIZE */};
   }
@@ -1243,7 +1247,8 @@ var LoadingSpiral = (props) => {
     const phenomenon = new import_phenomenon.default({
       settings: createSettings({ canvas: canvasRef.current, step }),
       context: {
-        antialias: true
+        antialias: true,
+        alpha: true
       }
     });
     phenomenon.add(
@@ -1252,11 +1257,9 @@ var LoadingSpiral = (props) => {
     );
   }, []);
   return /* @__PURE__ */ import_react22.default.createElement("canvas", {
-    width: 200,
-    height: 200,
     style: {
-      width: 200,
-      height: 200,
+      maxWidth: 500,
+      maxHeight: 500,
       imageRendering: "pixelated"
     },
     ref: canvasRef,