@bbki.ng/components 2.1.26 → 2.1.29

package/dist/index.d.ts

@@ -173,7 +173,7 @@ interface ImagePreviewerProps {
 }
 interface ImageDropProps<T> {
     uploader: (file: File, img?: HTMLImageElement) => Promise<T>;
-    onDrop?: (events: Event, file: File) => void;
+    onDrop?: (events: React__default.DragEvent<Element>, file: File) => void;
     onUploadFinish?: (result: T) => void;
     waitTimeAfterFinish?: number;
     defaultBgColor?: string;

package/dist/index.js

@@ -506,16 +506,18 @@ import { useState as useState4 } from "react";
 
 // lib/drop-image/utils.ts
 var wait = (d) => new Promise((r) => setTimeout(r, d));
-var noop = () => {
-};
 
 // lib/drop-image/useDropImage.ts
-import { useState as useState3, useCallback, useRef } from "react";
+import {
+  useState as useState3,
+  useCallback,
+  useRef
+} from "react";
 var useDropImage = (params) => {
   const [isDragOver, setIsDragOver] = useState3(false);
   const [imageSrc, setImageSrc] = useState3("");
   const [imageSize, setImageSize] = useState3({ width: 0, height: 0 });
-  const imageFile = useRef(null);
+  const imageFile = useRef();
   const {
     portraitImageWidth = 384,
     landscapeImageWidth = 500,
@@ -550,6 +552,9 @@ var useDropImage = (params) => {
   const handleDragOver = useCallback((ev) => {
     ev.preventDefault();
     setIsDragOver(true);
+    if (!ev.dataTransfer) {
+      return;
+    }
     ev.dataTransfer.dropEffect = "move";
   }, []);
   const handleDragLeave = useCallback(() => {
@@ -558,8 +563,8 @@ var useDropImage = (params) => {
   const handleDrop = 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;
@@ -639,8 +644,10 @@ var ImagePreviewer = (props) => {
 };
 var GhostDropImage = (props) => {
   const {
-    onDrop = noop,
-    onUploadFinish = noop,
+    onDrop = () => {
+    },
+    onUploadFinish = () => {
+    },
     uploader,
     waitTimeAfterFinish = 2e3,
     className = "",
@@ -716,7 +723,8 @@ var DropImage = (props) => {
     waitTimeAfterFinish = 2e3,
     placeholder = "",
     className = "",
-    onUploadFinish = noop,
+    onUploadFinish = () => {
+    },
     ghost,
     children,
     dropAreaStyle = {
@@ -1097,10 +1105,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);
@@ -1130,7 +1138,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 */};
   }
@@ -1183,7 +1191,8 @@ var LoadingSpiral = (props) => {
     const phenomenon = new Phenomenon({
       settings: createSettings({ canvas: canvasRef.current, step }),
       context: {
-        antialias: true
+        antialias: true,
+        alpha: true
       }
     });
     phenomenon.add(
@@ -1192,11 +1201,9 @@ var LoadingSpiral = (props) => {
     );
   }, []);
   return /* @__PURE__ */ React21.createElement("canvas", {
-    width: 200,
-    height: 200,
     style: {
-      width: 200,
-      height: 200,
+      maxWidth: 500,
+      maxHeight: 500,
       imageRendering: "pixelated"
     },
     ref: canvasRef,