@kengic/core.react 0.0.2-beta.10 → 0.0.2-beta.12

package/kengic-core.react.js

@@ -65625,53 +65625,50 @@ function useDragToMove(e) {
 }
 function useDragToResize(e) {
   const { getProps: t, domRef: r } = e, { width: n, height: a } = useSize(document.documentElement) ?? { width: 0, height: 0 }, s = 48, u = 400;
-  let p = null, C = null, w = null;
-  const [L, G] = reactExports.useState(null);
-  let ne = null, oe = null;
-  const ie = Math.min(t.kgMinWidth ?? u, n), ue = Math.min(t.kgMaxWidth ?? n, n), ae = Math.min(t.kgMaxHeight ?? a, a), [ut, ea] = reactExports.useState(0);
-  let ct = 0, ra = 0, ta = 0, oa = 0, ia = {
+  let p = null, C = null, w = null, L = null;
+  const [G, ne] = reactExports.useState(null);
+  let oe = null, ie = null;
+  const ue = Math.min(t.kgMinWidth ?? u, n), ae = Math.min(t.kgMaxWidth ?? n, n), ut = Math.min(t.kgMaxHeight ?? a, a), [ea, ct] = reactExports.useState(0);
+  let ra = 0, ta = 0, oa = 0, ia = 0, ca = {
     remove: () => {
     }
-  }, ca = {
+  }, sa = {
     remove: () => {
     }
   };
-  function sa() {
-    !w || !w.clientHeight || (w.style.height = `${w.clientHeight}px`);
-  }
   function ga(pa, ha, xa) {
     return pa.addEventListener(ha, xa), {
       remove: () => pa.removeEventListener(ha, xa)
     };
   }
   function ba() {
-    ia.remove(), ca.remove();
+    ca.remove(), sa.remove();
   }
   function Ea(pa) {
-    if (!w) {
+    if (!L) {
       Ne("弹窗元素为空.");
       return;
     }
     const { event: ha } = pa ?? {}, xa = ha.pageX;
-    let da = Math.min(ue, Math.max(ie, ct + xa - ta));
-    w.offsetLeft + da > n && (da = n - w.offsetLeft);
-    const Ta = w.offsetWidth, Ra = Number(getComputedStyle(w).left.replace(/px/g, "")) + (da - Ta) / 2;
-    da !== Ta && (w.style.width = `${da}px`, w.style.left = `${Ra}px`);
+    let da = Math.min(ae, Math.max(ue, ra + xa - oa));
+    L.offsetLeft + da > n && (da = n - L.offsetLeft);
+    const Ta = L.offsetWidth, Ra = Number(getComputedStyle(L).left.replace(/px/g, "")) + (da - Ta) / 2;
+    da !== Ta && (L.style.width = `${da}px`, L.style.left = `${Ra}px`);
   }
   function ya(pa) {
-    if (!w) {
+    if (!L) {
       Ne("弹窗元素为空.");
       return;
     }
-    const { event: ha } = pa ?? {}, xa = ha.pageY, da = (ne == null ? void 0 : ne.clientHeight) ?? s, Ta = (oe == null ? void 0 : oe.clientHeight) ?? 0, Ia = Math.min((t == null ? void 0 : t.kgMinHeight) ?? da + Ta + KG_MODAL_BORDER_WIDTH * 2, a);
-    let Ra = Math.min(ae, Math.max(Ia, ra + xa - oa));
-    w.offsetTop + Ra > a && (Ra = a - w.offsetTop);
-    const Da = w.offsetHeight, ja = Number(getComputedStyle(w).top.replace(/px/g, "")) + (Ra - Da) / 2;
-    Ra !== Da && (w.style.height = `${Ra}px`, w.style.top = `${ja}px`);
+    const { event: ha } = pa ?? {}, xa = ha.pageY, da = (oe == null ? void 0 : oe.clientHeight) ?? s, Ta = (ie == null ? void 0 : ie.clientHeight) ?? 0, Ia = Math.min((t == null ? void 0 : t.kgMinHeight) ?? da + Ta + KG_MODAL_BORDER_WIDTH * 2, a);
+    let Ra = Math.min(ut, Math.max(Ia, ta + xa - ia));
+    L.offsetTop + Ra > a && (Ra = a - L.offsetTop);
+    const Da = L.offsetHeight, ja = Number(getComputedStyle(L).top.replace(/px/g, "")) + (Ra - Da) / 2;
+    Ra !== Da && (L.style.height = `${Ra}px`, L.style.top = `${ja}px`);
   }
   function ma(pa) {
     const { event: ha, handleType: xa } = pa ?? {};
-    if (!w) {
+    if (!L) {
       Ne("弹窗元素为空.");
       return;
     }
@@ -65699,11 +65696,25 @@ function useDragToResize(e) {
   function Ca(pa) {
     const { event: ha, handleType: xa } = pa ?? {};
     if (ha.stopPropagation(), ha.preventDefault(), ba(), !(ha instanceof MouseEvent && ha.which !== 1)) {
-      if (!w) {
+      if (!L) {
         Ne("弹窗元素为空.");
         return;
       }
-      ta = ha.pageX, oa = ha.pageY, ct = w.offsetWidth, ra = w.offsetHeight, Number(getComputedStyle(w).top.replace(/px/g, "")), ia = ga(document.documentElement, "mousemove", (da) => va({ event: da, handleType: xa })), ca = ga(document.documentElement, "mouseup", (da) => fa({ event: da, handleType: xa }));
+      oa = ha.pageX, ia = ha.pageY, ra = L.offsetWidth, ta = L.offsetHeight, Number(getComputedStyle(L).top.replace(/px/g, "")), ca = ga(
+        document.documentElement,
+        "mousemove",
+        (da) => va({
+          event: da,
+          handleType: xa
+        })
+      ), sa = ga(
+        document.documentElement,
+        "mouseup",
+        (da) => fa({
+          event: da,
+          handleType: xa
+        })
+      );
     }
   }
   function va(pa) {
@@ -65714,32 +65725,62 @@ function useDragToResize(e) {
   }
   reactExports.useEffect(() => {
     var Na, Ba, Wa, Ti, Pi, Li, Si, Ja, bi;
-    C = ((Pi = (Ti = (Wa = (Ba = (Na = r.current) == null ? void 0 : Na.parentElement) == null ? void 0 : Ba.parentElement) == null ? void 0 : Wa.parentElement) == null ? void 0 : Ti.parentElement) == null ? void 0 : Pi.parentElement) ?? null, w = ((bi = (Ja = (Si = (Li = r.current) == null ? void 0 : Li.parentElement) == null ? void 0 : Si.parentElement) == null ? void 0 : Ja.parentElement) == null ? void 0 : bi.parentElement) ?? null, ne = (C == null ? void 0 : C.querySelector(".kgcrant-modal-header")) ?? null, oe = (C == null ? void 0 : C.querySelector(".kgcrant-modal-footer")) ?? null, G((C == null ? void 0 : C.querySelector(".kgcrant-modal-content")) ?? null);
-    const pa = (C == null ? void 0 : C.querySelector(".resize-handle-top-left")) ?? null, ha = (C == null ? void 0 : C.querySelector(".resize-handle-top")) ?? null, xa = (C == null ? void 0 : C.querySelector(".resize-handle-top-right")) ?? null, da = (C == null ? void 0 : C.querySelector(".resize-handle-right")) ?? null, Ta = (C == null ? void 0 : C.querySelector(".resize-handle-bottom-right")) ?? null, Ia = (C == null ? void 0 : C.querySelector(".resize-handle-bottom")) ?? null, Ra = (C == null ? void 0 : C.querySelector(".resize-handle-bottom-left")) ?? null, Da = (C == null ? void 0 : C.querySelector(".resize-handle-left")) ?? null;
+    w = ((Pi = (Ti = (Wa = (Ba = (Na = r.current) == null ? void 0 : Na.parentElement) == null ? void 0 : Ba.parentElement) == null ? void 0 : Wa.parentElement) == null ? void 0 : Ti.parentElement) == null ? void 0 : Pi.parentElement) ?? null, L = ((bi = (Ja = (Si = (Li = r.current) == null ? void 0 : Li.parentElement) == null ? void 0 : Si.parentElement) == null ? void 0 : Ja.parentElement) == null ? void 0 : bi.parentElement) ?? null, oe = (w == null ? void 0 : w.querySelector(".kgcrant-modal-header")) ?? null, ie = (w == null ? void 0 : w.querySelector(".kgcrant-modal-footer")) ?? null, ne((w == null ? void 0 : w.querySelector(".kgcrant-modal-content")) ?? null);
+    const pa = (w == null ? void 0 : w.querySelector(".resize-handle-top-left")) ?? null, ha = (w == null ? void 0 : w.querySelector(".resize-handle-top")) ?? null, xa = (w == null ? void 0 : w.querySelector(".resize-handle-top-right")) ?? null, da = (w == null ? void 0 : w.querySelector(".resize-handle-right")) ?? null, Ta = (w == null ? void 0 : w.querySelector(".resize-handle-bottom-right")) ?? null, Ia = (w == null ? void 0 : w.querySelector(".resize-handle-bottom")) ?? null, Ra = (w == null ? void 0 : w.querySelector(".resize-handle-bottom-left")) ?? null, Da = (w == null ? void 0 : w.querySelector(".resize-handle-left")) ?? null;
     ii("src/component/KgModal/hook/useDragToResize.ts | 001", {
       domRef: r.current,
-      modalContentElement: L,
-      modalElement: w,
-      modalFooterElement: oe,
-      modalHeaderElement: ne,
-      modalWrapElement: C,
+      modalContentElement: G,
+      modalElement: L,
+      modalFooterElement: ie,
+      modalHeaderElement: oe,
+      modalWrapElement: w,
       open: !!t.open
     });
-    const Ha = (Za) => Ca == null ? void 0 : Ca({ event: Za, handleType: "top-left" }), ja = (Za) => Ca == null ? void 0 : Ca({ event: Za, handleType: "top" }), Fa = (Za) => Ca == null ? void 0 : Ca({ event: Za, handleType: "top-right" }), Qa = (Za) => Ca == null ? void 0 : Ca({ event: Za, handleType: "right" }), li = (Za) => Ca == null ? void 0 : Ca({ event: Za, handleType: "bottom-right" }), za = (Za) => Ca == null ? void 0 : Ca({ event: Za, handleType: "bottom" }), Ma = (Za) => Ca == null ? void 0 : Ca({ event: Za, handleType: "bottom-left" }), Va = (Za) => Ca == null ? void 0 : Ca({ event: Za, handleType: "left" });
-    return !r.current || !t.open || !C || !w || !L || !ne || !oe || (pa == null || pa.addEventListener("mousedown", Ha), ha == null || ha.addEventListener("mousedown", ja), xa == null || xa.addEventListener("mousedown", Fa), da == null || da.addEventListener("mousedown", Qa), Ta == null || Ta.addEventListener("mousedown", li), Ia == null || Ia.addEventListener("mousedown", za), Ra == null || Ra.addEventListener("mousedown", Ma), Da == null || Da.addEventListener("mousedown", Va), sa()), () => {
-      p == null || p.disconnect(), ba(), pa == null || pa.removeEventListener("mousedown", Ha), ha == null || ha.removeEventListener("mousedown", ja), xa == null || xa.removeEventListener("mousedown", Fa), da == null || da.removeEventListener("mousedown", Qa), Ta == null || Ta.removeEventListener("mousedown", li), Ia == null || Ia.removeEventListener("mousedown", za), Ra == null || Ra.removeEventListener("mousedown", Ma), Da == null || Da.removeEventListener("mousedown", Va);
+    const Ha = (Za) => Ca == null ? void 0 : Ca({
+      event: Za,
+      handleType: "top-left"
+    }), ja = (Za) => Ca == null ? void 0 : Ca({
+      event: Za,
+      handleType: "top"
+    }), Fa = (Za) => Ca == null ? void 0 : Ca({
+      event: Za,
+      handleType: "top-right"
+    }), Qa = (Za) => Ca == null ? void 0 : Ca({
+      event: Za,
+      handleType: "right"
+    }), li = (Za) => Ca == null ? void 0 : Ca({
+      event: Za,
+      handleType: "bottom-right"
+    }), za = (Za) => Ca == null ? void 0 : Ca({
+      event: Za,
+      handleType: "bottom"
+    }), Ma = (Za) => Ca == null ? void 0 : Ca({
+      event: Za,
+      handleType: "bottom-left"
+    }), Va = (Za) => Ca == null ? void 0 : Ca({
+      event: Za,
+      handleType: "left"
+    });
+    return !r.current || !t.open || !w || !L || !G || !oe || !ie || (pa == null || pa.addEventListener("mousedown", Ha), ha == null || ha.addEventListener("mousedown", ja), xa == null || xa.addEventListener("mousedown", Fa), da == null || da.addEventListener("mousedown", Qa), Ta == null || Ta.addEventListener("mousedown", li), Ia == null || Ia.addEventListener("mousedown", za), Ra == null || Ra.addEventListener("mousedown", Ma), Da == null || Da.addEventListener("mousedown", Va)), () => {
+      C == null || C.disconnect(), ba(), pa == null || pa.removeEventListener("mousedown", Ha), ha == null || ha.removeEventListener("mousedown", ja), xa == null || xa.removeEventListener("mousedown", Fa), da == null || da.removeEventListener("mousedown", Qa), Ta == null || Ta.removeEventListener("mousedown", li), Ia == null || Ia.removeEventListener("mousedown", za), Ra == null || Ra.removeEventListener("mousedown", Ma), Da == null || Da.removeEventListener("mousedown", Va);
     };
-  }, [r, !!t.open, L]), reactExports.useEffect(() => {
-    ii("src/component/KgModal/hook/useDragToResize.ts | 002", {
-      modalContentElement: L
-    }), L ? (p = new ResizeObserver(() => ea(L.offsetHeight)), p.observe(L)) : p == null || p.disconnect();
+  }, [r, !!t.open, G]), reactExports.useEffect(() => {
+    ii("src/component/KgModal/hook/useDragToResize.ts | 004", {
+      modalElement: L
+    }), L ? (p = new ResizeObserver(() => {
+      L && L.clientHeight && (L.style.height = `${L.clientHeight}px`);
+    }), p.observe(L)) : p == null || p.disconnect();
   }, [L]), reactExports.useEffect(() => {
+    ii("src/component/KgModal/hook/useDragToResize.ts | 002", {
+      modalContentElement: G
+    }), G ? (C = new ResizeObserver(() => ct(G.offsetHeight)), C.observe(G)) : C == null || C.disconnect();
+  }, [G]), reactExports.useEffect(() => {
     ii("src/component/KgModal/hook/useDragToResize.ts | 003", {
-      currentModalContentOffsetHeight: ut,
-      maxHeight: ae,
-      modalElement: w
-    }), w && ut > ae && (w.style.height = `${ae}px`);
-  }, [w, ut, ae]);
+      currentModalContentOffsetHeight: ea,
+      maxHeight: ut,
+      modalElement: L
+    }), L && ea > ut && (L.style.height = `${ut}px`);
+  }, [L, ea, ut]);
 }
 function KgModalHeaderButtonsClose({}) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "kgcrant-kg-modal--header--buttons--close", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$2, { icon: "ant-design:close-outlined" }) });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kengic/core.react",
-    "version": "0.0.2-beta.10",
+    "version": "0.0.2-beta.12",
     "type": "module",
     "main": "./kengic-core.react.js",
     "module": "./kengic-core.react.js",