@vuer-ai/vuer-uikit 0.0.88 → 0.0.89

package/dist/chunk-G5JZGNKY.cjs

@@ -0,0 +1,308 @@
+'use strict';
+
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var chunkG4FJGNY5_cjs = require('./chunk-G4FJGNY5.cjs');
+var reactSlot = require('@radix-ui/react-slot');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var SyncScroll = ({ children, className, asChild = false, ...props }) => {
+  const Comp = asChild ? reactSlot.Slot : "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref: chunkG4FJGNY5_cjs.useSyncScroll(), className: chunkOHIB3TEN_cjs.cn("overflow-y-auto", className), ...props, children });
+};
+var SyncScrollSlave = ({
+  children,
+  className,
+  asChild = false,
+  ...props
+}) => {
+  const Comp = asChild ? reactSlot.Slot : "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref: chunkG4FJGNY5_cjs.useScrollSlave(), className: chunkOHIB3TEN_cjs.cn("overflow-y-auto", className), ...props, children });
+};
+var SyncDrag = ({
+  ref: extRef,
+  children,
+  className,
+  asChild = false,
+  ...props
+}) => {
+  const ref = chunkG4FJGNY5_cjs.useSyncDrag({ ref: extRef, axis: "both" });
+  const [isDragging, setIsDragging] = react.useState(false);
+  const dragStartX = react.useRef(0);
+  const dragStartY = react.useRef(0);
+  const scrollStartLeft = react.useRef(0);
+  const scrollStartTop = react.useRef(0);
+  react.useEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+    const handleMouseDown = (e) => {
+      setIsDragging(true);
+      dragStartX.current = e.clientX;
+      dragStartY.current = e.clientY;
+      scrollStartLeft.current = element.scrollLeft;
+      scrollStartTop.current = element.scrollTop;
+      e.preventDefault();
+    };
+    const handleMouseMove = (e) => {
+      if (!isDragging || !element) return;
+      const deltaX = e.clientX - dragStartX.current;
+      const deltaY = e.clientY - dragStartY.current;
+      element.scrollLeft = scrollStartLeft.current - deltaX * 2;
+      element.scrollTop = scrollStartTop.current - deltaY * 2;
+    };
+    const handleMouseUp = () => {
+      setIsDragging(false);
+    };
+    element.addEventListener("mousedown", handleMouseDown);
+    if (isDragging) {
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+      document.addEventListener("mouseleave", handleMouseUp);
+    }
+    return () => {
+      element.removeEventListener("mousedown", handleMouseDown);
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+      document.removeEventListener("mouseleave", handleMouseUp);
+    };
+  }, [isDragging, ref]);
+  const Comp = asChild ? reactSlot.Slot : "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      ref,
+      className: chunkOHIB3TEN_cjs.cn("cursor-grab overflow-auto", isDragging && "cursor-grabbing", className),
+      style: { userSelect: isDragging ? "none" : "auto", ...props.style },
+      ...props,
+      children
+    }
+  );
+};
+var SyncDragX = ({ children, className, asChild = false, ...props }) => {
+  const ref = chunkG4FJGNY5_cjs.useSyncDrag({ axis: "horizontal" });
+  const [isDragging, setIsDragging] = react.useState(false);
+  const dragStartX = react.useRef(0);
+  const scrollStartLeft = react.useRef(0);
+  react.useEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+    const handleMouseDown = (e) => {
+      setIsDragging(true);
+      dragStartX.current = e.clientX;
+      scrollStartLeft.current = element.scrollLeft;
+      e.preventDefault();
+    };
+    const handleMouseMove = (e) => {
+      if (!isDragging || !element) return;
+      const deltaX = e.clientX - dragStartX.current;
+      element.scrollLeft = scrollStartLeft.current - deltaX * 2;
+    };
+    const handleMouseUp = () => {
+      setIsDragging(false);
+    };
+    element.addEventListener("mousedown", handleMouseDown);
+    if (isDragging) {
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+      document.addEventListener("mouseleave", handleMouseUp);
+    }
+    return () => {
+      element.removeEventListener("mousedown", handleMouseDown);
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+      document.removeEventListener("mouseleave", handleMouseUp);
+    };
+  }, [isDragging, ref]);
+  const Comp = asChild ? reactSlot.Slot : "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      ref,
+      className: chunkOHIB3TEN_cjs.cn("cursor-grab overflow-x-auto", isDragging ? "cursor-grabbing" : "", className),
+      style: { userSelect: isDragging ? "none" : "auto", ...props.style },
+      ...props,
+      children
+    }
+  );
+};
+var SyncDragSlave = ({
+  ref: extRef,
+  children,
+  className,
+  asChild = false,
+  ...props
+}) => {
+  const ref = chunkG4FJGNY5_cjs.useScrollSlave({ ref: extRef, axis: "both" });
+  const [isDragging, setIsDragging] = react.useState(false);
+  const dragStartX = react.useRef(0);
+  const dragStartY = react.useRef(0);
+  const scrollStartLeft = react.useRef(0);
+  const scrollStartTop = react.useRef(0);
+  react.useEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+    const handleMouseDown = (e) => {
+      setIsDragging(true);
+      dragStartX.current = e.clientX;
+      dragStartY.current = e.clientY;
+      scrollStartLeft.current = element.scrollLeft;
+      scrollStartTop.current = element.scrollTop;
+      e.preventDefault();
+    };
+    const handleMouseMove = (e) => {
+      if (!isDragging || !element) return;
+      const deltaX = e.clientX - dragStartX.current;
+      const deltaY = e.clientY - dragStartY.current;
+      element.scrollLeft = scrollStartLeft.current - deltaX * 2;
+      element.scrollTop = scrollStartTop.current - deltaY * 2;
+    };
+    const handleMouseUp = () => {
+      setIsDragging(false);
+    };
+    element.addEventListener("mousedown", handleMouseDown);
+    if (isDragging) {
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+      document.addEventListener("mouseleave", handleMouseUp);
+    }
+    return () => {
+      element.removeEventListener("mousedown", handleMouseDown);
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+      document.removeEventListener("mouseleave", handleMouseUp);
+    };
+  }, [isDragging, ref]);
+  const Comp = asChild ? reactSlot.Slot : "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      ref,
+      className: chunkOHIB3TEN_cjs.cn("cursor-grab overflow-auto", isDragging && "cursor-grabbing", className),
+      style: { userSelect: isDragging ? "none" : "auto", ...props.style },
+      ...props,
+      children
+    }
+  );
+};
+var SyncDragSlaveX = ({
+  ref: extRef,
+  children,
+  className,
+  asChild = false,
+  ...props
+}) => {
+  const ref = chunkG4FJGNY5_cjs.useScrollSlave({ ref: extRef, axis: "horizontal" });
+  const [isDragging, setIsDragging] = react.useState(false);
+  const dragStartX = react.useRef(0);
+  const scrollStartLeft = react.useRef(0);
+  react.useEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+    const handleMouseDown = (e) => {
+      setIsDragging(true);
+      dragStartX.current = e.clientX;
+      scrollStartLeft.current = element.scrollLeft;
+      e.preventDefault();
+    };
+    const handleMouseMove = (e) => {
+      if (!isDragging || !element) return;
+      const deltaX = e.clientX - dragStartX.current;
+      element.scrollLeft = scrollStartLeft.current - deltaX * 2;
+    };
+    const handleMouseUp = () => {
+      setIsDragging(false);
+    };
+    element.addEventListener("mousedown", handleMouseDown);
+    if (isDragging) {
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+      document.addEventListener("mouseleave", handleMouseUp);
+    }
+    return () => {
+      element.removeEventListener("mousedown", handleMouseDown);
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+      document.removeEventListener("mouseleave", handleMouseUp);
+    };
+  }, [isDragging, ref]);
+  const Comp = asChild ? reactSlot.Slot : "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      ref,
+      className: chunkOHIB3TEN_cjs.cn(
+        "cursor-grab overflow-x-auto overflow-y-hidden",
+        isDragging && "cursor-grabbing",
+        className
+      ),
+      style: { userSelect: isDragging ? "none" : "auto", ...props.style },
+      ...props,
+      children
+    }
+  );
+};
+var SyncDragY = ({
+  ref: extRef,
+  children,
+  className,
+  asChild = false,
+  ...props
+}) => {
+  const ref = chunkG4FJGNY5_cjs.useSyncDrag({ ref: extRef, axis: "vertical" });
+  const [isDragging, setIsDragging] = react.useState(false);
+  const dragStartY = react.useRef(0);
+  const scrollStartTop = react.useRef(0);
+  react.useEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+    const handleMouseDown = (e) => {
+      setIsDragging(true);
+      dragStartY.current = e.clientY;
+      scrollStartTop.current = element.scrollTop;
+      e.preventDefault();
+    };
+    const handleMouseMove = (e) => {
+      if (!isDragging || !element) return;
+      const deltaY = e.clientY - dragStartY.current;
+      element.scrollTop = scrollStartTop.current - deltaY * 2;
+    };
+    const handleMouseUp = () => {
+      setIsDragging(false);
+    };
+    element.addEventListener("mousedown", handleMouseDown);
+    if (isDragging) {
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+      document.addEventListener("mouseleave", handleMouseUp);
+    }
+    return () => {
+      element.removeEventListener("mousedown", handleMouseDown);
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+      document.removeEventListener("mouseleave", handleMouseUp);
+    };
+  }, [isDragging, ref]);
+  const Comp = asChild ? reactSlot.Slot : "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      ref,
+      className: chunkOHIB3TEN_cjs.cn(
+        "cursor-grab overflow-x-hidden overflow-y-auto",
+        isDragging && "cursor-grabbing",
+        className
+      ),
+      style: { userSelect: isDragging ? "none" : "auto", ...props.style },
+      ...props,
+      children
+    }
+  );
+};
+
+exports.SyncDrag = SyncDrag;
+exports.SyncDragSlave = SyncDragSlave;
+exports.SyncDragSlaveX = SyncDragSlaveX;
+exports.SyncDragX = SyncDragX;
+exports.SyncDragY = SyncDragY;
+exports.SyncScroll = SyncScroll;
+exports.SyncScrollSlave = SyncScrollSlave;

package/dist/{chunk-YSUCUNBJ.mjs → chunk-GMGAUN57.mjs}

@@ -1,4 +1,4 @@
-import { EulerInput } from './chunk-OLCFDXGF.mjs';
+import { EulerInput } from './chunk-OBYDDCUD.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-LY5RLGFY.cjs → chunk-GPSSQ7XQ.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkI7NPMMUG_cjs = require('./chunk-I7NPMMUG.cjs');
+var chunkRBKCE3N7_cjs = require('./chunk-RBKCE3N7.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var RadInput = react.forwardRef(function RadInput2({ value = 0, onChange, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkI7NPMMUG_cjs.InputNumbers,
+    chunkRBKCE3N7_cjs.InputNumbers,
     {
       ref,
       value: [value],