lizaui 10.0.4 → 10.0.5

package/dist/components/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/modal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAoF/F,eAAO,MAAM,KAAK,mHA+GjB,CAAC;AAGF,eAAO,MAAM,WAAW,GAAI,yFAAwG,eAAe,4CAiClJ,CAAC;AAEF,eAAO,MAAM,SAAS,0GAYpB,CAAC;AAGH,eAAO,MAAM,WAAW,GAAI,gCAAgC,eAAe,4CAS1E,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/modal.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA8E/F,eAAO,MAAM,KAAK,mHAwHjB,CAAC;AAGF,eAAO,MAAM,WAAW,GAAI,yFAUzB,eAAe,4CA6BjB,CAAC;AAEF,eAAO,MAAM,SAAS,0GAYpB,CAAC;AAGH,eAAO,MAAM,WAAW,GAAI,gCAAgC,eAAe,4CAM1E,CAAC"}

package/dist/hooks/use-draggable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-draggable.d.ts","sourceRoot":"","sources":["../../src/hooks/use-draggable.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAiB,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAI1E,MAAM,WAAW,iBAAiB;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAChD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,UAAU,CAqFjE"}
+{"version":3,"file":"use-draggable.d.ts","sourceRoot":"","sources":["../../src/hooks/use-draggable.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAiB,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAI1E,MAAM,WAAW,iBAAiB;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAChD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,UAAU,CA0HjE"}

package/dist/index.cjs.js

@@ -7,7 +7,7 @@ function useModalHooks(modalIdRef) {
   const [isOpen, setIsOpen] = React.useState(false);
   const [isVisibleModal, setIsVisibleModal] = React.useState(false);
   const [paramBody, setParamBody] = React.useState(null);
-  const onOpenRef = React.useRef(_temp$1);
+  const onOpenRef = React.useRef(_temp$2);
   const onCloseRef = React.useRef(_temp2);
   const modalIdGenerated = React.useId();
   const modalId = modalIdRef || `modal-${modalIdGenerated}`;
@@ -108,7 +108,7 @@ function useModalHooks(modalIdRef) {
 }
 function _temp2() {
 }
-function _temp$1() {
+function _temp$2() {
 }
 function useDrawer(t0) {
   const $ = compilerRuntime.c(14);
@@ -253,7 +253,7 @@ const useConfirmationAlert = () => {
   const showAlert = t1;
   let t2;
   if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t2 = () => setAlert(_temp);
+    t2 = () => setAlert(_temp$1);
     $[2] = t2;
   } else {
     t2 = $[2];
@@ -333,7 +333,7 @@ const useConfirmationAlert = () => {
   }
   return t7;
 };
-function _temp(prev) {
+function _temp$1(prev) {
   return {
     ...prev,
     loading: true
@@ -780,99 +780,225 @@ function $e8a7022cf87cba2a$export$36da96379f79f245(props) {
   };
 }
 function useDraggable(props) {
+  const $ = compilerRuntime.c(26);
   const {
     targetRef,
-    isDisabled = false,
-    canOverflow = false
+    isDisabled: t0,
+    canOverflow: t1
   } = props;
-  const boundary = React.useRef({
-    minLeft: 0,
-    minTop: 0,
-    maxLeft: 0,
-    maxTop: 0
-  });
-  let transform = {
-    offsetX: 0,
-    offsetY: 0
-  };
-  const onMoveStart = React.useCallback(() => {
-    const {
-      offsetX,
-      offsetY
-    } = transform;
-    const targetRect = targetRef?.current?.getBoundingClientRect();
-    const targetLeft = targetRect?.left ?? 0;
-    const targetTop = targetRect?.top ?? 0;
-    const targetWidth = targetRect?.width ?? 0;
-    const targetHeight = targetRect?.height ?? 0;
-    const clientWidth = document.documentElement.clientWidth;
-    const clientHeight = document.documentElement.clientHeight;
-    const minLeft = -targetLeft + offsetX;
-    const minTop = -targetTop + offsetY;
-    const maxLeft = clientWidth - targetLeft - targetWidth + offsetX;
-    const maxTop = clientHeight - targetTop - targetHeight + offsetY;
-    boundary.current = {
-      minLeft,
-      minTop,
-      maxLeft,
-      maxTop
+  const isDisabled = t0 === void 0 ? false : t0;
+  const canOverflow = t1 === void 0 ? false : t1;
+  let t2;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      minLeft: 0,
+      minTop: 0,
+      maxLeft: 0,
+      maxTop: 0
     };
-  }, [transform, targetRef?.current]);
-  const onMove = React.useCallback((e) => {
-    if (isDisabled) {
-      return;
-    }
-    const {
-      offsetX: offsetX_0,
-      offsetY: offsetY_0
-    } = transform;
-    const {
-      minLeft: minLeft_0,
-      minTop: minTop_0,
-      maxLeft: maxLeft_0,
-      maxTop: maxTop_0
-    } = boundary.current;
-    let moveX = offsetX_0 + e.deltaX;
-    let moveY = offsetY_0 + e.deltaY;
-    if (!canOverflow) {
-      moveX = Math.min(Math.max(moveX, minLeft_0), maxLeft_0);
-      moveY = Math.min(Math.max(moveY, minTop_0), maxTop_0);
-    }
-    transform = {
-      offsetX: moveX,
-      offsetY: moveY
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  const boundary = React.useRef(t2);
+  let t3;
+  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = {
+      offsetX: 0,
+      offsetY: 0
     };
-    if (targetRef?.current) {
-      targetRef.current.style.transform = `translate(${moveX}px, ${moveY}px)`;
-    }
-  }, [isDisabled, transform, boundary.current, canOverflow, targetRef?.current]);
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const transformRef = React.useRef(t3);
+  let t4;
+  if ($[2] !== targetRef) {
+    t4 = () => {
+      const {
+        offsetX,
+        offsetY
+      } = transformRef.current;
+      const targetRect = targetRef?.current?.getBoundingClientRect();
+      const targetLeft = targetRect?.left ?? 0;
+      const targetTop = targetRect?.top ?? 0;
+      const targetWidth = targetRect?.width ?? 0;
+      const targetHeight = targetRect?.height ?? 0;
+      const clientWidth = document.documentElement.clientWidth;
+      const clientHeight = document.documentElement.clientHeight;
+      const minLeft = -targetLeft + offsetX;
+      const minTop = -targetTop + offsetY;
+      const maxLeft = clientWidth - targetLeft - targetWidth + offsetX;
+      const maxTop = clientHeight - targetTop - targetHeight + offsetY;
+      boundary.current = {
+        minLeft,
+        minTop,
+        maxLeft,
+        maxTop
+      };
+    };
+    $[2] = targetRef;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const onMoveStart = t4;
+  let t5;
+  if ($[4] !== canOverflow || $[5] !== isDisabled || $[6] !== targetRef) {
+    t5 = (e) => {
+      if (isDisabled) {
+        return;
+      }
+      const {
+        offsetX: offsetX_0,
+        offsetY: offsetY_0
+      } = transformRef.current;
+      const {
+        minLeft: minLeft_0,
+        minTop: minTop_0,
+        maxLeft: maxLeft_0,
+        maxTop: maxTop_0
+      } = boundary.current;
+      let moveX = offsetX_0 + e.deltaX;
+      let moveY = offsetY_0 + e.deltaY;
+      if (!canOverflow) {
+        moveX = Math.min(Math.max(moveX, minLeft_0), maxLeft_0);
+        moveY = Math.min(Math.max(moveY, minTop_0), maxTop_0);
+      }
+      transformRef.current = {
+        offsetX: moveX,
+        offsetY: moveY
+      };
+      if (targetRef?.current) {
+        targetRef.current.style.transform = `translate(${moveX}px, ${moveY}px)`;
+      }
+    };
+    $[4] = canOverflow;
+    $[5] = isDisabled;
+    $[6] = targetRef;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  const onMove = t5;
+  let t6;
+  if ($[8] !== onMove || $[9] !== onMoveStart) {
+    t6 = {
+      onMoveStart,
+      onMove
+    };
+    $[8] = onMove;
+    $[9] = onMoveStart;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
   const {
     moveProps
-  } = $e8a7022cf87cba2a$export$36da96379f79f245({
-    onMoveStart,
-    onMove
-  });
-  const preventDefault = React.useCallback((e_0) => {
-    e_0.preventDefault();
-  }, []);
-  React.useEffect(() => {
-    if (!isDisabled) {
-      document.body.addEventListener("touchmove", preventDefault, {
-        passive: false
-      });
-    }
-    return () => {
-      document.body.removeEventListener("touchmove", preventDefault);
+  } = $e8a7022cf87cba2a$export$36da96379f79f245(t6);
+  const preventDefault = _temp;
+  let t7;
+  let t8;
+  if ($[11] !== isDisabled) {
+    t7 = () => {
+      if (!isDisabled) {
+        document.body.addEventListener("touchmove", preventDefault, {
+          passive: false
+        });
+      }
+      return () => {
+        document.body.removeEventListener("touchmove", preventDefault);
+      };
     };
-  }, [isDisabled]);
-  return {
-    moveProps: {
-      ...moveProps,
-      style: {
-        cursor: !isDisabled ? "move" : void 0
+    t8 = [isDisabled, preventDefault];
+    $[11] = isDisabled;
+    $[12] = t7;
+    $[13] = t8;
+  } else {
+    t7 = $[12];
+    t8 = $[13];
+  }
+  React.useEffect(t7, t8);
+  let t10;
+  let t9;
+  if ($[14] !== isDisabled || $[15] !== targetRef) {
+    t9 = () => {
+      if (isDisabled && targetRef?.current) {
+        transformRef.current = {
+          offsetX: 0,
+          offsetY: 0
+        };
+        targetRef.current.style.transform = "";
       }
-    }
-  };
+    };
+    t10 = [isDisabled, targetRef];
+    $[14] = isDisabled;
+    $[15] = targetRef;
+    $[16] = t10;
+    $[17] = t9;
+  } else {
+    t10 = $[16];
+    t9 = $[17];
+  }
+  React.useEffect(t9, t10);
+  let t11;
+  if ($[18] !== isDisabled || $[19] !== targetRef) {
+    t11 = () => {
+      if (!targetRef?.current || isDisabled) {
+        return;
+      }
+      const {
+        offsetX: offsetX_1,
+        offsetY: offsetY_1
+      } = transformRef.current;
+      if (offsetX_1 !== 0 || offsetY_1 !== 0) {
+        const currentTransform = targetRef.current.style.transform;
+        const expectedTransform = `translate(${offsetX_1}px, ${offsetY_1}px)`;
+        if (currentTransform !== expectedTransform) {
+          requestAnimationFrame(() => {
+            if (targetRef?.current) {
+              targetRef.current.style.transform = expectedTransform;
+            }
+          });
+        }
+      }
+    };
+    $[18] = isDisabled;
+    $[19] = targetRef;
+    $[20] = t11;
+  } else {
+    t11 = $[20];
+  }
+  React.useEffect(t11);
+  const t12 = !isDisabled ? "move" : void 0;
+  let t13;
+  if ($[21] !== t12) {
+    t13 = {
+      cursor: t12
+    };
+    $[21] = t12;
+    $[22] = t13;
+  } else {
+    t13 = $[22];
+  }
+  let t14;
+  if ($[23] !== moveProps || $[24] !== t13) {
+    t14 = {
+      moveProps: {
+        ...moveProps,
+        style: t13
+      }
+    };
+    $[23] = moveProps;
+    $[24] = t13;
+    $[25] = t14;
+  } else {
+    t14 = $[25];
+  }
+  return t14;
+}
+function _temp(e_0) {
+  e_0.preventDefault();
 }
 exports.useConfirmationAlert = useConfirmationAlert;
 exports.useDraggable = useDraggable;