sa2kit 1.6.43 → 1.6.45

package/dist/calendar/index.mjs

@@ -1,10 +1,10 @@
-import { SearchBox, ConfirmModal, Modal } from '../chunk-GMIUSZXC.mjs';
-import '../chunk-EGJPS7OL.mjs';
-import '../chunk-3NHAT7D4.mjs';
+import { SearchBox, ConfirmModal, Modal } from '../chunk-3JW4X3AC.mjs';
+import '../chunk-6BJ76BYC.mjs';
+import '../chunk-4VJQZSPU.mjs';
 import '../chunk-VVWQTO4Y.mjs';
 import '../chunk-WEEXCPSE.mjs';
-import '../chunk-3DXPQ4YV.mjs';
-import '../chunk-BJTO5JO5.mjs';
+import '../chunk-PXWDQFWV.mjs';
+import '../chunk-WMJKH4XE.mjs';
 import React2, { useState, useMemo, useCallback, useEffect } from 'react';
 import { clsx } from 'clsx';
 import { useDraggable, useDroppable, DndContext, DragOverlay } from '@dnd-kit/core';

package/dist/calendar/routes/index.js

@@ -2,7 +2,7 @@
 
 var chunkWC5QFO3T_js = require('../../chunk-WC5QFO3T.js');
 require('../../chunk-SVWQN2LR.js');
-require('../../chunk-DGUM43GV.js');
+require('../../chunk-Z6ZWNWWR.js');
 var server = require('next/server');
 
 function initDbService(db) {

package/dist/calendar/routes/index.mjs

@@ -1,6 +1,6 @@
 import { calendarDbService } from '../../chunk-GVVS4IMM.mjs';
 import '../../chunk-AIKEVVDR.mjs';
-import '../../chunk-BJTO5JO5.mjs';
+import '../../chunk-WMJKH4XE.mjs';
 import { NextResponse } from 'next/server';
 
 function initDbService(db) {

package/dist/calendar/server.js

@@ -2,7 +2,7 @@
 
 var chunkWC5QFO3T_js = require('../chunk-WC5QFO3T.js');
 require('../chunk-SVWQN2LR.js');
-require('../chunk-DGUM43GV.js');
+require('../chunk-Z6ZWNWWR.js');
 
 // src/calendar/server.ts
 var DEFAULT_CALENDAR_CONFIG = {

package/dist/calendar/server.mjs

@@ -1,7 +1,7 @@
 import { calendarDbService } from '../chunk-GVVS4IMM.mjs';
 export { calendarConfigs, calendarConfigsRelations, calendarDbService, calendarEvents, calendarEventsRelations, eventShares, eventSharesRelations, recurrenceRules, recurrenceRulesRelations, reminders, remindersRelations } from '../chunk-GVVS4IMM.mjs';
 import '../chunk-AIKEVVDR.mjs';
-import '../chunk-BJTO5JO5.mjs';
+import '../chunk-WMJKH4XE.mjs';
 
 // src/calendar/server.ts
 var DEFAULT_CALENDAR_CONFIG = {

package/dist/chunk-2PS5PIXV.mjs

@@ -0,0 +1,443 @@
+import React5, { useState, useRef, useEffect } from 'react';
+import { clsx } from 'clsx';
+import { createPortal } from 'react-dom';
+
+// src/navigation/Navigation.tsx
+var NavigationItemComponent = ({
+  item,
+  direction,
+  isActive,
+  onClick
+}) => {
+  const handleClick = (e) => {
+    e.preventDefault();
+    onClick(item);
+  };
+  const getItemClasses = () => {
+    const baseClasses = `
+      group relative flex items-center gap-3
+      transition-all duration-300 ease-in-out
+      focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50
+      rounded-lg
+    `;
+    const directionClasses = direction === "vertical" ? "px-4 py-3 w-full justify-start" : "px-3 py-2 justify-center";
+    const stateClasses = isActive ? "bg-blue-500 text-white shadow-lg" : item.isExternal ? "text-gray-700 hover:bg-purple-50 hover:text-purple-600 border border-purple-200" : "text-gray-700 hover:bg-blue-50 hover:text-blue-600";
+    return baseClasses + " " + directionClasses + " " + stateClasses;
+  };
+  return /* @__PURE__ */ React5.createElement(
+    "a",
+    {
+      href: item.href,
+      onClick: handleClick,
+      target: item.target,
+      rel: item.isExternal ? "noopener noreferrer" : void 0,
+      className: getItemClasses()
+    },
+    item.icon && /* @__PURE__ */ React5.createElement("span", { className: "flex-shrink-0" }, item.icon),
+    /* @__PURE__ */ React5.createElement("span", { className: clsx("font-medium", direction === "vertical" ? "text-sm" : "text-xs") }, item.label),
+    item.isExternal && /* @__PURE__ */ React5.createElement(
+      "svg",
+      {
+        className: "w-3 h-3 opacity-60 group-hover:opacity-100 transition-opacity",
+        fill: "none",
+        stroke: "currentColor",
+        viewBox: "0 0 24 24"
+      },
+      /* @__PURE__ */ React5.createElement(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
+        }
+      )
+    ),
+    direction === "vertical" && isActive && /* @__PURE__ */ React5.createElement("div", { className: "absolute left-1 top-1/2 transform -translate-y-1/2 w-1 h-6 bg-white rounded-full" })
+  );
+};
+var NavigationItem_default = NavigationItemComponent;
+var Navigation = ({
+  config,
+  isOpen,
+  activeItemId,
+  onItemClick,
+  className = ""
+}) => {
+  const { direction, position, items, avatar, logo } = config;
+  const getContainerClasses = () => {
+    const baseClasses = `
+      fixed z-[90]
+      bg-white/95 backdrop-blur-lg
+      border border-gray-200/50
+      shadow-2xl
+      transition-all duration-500 ease-in-out
+    `;
+    if (direction === "vertical") {
+      const verticalClasses = "h-screen w-64 flex flex-col";
+      const positionClasses = position === "left" ? "left-0 top-0 " + (isOpen ? "translate-x-0" : "-translate-x-full") : "right-0 top-0 " + (isOpen ? "translate-x-0" : "translate-x-full");
+      return baseClasses + " " + verticalClasses + " " + positionClasses;
+    } else {
+      const horizontalClasses = "w-full h-16 flex items-center";
+      const positionClasses = position === "top" ? "top-0 left-0 right-0 " + (isOpen ? "translate-y-0" : "-translate-y-full") : "bottom-0 left-0 right-0 " + (isOpen ? "translate-y-0" : "translate-y-full");
+      return baseClasses + " " + horizontalClasses + " " + positionClasses;
+    }
+  };
+  const getContentClasses = () => {
+    if (direction === "vertical") {
+      return "flex flex-col h-full p-4";
+    } else {
+      return "flex items-center justify-between w-full px-6";
+    }
+  };
+  const getItemsListClasses = () => {
+    if (direction === "vertical") {
+      return "flex flex-col gap-2 flex-1 overflow-y-auto mt-4";
+    } else {
+      return "flex items-center gap-4";
+    }
+  };
+  const handleItemClick = (item) => {
+    if (item.isExternal) {
+      window.open(item.href, item.target || "_blank");
+    } else if (item.href.startsWith("#")) {
+      const element = document.getElementById(item.id);
+      if (element) {
+        element.scrollIntoView({ behavior: "smooth" });
+      }
+    } else {
+      window.location.href = item.href;
+    }
+    onItemClick?.(item);
+  };
+  if (!isOpen) return null;
+  return /* @__PURE__ */ React5.createElement("nav", { className: clsx(getContainerClasses(), className) }, /* @__PURE__ */ React5.createElement("div", { className: getContentClasses() }, logo && /* @__PURE__ */ React5.createElement("div", { className: "flex items-center justify-center mb-4" }, /* @__PURE__ */ React5.createElement(
+    "img",
+    {
+      src: logo.src,
+      alt: logo.alt || "Logo",
+      className: "h-8 w-auto"
+    }
+  )), direction === "vertical" && /* @__PURE__ */ React5.createElement("div", { className: "h-12 flex-shrink-0" }), /* @__PURE__ */ React5.createElement("div", { className: getItemsListClasses() }, items.map((item) => /* @__PURE__ */ React5.createElement(
+    NavigationItem_default,
+    {
+      key: item.id,
+      item,
+      direction,
+      isActive: activeItemId === item.id,
+      onClick: handleItemClick
+    }
+  ))), avatar && direction === "vertical" && /* @__PURE__ */ React5.createElement("div", { className: "flex items-center justify-center mt-auto pt-4" }, /* @__PURE__ */ React5.createElement(
+    "img",
+    {
+      src: avatar.src,
+      alt: avatar.alt || "Avatar",
+      className: "w-10 h-10 rounded-full border-2 border-gray-200"
+    }
+  )), avatar && direction === "horizontal" && /* @__PURE__ */ React5.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React5.createElement(
+    "img",
+    {
+      src: avatar.src,
+      alt: avatar.alt || "Avatar",
+      className: "w-8 h-8 rounded-full border-2 border-gray-200"
+    }
+  ))));
+};
+var Navigation_default = Navigation;
+var NavigationToggle = ({
+  isOpen,
+  onClick,
+  position
+}) => {
+  const getPositionClasses = () => {
+    switch (position) {
+      case "top":
+        return "top-4 left-4";
+      case "bottom":
+        return "bottom-4 left-4";
+      case "left":
+        return "top-4 left-4";
+      case "right":
+        return "top-4 right-4";
+      default:
+        return "top-4 left-4";
+    }
+  };
+  return /* @__PURE__ */ React5.createElement(
+    "button",
+    {
+      onClick,
+      className: clsx(
+        "fixed",
+        getPositionClasses(),
+        "z-[100] p-3 rounded-xl bg-white/90 backdrop-blur-md shadow-lg hover:shadow-xl border border-gray-200/50 transition-all duration-300 ease-in-out hover:scale-105 active:scale-95 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50"
+      ),
+      "aria-label": isOpen ? "\u5173\u95ED\u5BFC\u822A\u680F" : "\u6253\u5F00\u5BFC\u822A\u680F"
+    },
+    /* @__PURE__ */ React5.createElement("div", { className: "w-5 h-5 flex flex-col justify-center items-center" }, /* @__PURE__ */ React5.createElement(
+      "span",
+      {
+        className: clsx(
+          "block w-5 h-0.5 bg-gray-600 rounded-full transform transition-all duration-300 ease-in-out",
+          isOpen ? "rotate-45 translate-y-0.5" : ""
+        )
+      }
+    ), /* @__PURE__ */ React5.createElement(
+      "span",
+      {
+        className: clsx(
+          "block w-5 h-0.5 bg-gray-600 rounded-full transform transition-all duration-300 ease-in-out mt-1",
+          isOpen ? "opacity-0 scale-0" : "opacity-100 scale-100"
+        )
+      }
+    ), /* @__PURE__ */ React5.createElement(
+      "span",
+      {
+        className: clsx(
+          "block w-5 h-0.5 bg-gray-600 rounded-full transform transition-all duration-300 ease-in-out mt-1",
+          isOpen ? "-rotate-45 -translate-y-2.5" : ""
+        )
+      }
+    ))
+  );
+};
+var NavigationToggle_default = NavigationToggle;
+var FloatingMenu = ({
+  trigger,
+  menu,
+  initialPosition = { x: 20, y: 20 },
+  defaultOpen = false,
+  className = "",
+  menuClassName = "",
+  triggerClassName = "",
+  zIndex = 1e3
+}) => {
+  const [position, setPosition] = useState(initialPosition);
+  const [isMenuOpen, setIsMenuOpen] = useState(defaultOpen);
+  const [menuDirection, setMenuDirection] = useState("right");
+  const [isDragging, setIsDragging] = useState(false);
+  const [dragOffset, setDragOffset] = useState({ x: 0, y: 0 });
+  const containerRef = useRef(null);
+  const [mounted, setMounted] = useState(false);
+  const [hasDragged, setHasDragged] = useState(false);
+  const dragTimerRef = useRef(null);
+  const mouseDownPosRef = useRef(null);
+  useEffect(() => {
+    setMounted(true);
+    return () => setMounted(false);
+  }, []);
+  useEffect(() => {
+    if (!mounted || !containerRef.current) return;
+    const updateMenuDirection = () => {
+      const rect = containerRef.current?.getBoundingClientRect();
+      if (!rect) return;
+      const windowWidth = window.innerWidth;
+      const middlePoint = windowWidth / 2;
+      setMenuDirection(rect.left < middlePoint ? "right" : "left");
+    };
+    updateMenuDirection();
+    window.addEventListener("resize", updateMenuDirection);
+    window.addEventListener("scroll", updateMenuDirection);
+    return () => {
+      window.removeEventListener("resize", updateMenuDirection);
+      window.removeEventListener("scroll", updateMenuDirection);
+    };
+  }, [mounted]);
+  const handleMouseDown = (e) => {
+    if (!containerRef.current) return;
+    e.stopPropagation();
+    mouseDownPosRef.current = { x: e.clientX, y: e.clientY };
+    const rect = containerRef.current.getBoundingClientRect();
+    setDragOffset({
+      x: e.clientX - rect.left,
+      y: e.clientY - rect.top
+    });
+    setHasDragged(false);
+    setIsDragging(true);
+  };
+  useEffect(() => {
+    if (!isDragging) return;
+    const handleMouseMove = (e) => {
+      if (mouseDownPosRef.current) {
+        const dx = Math.abs(e.clientX - mouseDownPosRef.current.x);
+        const dy = Math.abs(e.clientY - mouseDownPosRef.current.y);
+        if (dx > 3 || dy > 3) {
+          setHasDragged(true);
+        }
+      }
+      const newX = e.clientX - dragOffset.x;
+      const newY = e.clientY - dragOffset.y;
+      const windowWidth = window.innerWidth;
+      const windowHeight = window.innerHeight;
+      setPosition({
+        x: Math.min(Math.max(newX, 0), windowWidth - 50),
+        y: Math.min(Math.max(newY, 0), windowHeight - 50)
+      });
+    };
+    const handleMouseUp = () => {
+      setIsDragging(false);
+      mouseDownPosRef.current = null;
+      if (dragTimerRef.current) {
+        window.clearTimeout(dragTimerRef.current);
+      }
+      dragTimerRef.current = window.setTimeout(() => {
+        setHasDragged(false);
+      }, 300);
+    };
+    document.addEventListener("mousemove", handleMouseMove);
+    document.addEventListener("mouseup", handleMouseUp);
+    return () => {
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+    };
+  }, [isDragging, dragOffset]);
+  useEffect(() => {
+    return () => {
+      if (dragTimerRef.current) {
+        window.clearTimeout(dragTimerRef.current);
+      }
+    };
+  }, []);
+  const toggleMenu = (e) => {
+    e.stopPropagation();
+    if (hasDragged) {
+      return;
+    }
+    setIsMenuOpen(!isMenuOpen);
+  };
+  useEffect(() => {
+    if (!isMenuOpen) return;
+    const handleClickOutside = (e) => {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        setIsMenuOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isMenuOpen]);
+  useEffect(() => {
+    if (!mounted) return;
+    const checkBoundaries = () => {
+      const windowWidth = window.innerWidth;
+      const windowHeight = window.innerHeight;
+      setPosition((prev) => {
+        const newX = Math.min(Math.max(prev.x, 0), windowWidth - 50);
+        const newY = Math.min(Math.max(prev.y, 0), windowHeight - 50);
+        if (newX !== prev.x || newY !== prev.y) {
+          return { x: newX, y: newY };
+        }
+        return prev;
+      });
+    };
+    window.addEventListener("resize", checkBoundaries);
+    return () => {
+      window.removeEventListener("resize", checkBoundaries);
+    };
+  }, [mounted]);
+  if (!mounted) return null;
+  return createPortal(
+    /* @__PURE__ */ React5.createElement(
+      "div",
+      {
+        ref: containerRef,
+        className: clsx("fixed select-none box-border", className),
+        style: {
+          left: position.x + "px",
+          top: position.y + "px",
+          zIndex
+        }
+      },
+      /* @__PURE__ */ React5.createElement(
+        "div",
+        {
+          className: clsx(
+            "flex items-center justify-center w-12 h-12 md:w-12 md:h-12 bg-white rounded-full shadow-md hover:shadow-lg cursor-grab active:cursor-grabbing transition-all duration-200 hover:scale-105 active:scale-95",
+            triggerClassName
+          ),
+          onMouseDown: handleMouseDown,
+          onClick: toggleMenu
+        },
+        trigger
+      ),
+      isMenuOpen && /* @__PURE__ */ React5.createElement(
+        "div",
+        {
+          className: clsx(
+            "absolute top-0 bg-white rounded-lg shadow-xl p-3 min-w-[200px] md:min-w-[200px] max-w-[300px] z-[1000] transition-all duration-200",
+            isMenuOpen ? "opacity-100 scale-100" : "opacity-0 scale-95",
+            menuDirection === "left" ? "right-[calc(100%+10px)]" : "left-[calc(100%+10px)]",
+            menuClassName
+          ),
+          onClick: (e) => e.stopPropagation(),
+          onMouseDown: (e) => e.stopPropagation(),
+          onMouseUp: (e) => e.stopPropagation(),
+          onTouchStart: (e) => e.stopPropagation(),
+          onTouchMove: (e) => e.stopPropagation(),
+          onTouchEnd: (e) => e.stopPropagation(),
+          onPointerDown: (e) => e.stopPropagation(),
+          onPointerUp: (e) => e.stopPropagation()
+        },
+        menu
+      )
+    ),
+    document.body
+  );
+};
+var FloatingMenu_default = FloatingMenu;
+var FloatingMenuExample = () => {
+  const [windowWidth, setWindowWidth] = useState(0);
+  useEffect(() => {
+    setWindowWidth(window.innerWidth);
+    const handleResize = () => setWindowWidth(window.innerWidth);
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  const menuItems = [
+    { id: 1, label: "\u9996\u9875", icon: "\u{1F3E0}" },
+    { id: 2, label: "\u8BBE\u7F6E", icon: "\u2699\uFE0F" },
+    { id: 3, label: "\u6D88\u606F", icon: "\u{1F4E9}" },
+    { id: 4, label: "\u5E2E\u52A9", icon: "\u2753" },
+    { id: 5, label: "\u9000\u51FA", icon: "\u{1F6AA}" }
+  ];
+  const handleMenuItemClick = (id) => {
+    console.log("\u70B9\u51FB\u4E86\u83DC\u5355\u9879: " + id);
+  };
+  return /* @__PURE__ */ React5.createElement("div", { className: "w-full h-screen bg-gray-100 relative p-8" }, /* @__PURE__ */ React5.createElement("div", { className: "max-w-2xl mx-auto bg-white rounded-2xl shadow-sm p-8 mt-12" }, /* @__PURE__ */ React5.createElement("h1", { className: "text-3xl font-bold mb-4 text-gray-900" }, "\u60AC\u6D6E\u83DC\u5355\u793A\u4F8B"), /* @__PURE__ */ React5.createElement("p", { className: "text-gray-600 leading-relaxed mb-6" }, "\u8FD9\u662F\u4E00\u4E2A\u53EF\u62D6\u62FD\u7684\u60AC\u6D6E\u83DC\u5355\u7EC4\u4EF6\u793A\u4F8B\u3002\u4F60\u53EF\u4EE5\u5C1D\u8BD5\u62D6\u52A8\u4E0B\u65B9\u7684 ", /* @__PURE__ */ React5.createElement("span", { className: "font-bold text-blue-600" }, "\u84DD\u8272\u6309\u94AE"), " \u5230\u5904\u79FB\u52A8\u3002"), /* @__PURE__ */ React5.createElement("div", { className: "bg-blue-50 border-l-4 border-blue-500 p-4 mb-6" }, /* @__PURE__ */ React5.createElement("p", { className: "text-sm text-blue-700" }, /* @__PURE__ */ React5.createElement("strong", null, "\u667A\u80FD\u5B9A\u4F4D\uFF1A"), " \u83DC\u5355\u4F1A\u6839\u636E\u6309\u94AE\u5728\u5C4F\u5E55\u4E0A\u7684\u4F4D\u7F6E\u81EA\u52A8\u8C03\u6574\u5F39\u51FA\u65B9\u5411\uFF08\u5411\u5DE6\u6216\u5411\u53F3\uFF09\u3002"))), /* @__PURE__ */ React5.createElement(
+    FloatingMenu_default,
+    {
+      trigger: /* @__PURE__ */ React5.createElement("div", { className: "w-12 h-12 bg-blue-600 rounded-full flex items-center justify-center text-white shadow-lg cursor-pointer" }, /* @__PURE__ */ React5.createElement("span", { className: "text-xl" }, "\u2795")),
+      menu: /* @__PURE__ */ React5.createElement("div", { className: "w-48 bg-white rounded-xl shadow-xl border border-gray-100 overflow-hidden" }, /* @__PURE__ */ React5.createElement("div", { className: "px-4 py-3 border-b border-gray-100" }, /* @__PURE__ */ React5.createElement("h3", { className: "text-sm font-bold text-gray-900" }, "\u5FEB\u6377\u83DC\u5355")), /* @__PURE__ */ React5.createElement("ul", { className: "py-1" }, menuItems.map((item) => /* @__PURE__ */ React5.createElement(
+        "li",
+        {
+          key: item.id,
+          className: "flex items-center gap-3 px-4 py-2.5 hover:bg-blue-50 text-gray-700 hover:text-blue-600 cursor-pointer transition-colors text-sm",
+          onClick: () => handleMenuItemClick(item.id)
+        },
+        /* @__PURE__ */ React5.createElement("span", { className: "text-lg" }, item.icon),
+        /* @__PURE__ */ React5.createElement("span", { className: "font-medium" }, item.label)
+      )))),
+      initialPosition: { x: 100, y: 100 }
+    }
+  ), windowWidth > 0 && /* @__PURE__ */ React5.createElement(
+    FloatingMenu_default,
+    {
+      trigger: /* @__PURE__ */ React5.createElement("div", { className: "w-12 h-12 bg-purple-600 rounded-full flex items-center justify-center text-white shadow-lg cursor-pointer" }, /* @__PURE__ */ React5.createElement("span", { className: "text-xl" }, "\u{1F50D}")),
+      menu: /* @__PURE__ */ React5.createElement("div", { className: "w-64 bg-white rounded-xl shadow-xl border border-gray-100 p-4" }, /* @__PURE__ */ React5.createElement("h3", { className: "text-sm font-bold text-gray-900 mb-3" }, "\u5FEB\u901F\u641C\u7D22"), /* @__PURE__ */ React5.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React5.createElement(
+        "input",
+        {
+          type: "text",
+          placeholder: "\u8F93\u5165\u5173\u952E\u5B57...",
+          className: "w-full px-3 py-2 text-sm border border-gray-200 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent outline-none"
+        }
+      ), /* @__PURE__ */ React5.createElement("button", { className: "w-full bg-purple-600 text-white py-2 rounded-lg text-sm font-medium hover:bg-purple-700 transition-colors" }, "\u641C\u7D22"))),
+      initialPosition: { x: windowWidth - 100, y: 100 }
+    }
+  ));
+};
+var FloatingMenuExample_default = FloatingMenuExample;
+
+export { FloatingMenuExample_default, FloatingMenu_default, NavigationItem_default, NavigationToggle_default, Navigation_default };
+//# sourceMappingURL=chunk-2PS5PIXV.mjs.map
+//# sourceMappingURL=chunk-2PS5PIXV.mjs.map

package/dist/chunk-2PS5PIXV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/navigation/NavigationItem.tsx","../src/navigation/Navigation.tsx","../src/navigation/NavigationToggle.tsx","../src/navigation/FloatingMenu.tsx","../src/navigation/FloatingMenuExample.tsx"],"names":["React","clsx","useState","useEffect"],"mappings":"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","file":"chunk-2PS5PIXV.mjs","sourcesContent":[" 'use client';\n\nimport React from 'react';\nimport { NavigationItem, NavigationDirection } from './types';\nimport { clsx } from 'clsx';\n\ninterface NavigationItemProps {\n  item: NavigationItem;\n  direction: NavigationDirection;\n  isActive?: boolean;\n  onClick: (item: NavigationItem) => void;\n}\n\nconst NavigationItemComponent: React.FC<NavigationItemProps> = ({\n  item,\n  direction,\n  isActive,\n  onClick\n}) => {\n  const handleClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    onClick(item);\n  };\n\n  const getItemClasses = () => {\n    const baseClasses = `\n      group relative flex items-center gap-3\n      transition-all duration-300 ease-in-out\n      focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50\n      rounded-lg\n    `;\n\n    const directionClasses = direction === 'vertical'\n      ? 'px-4 py-3 w-full justify-start'\n      : 'px-3 py-2 justify-center';\n\n    const stateClasses = isActive\n      ? 'bg-blue-500 text-white shadow-lg'\n      : item.isExternal\n        ? 'text-gray-700 hover:bg-purple-50 hover:text-purple-600 border border-purple-200'\n        : 'text-gray-700 hover:bg-blue-50 hover:text-blue-600';\n\n    return (baseClasses) + ' ' + (directionClasses) + ' ' + (stateClasses);\n  };\n\n  return (\n    <a\n      href={item.href}\n      onClick={handleClick}\n      target={item.target}\n      rel={item.isExternal ? 'noopener noreferrer' : undefined}\n      className={getItemClasses()}\n    >\n      {/* 图标 */}\n      {item.icon && (\n        <span className=\"flex-shrink-0\">\n          {item.icon}\n        </span>\n      )}\n\n      {/* 标签 */}\n      <span className={clsx('font-medium', direction === 'vertical' ? 'text-sm' : 'text-xs')}>\n        {item.label}\n      </span>\n\n      {/* 外链图标 */}\n      {item.isExternal && (\n        <svg\n          className=\"w-3 h-3 opacity-60 group-hover:opacity-100 transition-opacity\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\n          />\n        </svg>\n      )}\n\n      {/* 活动状态指示器 */}\n      {direction === 'vertical' && isActive && (\n        <div className=\"absolute left-1 top-1/2 transform -translate-y-1/2 w-1 h-6 bg-white rounded-full\" />\n      )}\n    </a>\n  );\n};\n\nexport default NavigationItemComponent;"," 'use client';\n\nimport React from 'react';\nimport NavigationItem from './NavigationItem';\nimport { NavigationProps } from './types';\nimport { clsx } from 'clsx';\n\nconst Navigation: React.FC<NavigationProps> = ({\n  config,\n  isOpen,\n  activeItemId,\n  onItemClick,\n  className = ''\n}) => {\n  const { direction, position, items, avatar, logo } = config;\n\n  // 获取导航栏位置和尺寸样式\n  const getContainerClasses = () => {\n    const baseClasses = `\n      fixed z-[90]\n      bg-white/95 backdrop-blur-lg\n      border border-gray-200/50\n      shadow-2xl\n      transition-all duration-500 ease-in-out\n    `;\n\n    // 根据方向和位置确定样式\n    if (direction === 'vertical') {\n      const verticalClasses = 'h-screen w-64 flex flex-col';\n      const positionClasses = position === 'left' \n        ? 'left-0 top-0 ' + (isOpen ? 'translate-x-0' : '-translate-x-full')\n        : 'right-0 top-0 ' + (isOpen ? 'translate-x-0' : 'translate-x-full');\n      \n      return (baseClasses) + ' ' + (verticalClasses) + ' ' + (positionClasses);\n    } else {\n      const horizontalClasses = 'w-full h-16 flex items-center';\n      const positionClasses = position === 'top'\n        ? 'top-0 left-0 right-0 ' + (isOpen ? 'translate-y-0' : '-translate-y-full')\n        : 'bottom-0 left-0 right-0 ' + (isOpen ? 'translate-y-0' : 'translate-y-full');\n      \n      return (baseClasses) + ' ' + (horizontalClasses) + ' ' + (positionClasses);\n    }\n  };\n\n  // 获取内容布局样式\n  const getContentClasses = () => {\n    if (direction === 'vertical') {\n      return 'flex flex-col h-full p-4';\n    } else {\n      return 'flex items-center justify-between w-full px-6';\n    }\n  };\n\n  // 获取导航项列表样式\n  const getItemsListClasses = () => {\n    if (direction === 'vertical') {\n      return 'flex flex-col gap-2 flex-1 overflow-y-auto mt-4';\n    } else {\n      return 'flex items-center gap-4';\n    }\n  };\n\n  const handleItemClick = (item: any) => {\n    // 处理页面跳转\n    if (item.isExternal) {\n      // 外链跳转\n      window.open(item.href, item.target || '_blank');\n    } else if (item.href.startsWith('#')) {\n      // 锚点跳转\n      const element = document.getElementById(item.id);\n      if (element) {\n        element.scrollIntoView({ behavior: 'smooth' });\n      }\n    } else {\n      // 内部页面跳转\n      window.location.href = item.href;\n    }\n\n    // 触发回调\n    onItemClick?.(item);\n  };\n\n  if (!isOpen) return null;\n\n  return (\n    <nav className={clsx(getContainerClasses(), className)}>\n      <div className={getContentClasses()}>\n        {/* Logo 区域 */}\n        {logo && (\n          <div className=\"flex items-center justify-center mb-4\">\n            <img\n              src={logo.src}\n              alt={logo.alt || 'Logo'}\n              className=\"h-8 w-auto\"\n            />\n          </div>\n        )}\n\n        {/* 顶部空间占位（为切换按钮预留） */}\n        {direction === 'vertical' && (\n          <div className=\"h-12 flex-shrink-0\" />\n        )}\n\n        {/* 导航项列表 */}\n        <div className={getItemsListClasses()}>\n          {items.map((item) => (\n            <NavigationItem\n              key={item.id}\n              item={item}\n              direction={direction}\n              isActive={activeItemId === item.id}\n              onClick={handleItemClick}\n            />\n          ))}\n        </div>\n\n        {/* 头像区域 */}\n        {avatar && direction === 'vertical' && (\n          <div className=\"flex items-center justify-center mt-auto pt-4\">\n            <img\n              src={avatar.src}\n              alt={avatar.alt || 'Avatar'}\n              className=\"w-10 h-10 rounded-full border-2 border-gray-200\"\n            />\n          </div>\n        )}\n\n        {/* 水平布局的头像 */}\n        {avatar && direction === 'horizontal' && (\n          <div className=\"flex items-center\">\n            <img\n              src={avatar.src}\n              alt={avatar.alt || 'Avatar'}\n              className=\"w-8 h-8 rounded-full border-2 border-gray-200\"\n            />\n          </div>\n        )}\n      </div>\n    </nav>\n  );\n};\n\nexport default Navigation;"," 'use client';\n\nimport React from 'react';\nimport { NavigationPosition } from './types';\nimport { clsx } from 'clsx';\n\ninterface NavigationToggleProps {\n  isOpen: boolean;\n  onClick: () => void;\n  position: NavigationPosition;\n}\n\nconst NavigationToggle: React.FC<NavigationToggleProps> = ({\n  isOpen,\n  onClick,\n  position\n}) => {\n  const getPositionClasses = () => {\n    switch (position) {\n      case 'top':\n        return 'top-4 left-4';\n      case 'bottom':\n        return 'bottom-4 left-4';\n      case 'left':\n        return 'top-4 left-4';\n      case 'right':\n        return 'top-4 right-4';\n      default:\n        return 'top-4 left-4';\n    }\n  };\n\n  return (\n    <button\n      onClick={onClick}\n      className={clsx(\n        'fixed',\n        getPositionClasses(),\n        'z-[100] p-3 rounded-xl bg-white/90 backdrop-blur-md shadow-lg hover:shadow-xl border border-gray-200/50 transition-all duration-300 ease-in-out hover:scale-105 active:scale-95 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50'\n      )}\n      aria-label={isOpen ? '关闭导航栏' : '打开导航栏'}\n    >\n      <div className=\"w-5 h-5 flex flex-col justify-center items-center\">\n        <span\n          className={clsx(\n            'block w-5 h-0.5 bg-gray-600 rounded-full transform transition-all duration-300 ease-in-out',\n            isOpen ? 'rotate-45 translate-y-0.5' : ''\n          )}\n        />\n        <span\n          className={clsx(\n            'block w-5 h-0.5 bg-gray-600 rounded-full transform transition-all duration-300 ease-in-out mt-1',\n            isOpen ? 'opacity-0 scale-0' : 'opacity-100 scale-100'\n          )}\n        />\n        <span\n          className={clsx(\n            'block w-5 h-0.5 bg-gray-600 rounded-full transform transition-all duration-300 ease-in-out mt-1',\n            isOpen ? '-rotate-45 -translate-y-2.5' : ''\n          )}\n        />\n      </div>\n    </button>\n  );\n};\n\nexport default NavigationToggle;","'use client';\n\nimport React, { useState, useRef, useEffect, ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { clsx } from 'clsx';\n\nexport interface FloatingMenuProps {\n  /**\n   * 触发按钮的内容\n   */\n  trigger: ReactNode;\n  \n  /**\n   * 菜单内容\n   */\n  menu: ReactNode;\n  \n  /**\n   * 初始位置\n   */\n  initialPosition?: { x: number; y: number };\n  \n  /**\n   * 是否默认打开菜单\n   */\n  defaultOpen?: boolean;\n  \n  /**\n   * 自定义类名\n   */\n  className?: string;\n  \n  /**\n   * 菜单类名\n   */\n  menuClassName?: string;\n  \n  /**\n   * 触发器类名\n   */\n  triggerClassName?: string;\n  \n  /**\n   * z-index\n   */\n  zIndex?: number;\n}\n\nconst FloatingMenu: React.FC<FloatingMenuProps> = ({\n  trigger,\n  menu,\n  initialPosition = { x: 20, y: 20 },\n  defaultOpen = false,\n  className = '',\n  menuClassName = '',\n  triggerClassName = '',\n  zIndex = 1000,\n}) => {\n  const [position, setPosition] = useState(initialPosition);\n  const [isMenuOpen, setIsMenuOpen] = useState(defaultOpen);\n  const [menuDirection, setMenuDirection] = useState<'left' | 'right'>('right');\n  const [isDragging, setIsDragging] = useState(false);\n  const [dragOffset, setDragOffset] = useState({ x: 0, y: 0 });\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [mounted, setMounted] = useState(false);\n  // 添加一个标志，用于跟踪是否发生了拖动\n  const [hasDragged, setHasDragged] = useState(false);\n  // 添加一个计时器引用，用于区分点击和拖动\n  const dragTimerRef = useRef<number | null>(null);\n  // 添加一个引用，记录鼠标按下的初始位置\n  const mouseDownPosRef = useRef<{ x: number, y: number } | null>(null);\n\n  // 客户端挂载检查\n  useEffect(() => {\n    setMounted(true);\n    return () => setMounted(false);\n  }, []);\n\n  // 计算菜单方向\n  useEffect(() => {\n    if (!mounted || !containerRef.current) return;\n    \n    const updateMenuDirection = () => {\n      const rect = containerRef.current?.getBoundingClientRect();\n      if (!rect) return;\n      \n      const windowWidth = window.innerWidth;\n      const middlePoint = windowWidth / 2;\n      \n      // 如果悬浮窗在屏幕左半部分，菜单向右展开；否则向左展开\n      setMenuDirection(rect.left < middlePoint ? 'right' : 'left');\n    };\n    \n    updateMenuDirection();\n    \n    // 监听窗口大小变化和滚动事件\n    window.addEventListener('resize', updateMenuDirection);\n    window.addEventListener('scroll', updateMenuDirection);\n    \n    return () => {\n      window.removeEventListener('resize', updateMenuDirection);\n      window.removeEventListener('scroll', updateMenuDirection);\n    };\n  }, [mounted]);\n\n  // 处理拖动开始\n  const handleMouseDown = (e: React.MouseEvent) => {\n    if (!containerRef.current) return;\n    \n    // 防止触发菜单点击\n    e.stopPropagation();\n    \n    // 记录鼠标按下的初始位置\n    mouseDownPosRef.current = { x: e.clientX, y: e.clientY };\n    \n    const rect = containerRef.current.getBoundingClientRect();\n    setDragOffset({\n      x: e.clientX - rect.left,\n      y: e.clientY - rect.top\n    });\n    \n    // 重置拖动标志\n    setHasDragged(false);\n    \n    // 设置拖动状态\n    setIsDragging(true);\n  };\n\n  // 处理拖动过程\n  useEffect(() => {\n    if (!isDragging) return;\n    \n    const handleMouseMove = (e: MouseEvent) => {\n      // 检查是否移动了足够的距离来认为是拖动\n      if (mouseDownPosRef.current) {\n        const dx = Math.abs(e.clientX - mouseDownPosRef.current.x);\n        const dy = Math.abs(e.clientY - mouseDownPosRef.current.y);\n        \n        // 如果移动距离超过阈值，标记为拖动\n        if (dx > 3 || dy > 3) {\n          setHasDragged(true);\n        }\n      }\n      \n      // 计算新位置并应用边界检查\n      const newX = e.clientX - dragOffset.x;\n      const newY = e.clientY - dragOffset.y;\n      \n      const windowWidth = window.innerWidth;\n      const windowHeight = window.innerHeight;\n      \n      setPosition({\n        x: Math.min(Math.max(newX, 0), windowWidth - 50),\n        y: Math.min(Math.max(newY, 0), windowHeight - 50)\n      });\n    };\n    \n    const handleMouseUp = () => {\n      setIsDragging(false);\n      \n      // 重置鼠标按下位置\n      mouseDownPosRef.current = null;\n      \n      // 设置一个短暂的延时，防止拖动后立即触发点击\n      if (dragTimerRef.current) {\n        window.clearTimeout(dragTimerRef.current);\n      }\n      \n      dragTimerRef.current = window.setTimeout(() => {\n        setHasDragged(false);\n      }, 300); // 300ms 后重置拖动状态\n    };\n    \n    document.addEventListener('mousemove', handleMouseMove);\n    document.addEventListener('mouseup', handleMouseUp);\n    \n    return () => {\n      document.removeEventListener('mousemove', handleMouseMove);\n      document.removeEventListener('mouseup', handleMouseUp);\n    };\n  }, [isDragging, dragOffset]);\n\n  // 清理定时器\n  useEffect(() => {\n    return () => {\n      if (dragTimerRef.current) {\n        window.clearTimeout(dragTimerRef.current);\n      }\n    };\n  }, []);\n\n  // 切换菜单开关\n  const toggleMenu = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    \n    // 如果刚刚拖动过，不触发菜单切换\n    if (hasDragged) {\n      return;\n    }\n    \n    setIsMenuOpen(!isMenuOpen);\n  };\n\n  // 关闭菜单的点击外部处理\n  useEffect(() => {\n    if (!isMenuOpen) return;\n    \n    const handleClickOutside = (e: MouseEvent) => {\n      if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n        setIsMenuOpen(false);\n      }\n    };\n    \n    document.addEventListener('mousedown', handleClickOutside);\n    \n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [isMenuOpen]);\n\n  // 窗口大小变化时的边界检查\n  useEffect(() => {\n    if (!mounted) return;\n    \n    const checkBoundaries = () => {\n      const windowWidth = window.innerWidth;\n      const windowHeight = window.innerHeight;\n      \n      // 确保悬浮窗不会被拖出屏幕\n      setPosition(prev => {\n        const newX = Math.min(Math.max(prev.x, 0), windowWidth - 50);\n        const newY = Math.min(Math.max(prev.y, 0), windowHeight - 50);\n        \n        // 只有在实际需要调整时才更新位置\n        if (newX !== prev.x || newY !== prev.y) {\n          return { x: newX, y: newY };\n        }\n        return prev;\n      });\n    };\n    \n    // 只在窗口大小变化时检查边界\n    window.addEventListener('resize', checkBoundaries);\n    \n    return () => {\n      window.removeEventListener('resize', checkBoundaries);\n    };\n  }, [mounted]);\n\n  if (!mounted) return null;\n\n  return createPortal(\n    <div\n      ref={containerRef}\n      className={clsx('fixed select-none box-border', className)}\n      style={{\n        left: (position.x) + 'px',\n        top: (position.y) + 'px',\n        zIndex,\n      }}\n    >\n      {/* 触发器按钮 */}\n      <div \n        className={clsx(\n          'flex items-center justify-center w-12 h-12 md:w-12 md:h-12 bg-white rounded-full shadow-md hover:shadow-lg cursor-grab active:cursor-grabbing transition-all duration-200 hover:scale-105 active:scale-95',\n          triggerClassName\n        )}\n        onMouseDown={handleMouseDown}\n        onClick={toggleMenu}\n      >\n        {trigger}\n      </div>\n      \n      {/* 菜单内容 */}\n      {isMenuOpen && (\n        <div \n          className={clsx(\n            'absolute top-0 bg-white rounded-lg shadow-xl p-3 min-w-[200px] md:min-w-[200px] max-w-[300px] z-[1000] transition-all duration-200',\n            isMenuOpen ? 'opacity-100 scale-100' : 'opacity-0 scale-95',\n            menuDirection === 'left' ? 'right-[calc(100%+10px)]' : 'left-[calc(100%+10px)]',\n            menuClassName\n          )}\n          onClick={(e) => e.stopPropagation()}\n          onMouseDown={(e) => e.stopPropagation()}\n          onMouseUp={(e) => e.stopPropagation()}\n          onTouchStart={(e) => e.stopPropagation()}\n          onTouchMove={(e) => e.stopPropagation()}\n          onTouchEnd={(e) => e.stopPropagation()}\n          onPointerDown={(e) => e.stopPropagation()}\n          onPointerUp={(e) => e.stopPropagation()}\n        >\n          {menu}\n        </div>\n      )}\n    </div>,\n    document.body\n  );\n};\n\nexport default FloatingMenu;","'use client';\n\nimport React, { useState, useEffect } from 'react';\nimport FloatingMenu from './FloatingMenu';\n\nexport const FloatingMenuExample: React.FC = () => {\n  const [windowWidth, setWindowWidth] = useState(0);\n  \n  useEffect(() => {\n    setWindowWidth(window.innerWidth);\n    const handleResize = () => setWindowWidth(window.innerWidth);\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  const menuItems = [\n    { id: 1, label: '首页', icon: '🏠' },\n    { id: 2, label: '设置', icon: '⚙️' },\n    { id: 3, label: '消息', icon: '📩' },\n    { id: 4, label: '帮助', icon: '❓' },\n    { id: 5, label: '退出', icon: '🚪' },\n  ];\n  \n  const handleMenuItemClick = (id: number) => {\n    console.log('点击了菜单项: ' + (id));\n  };\n  \n  return (\n    <div className=\"w-full h-screen bg-gray-100 relative p-8\">\n      <div className=\"max-w-2xl mx-auto bg-white rounded-2xl shadow-sm p-8 mt-12\">\n        <h1 className=\"text-3xl font-bold mb-4 text-gray-900\">悬浮菜单示例</h1>\n        <p className=\"text-gray-600 leading-relaxed mb-6\">\n          这是一个可拖拽的悬浮菜单组件示例。你可以尝试拖动下方的 <span className=\"font-bold text-blue-600\">蓝色按钮</span> 到处移动。\n        </p>\n        <div className=\"bg-blue-50 border-l-4 border-blue-500 p-4 mb-6\">\n          <p className=\"text-sm text-blue-700\">\n            <strong>智能定位：</strong> 菜单会根据按钮在屏幕上的位置自动调整弹出方向（向左或向右）。\n          </p>\n        </div>\n      </div>\n      \n      <FloatingMenu\n        trigger={\n          <div className=\"w-12 h-12 bg-blue-600 rounded-full flex items-center justify-center text-white shadow-lg cursor-pointer\">\n            <span className=\"text-xl\">➕</span>\n          </div>\n        }\n        menu={\n          <div className=\"w-48 bg-white rounded-xl shadow-xl border border-gray-100 overflow-hidden\">\n            <div className=\"px-4 py-3 border-b border-gray-100\">\n              <h3 className=\"text-sm font-bold text-gray-900\">快捷菜单</h3>\n            </div>\n            <ul className=\"py-1\">\n              {menuItems.map(item => (\n                <li \n                  key={item.id} \n                  className=\"flex items-center gap-3 px-4 py-2.5 hover:bg-blue-50 text-gray-700 hover:text-blue-600 cursor-pointer transition-colors text-sm\"\n                  onClick={() => handleMenuItemClick(item.id)}\n                >\n                  <span className=\"text-lg\">{item.icon}</span>\n                  <span className=\"font-medium\">{item.label}</span>\n                </li>\n              ))}\n            </ul>\n          </div>\n        }\n        initialPosition={{ x: 100, y: 100 }}\n      />\n      \n      {windowWidth > 0 && (\n        <FloatingMenu\n          trigger={\n            <div className=\"w-12 h-12 bg-purple-600 rounded-full flex items-center justify-center text-white shadow-lg cursor-pointer\">\n              <span className=\"text-xl\">🔍</span>\n            </div>\n          }\n          menu={\n            <div className=\"w-64 bg-white rounded-xl shadow-xl border border-gray-100 p-4\">\n              <h3 className=\"text-sm font-bold text-gray-900 mb-3\">快速搜索</h3>\n              <div className=\"space-y-3\">\n                <input \n                  type=\"text\" \n                  placeholder=\"输入关键字...\" \n                  className=\"w-full px-3 py-2 text-sm border border-gray-200 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent outline-none\"\n                />\n                <button className=\"w-full bg-purple-600 text-white py-2 rounded-lg text-sm font-medium hover:bg-purple-700 transition-colors\">\n                  搜索\n                </button>\n              </div>\n            </div>\n          }\n          initialPosition={{ x: windowWidth - 100, y: 100 }}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default FloatingMenuExample;\n\n"]}