react-tech-ui 1.0.2 → 1.0.3

package/README.md

@@ -71,7 +71,12 @@ npm install
 npm run dev
 ```
 
-启动后访问 http://localhost:3000 查看组件库大屏演示效果。
+启动后访问 http://localhost:3000 查看组件库演示页面。
+
+Demo 包含：
+- **首页** — 组件库概览和导航
+- **快速上手** — 安装引入说明
+- **组件文档** — 20 个组件的交互式演示 + 代码示例 + Props 说明
 
 ### 构建组件库
 

package/dist/FloatingButton/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../chunks/jsx-runtime-7asRZgsb.cjs");const t=require("../chunks/FloatingButton-nOl8ZHul.cjs");exports.FloatingButton=t.FloatingButton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../chunks/jsx-runtime-7asRZgsb.cjs");const t=require("../chunks/FloatingButton-Cr-iBsbx.cjs");exports.FloatingButton=t.FloatingButton;

package/dist/FloatingButton/index.js

@@ -1,5 +1,5 @@
 import "../chunks/jsx-runtime-C6iVud2f.js";
-import { F as a } from "../chunks/FloatingButton-DcNfUVcB.js";
+import { F as a } from "../chunks/FloatingButton-cdLpsxpb.js";
 export {
   a as FloatingButton
 };

package/dist/chunks/FloatingButton-Cr-iBsbx.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("./jsx-runtime-7asRZgsb.cjs"),a=require("react"),H=require("react-dom"),W=require("./index-pCtiW2Id.cjs"),I=require("./ThemeProvider-CGtZuVnU.cjs");function q(e,n){switch(n.type){case"show":return{visible:!0,options:n.options||{}};case"hide":return{...e,visible:!1};case"update":return{...e,options:{...e.options,...n.options}};default:return e}}const B=({visible:e,options:n,pos:o,setPos:b})=>{const M=a.useRef(null),[s,v]=a.useState(!1),[f,E]=a.useState(!1),x=a.useRef({mx:0,my:0,bx:0,by:0}),[P,y]=a.useState(!1),l=n.size??48,m=n.draggable??!0,h=n.edgeSnap??!0,d=n.snapThreshold??60,w=n.variant??"default",{themeVars:g}=I.useTheme(),_=a.useCallback((t,r)=>{const u=window.innerWidth-l,j=window.innerHeight-l;return{x:Math.max(0,Math.min(t,u)),y:Math.max(0,Math.min(r,j))}},[l]),C=a.useCallback((t,r)=>{if(!h)return{x:t,y:r};const u=window.innerWidth/2;return{x:t+l/2<u?d:window.innerWidth-l-d,y:r}},[h,l,d]);a.useEffect(()=>{if(!e)return;const t=n.position==="left"?{x:d,y:window.innerHeight-l-80}:n.position==="right"?{x:window.innerWidth-l-24,y:window.innerHeight-l-80}:n.initialPosition&&n.initialPosition.x!==void 0&&n.initialPosition.y!==void 0?{x:n.initialPosition.x,y:n.initialPosition.y}:{x:window.innerWidth-l-24,y:window.innerHeight-l-80};b(t)},[e,n.position,n.initialPosition,l,d]);const N=a.useCallback(t=>{m&&(t.preventDefault(),v(!0),E(!1),x.current={mx:t.clientX,my:t.clientY,bx:o.x,by:o.y},t.target.setPointerCapture(t.pointerId))},[m,o]),S=a.useCallback(t=>{if(!s)return;const r=t.clientX-x.current.mx,u=t.clientY-x.current.my;(Math.abs(r)>3||Math.abs(u)>3)&&E(!0);const j=x.current.bx+r,Y=x.current.by+u;b(_(j,Y))},[s,_]),k=a.useCallback(()=>{var t,r;if(s)if(v(!1),f&&h){const u=C(o.x,o.y);b(u),(t=n.onDragEnd)==null||t.call(n,u)}else f&&((r=n.onDragEnd)==null||r.call(n,o))},[s,f,h,C,o,n]),z=a.useCallback(t=>{var r;f||(r=n.onClick)==null||r.call(n,t)},[f,n]);a.useEffect(()=>{if(!m)return;const t=()=>{b(r=>_(r.x,r.y))};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[m,_,b]);const X=a.useMemo(()=>({"--tech-fab-primary":g["--tech-primary"],"--tech-fab-glow":g["--tech-glow-primary"],"--tech-fab-border":g["--tech-border"],"--tech-fab-border-active":g["--tech-border-active"],"--tech-fab-bg-card":g["--tech-bg-card"],"--tech-fab-text-primary":g["--tech-text-primary"],"--tech-fab-size":`${l}px`}),[g,l]),i={position:"fixed",left:o.x,top:o.y,zIndex:9999};return e?H.createPortal(c.jsxRuntimeExports.jsxs("div",{ref:M,className:W.clsx("tech-fab",`tech-fab--${w}`,s&&"tech-fab--dragging",P&&"tech-fab--hovered",m&&"tech-fab--draggable",n.className),style:{...X,...i,...n.style},onPointerDown:m?N:void 0,onPointerMove:m?S:void 0,onPointerUp:m?k:void 0,onClick:z,onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),role:"button",tabIndex:0,children:[c.jsxRuntimeExports.jsx("div",{className:"tech-fab__corner tech-fab__corner--tl"}),c.jsxRuntimeExports.jsx("div",{className:"tech-fab__corner tech-fab__corner--tr"}),c.jsxRuntimeExports.jsx("div",{className:"tech-fab__corner tech-fab__corner--bl"}),c.jsxRuntimeExports.jsx("div",{className:"tech-fab__corner tech-fab__corner--br"}),c.jsxRuntimeExports.jsx("div",{className:"tech-fab__pulse"}),c.jsxRuntimeExports.jsxs("div",{className:"tech-fab__content",children:[n.icon&&c.jsxRuntimeExports.jsx("span",{className:"tech-fab__icon",children:n.icon}),n.children&&c.jsxRuntimeExports.jsx("span",{className:"tech-fab__label",children:n.children})]})]}),document.body):null};let D=null;const L=()=>{const[e,n]=a.useReducer(q,{visible:!1,options:{}}),[o,b]=a.useState({x:0,y:0});return a.useEffect(()=>{D={state:e,dispatch:n,pos:o,setPos:b}},[e,o]),c.jsxRuntimeExports.jsx(B,{visible:e.visible,options:e.options,pos:o,setPos:b})};function T(){if(!D){const e=document.createElement("div");document.body.appendChild(e);const{createRoot:n}=require("react-dom/client");n(e).render(a.createElement(L))}return D}const R=a.forwardRef((e,n)=>{const[o,b]=a.useState(!1),M=a.useRef(null),[s,v]=a.useState(()=>{var i,t;return{x:((i=e.initialPosition)==null?void 0:i.x)??window.innerWidth-e.size-24,y:((t=e.initialPosition)==null?void 0:t.y)??window.innerHeight-e.size-80}}),[f,E]=a.useState(!1),[x,P]=a.useState(!1),y=a.useRef({mx:0,my:0,bx:0,by:0}),[l,m]=a.useState(!1),{themeVars:h}=I.useTheme(),d=e.size??48,w=a.useCallback((i,t)=>{const r=window.innerWidth-d,u=window.innerHeight-d;return{x:Math.max(0,Math.min(i,r)),y:Math.max(0,Math.min(t,u))}},[d]),g=a.useCallback((i,t)=>{if(!e.edgeSnap)return{x:i,y:t};const r=window.innerWidth/2;return{x:i+d/2<r?e.snapThreshold:window.innerWidth-d-e.snapThreshold,y:t}},[e.edgeSnap,d,e.snapThreshold]),_=a.useCallback(i=>{e.draggable&&(i.preventDefault(),E(!0),P(!1),y.current={mx:i.clientX,my:i.clientY,bx:s.x,by:s.y},i.target.setPointerCapture(i.pointerId))},[e.draggable,s]),C=a.useCallback(i=>{if(!f)return;const t=i.clientX-y.current.mx,r=i.clientY-y.current.my;(Math.abs(t)>3||Math.abs(r)>3)&&P(!0);const u=y.current.bx+t,j=y.current.by+r;v(w(u,j))},[f,w]),N=a.useCallback(()=>{var i,t;if(f)if(E(!1),x&&e.edgeSnap){const r=g(s.x,s.y);v(r),(i=e.onDragEnd)==null||i.call(e,r)}else x&&((t=e.onDragEnd)==null||t.call(e,s))},[f,x,e.edgeSnap,g,s,e]),S=a.useCallback(i=>{var t;x||(t=e.onClick)==null||t.call(e,i)},[x,e]);a.useEffect(()=>{if(!e.draggable)return;const i=()=>{v(t=>w(t.x,t.y))};return window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)},[e.draggable,w]);const k=a.useMemo(()=>({"--tech-fab-primary":h["--tech-primary"],"--tech-fab-glow":h["--tech-glow-primary"],"--tech-fab-border":h["--tech-border"],"--tech-fab-border-active":h["--tech-border-active"],"--tech-fab-bg-card":h["--tech-bg-card"],"--tech-fab-text-primary":h["--tech-text-primary"],"--tech-fab-size":`${d}px`}),[h,d]),z=e.draggable?{position:"fixed",left:s.x,top:s.y,zIndex:9999}:{position:"fixed",right:24,bottom:80,zIndex:9999};if(a.useImperativeHandle(n,()=>({show:()=>b(!0),hide:()=>b(!1),update:i=>{var t,r;v({x:((t=i.initialPosition)==null?void 0:t.x)??s.x,y:((r=i.initialPosition)==null?void 0:r.y)??s.y})}})),!o)return null;const X=c.jsxRuntimeExports.jsxs("div",{ref:M,className:W.clsx("tech-fab",`tech-fab--${e.variant}`,f&&"tech-fab--dragging",l&&"tech-fab--hovered",e.draggable&&"tech-fab--draggable",e.className),style:{...k,...z,...e.style},onPointerDown:e.draggable?_:void 0,onPointerMove:e.draggable?C:void 0,onPointerUp:e.draggable?N:void 0,onClick:S,onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),role:"button",tabIndex:0,children:[c.jsxRuntimeExports.jsx("div",{className:"tech-fab__corner tech-fab__corner--tl"}),c.jsxRuntimeExports.jsx("div",{className:"tech-fab__corner tech-fab__corner--tr"}),c.jsxRuntimeExports.jsx("div",{className:"tech-fab__corner tech-fab__corner--bl"}),c.jsxRuntimeExports.jsx("div",{className:"tech-fab__corner tech-fab__corner--br"}),c.jsxRuntimeExports.jsx("div",{className:"tech-fab__pulse"}),c.jsxRuntimeExports.jsxs("div",{className:"tech-fab__content",children:[e.icon&&c.jsxRuntimeExports.jsx("span",{className:"tech-fab__icon",children:e.icon}),e.children&&c.jsxRuntimeExports.jsx("span",{className:"tech-fab__label",children:e.children})]})]});return H.createPortal(X,document.body)});R.displayName="TechFloatingButton";R.show=(e={})=>{T().dispatch({type:"show",options:e})};R.hide=()=>{T().dispatch({type:"hide"})};R.update=e=>{T().dispatch({type:"update",options:e})};exports.FloatingButton=R;

package/dist/chunks/FloatingButton-cdLpsxpb.js

@@ -0,0 +1,250 @@
+import { j as r } from "./jsx-runtime-C6iVud2f.js";
+import U, { forwardRef as V, useState as y, useRef as E, useCallback as f, useEffect as X, useMemo as k, useImperativeHandle as q, useReducer as A } from "react";
+import { createPortal as L } from "react-dom";
+import { c as $ } from "./index-CcykAxZN.js";
+import { u as B } from "./ThemeProvider-uEdKkbFn.js";
+function G(e, n) {
+  switch (n.type) {
+    case "show":
+      return { visible: !0, options: n.options || {} };
+    case "hide":
+      return { ...e, visible: !1 };
+    case "update":
+      return { ...e, options: { ...e.options, ...n.options } };
+    default:
+      return e;
+  }
+}
+const J = ({ visible: e, options: n, pos: o, setPos: b }) => {
+  const S = E(null), [c, w] = y(!1), [u, j] = y(!1), m = E({ mx: 0, my: 0, bx: 0, by: 0 }), [N, v] = y(!1), d = n.size ?? 48, g = n.draggable ?? !0, h = n.edgeSnap ?? !0, s = n.snapThreshold ?? 60, _ = n.variant ?? "default", { themeVars: x } = B(), M = f((t, i) => {
+    const l = window.innerWidth - d, P = window.innerHeight - d;
+    return {
+      x: Math.max(0, Math.min(t, l)),
+      y: Math.max(0, Math.min(i, P))
+    };
+  }, [d]), z = f((t, i) => {
+    if (!h) return { x: t, y: i };
+    const l = window.innerWidth / 2;
+    return { x: t + d / 2 < l ? s : window.innerWidth - d - s, y: i };
+  }, [h, d, s]);
+  X(() => {
+    if (!e) return;
+    const t = n.position === "left" ? { x: s, y: window.innerHeight - d - 80 } : n.position === "right" ? { x: window.innerWidth - d - 24, y: window.innerHeight - d - 80 } : n.initialPosition && n.initialPosition.x !== void 0 && n.initialPosition.y !== void 0 ? { x: n.initialPosition.x, y: n.initialPosition.y } : { x: window.innerWidth - d - 24, y: window.innerHeight - d - 80 };
+    b(t);
+  }, [e, n.position, n.initialPosition, d, s]);
+  const D = f((t) => {
+    g && (t.preventDefault(), w(!0), j(!1), m.current = {
+      mx: t.clientX,
+      my: t.clientY,
+      bx: o.x,
+      by: o.y
+    }, t.target.setPointerCapture(t.pointerId));
+  }, [g, o]), R = f((t) => {
+    if (!c) return;
+    const i = t.clientX - m.current.mx, l = t.clientY - m.current.my;
+    (Math.abs(i) > 3 || Math.abs(l) > 3) && j(!0);
+    const P = m.current.bx + i, F = m.current.by + l;
+    b(M(P, F));
+  }, [c, M]), H = f(() => {
+    var t, i;
+    if (c)
+      if (w(!1), u && h) {
+        const l = z(o.x, o.y);
+        b(l), (t = n.onDragEnd) == null || t.call(n, l);
+      } else u && ((i = n.onDragEnd) == null || i.call(n, o));
+  }, [c, u, h, z, o, n]), T = f((t) => {
+    var i;
+    u || (i = n.onClick) == null || i.call(n, t);
+  }, [u, n]);
+  X(() => {
+    if (!g) return;
+    const t = () => {
+      b((i) => M(i.x, i.y));
+    };
+    return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+  }, [g, M, b]);
+  const W = k(() => ({
+    "--tech-fab-primary": x["--tech-primary"],
+    "--tech-fab-glow": x["--tech-glow-primary"],
+    "--tech-fab-border": x["--tech-border"],
+    "--tech-fab-border-active": x["--tech-border-active"],
+    "--tech-fab-bg-card": x["--tech-bg-card"],
+    "--tech-fab-text-primary": x["--tech-text-primary"],
+    "--tech-fab-size": `${d}px`
+  }), [x, d]), a = {
+    position: "fixed",
+    left: o.x,
+    top: o.y,
+    zIndex: 9999
+  };
+  return e ? L(
+    /* @__PURE__ */ r.jsxs(
+      "div",
+      {
+        ref: S,
+        className: $(
+          "tech-fab",
+          `tech-fab--${_}`,
+          c && "tech-fab--dragging",
+          N && "tech-fab--hovered",
+          g && "tech-fab--draggable",
+          n.className
+        ),
+        style: { ...W, ...a, ...n.style },
+        onPointerDown: g ? D : void 0,
+        onPointerMove: g ? R : void 0,
+        onPointerUp: g ? H : void 0,
+        onClick: T,
+        onMouseEnter: () => v(!0),
+        onMouseLeave: () => v(!1),
+        role: "button",
+        tabIndex: 0,
+        children: [
+          /* @__PURE__ */ r.jsx("div", { className: "tech-fab__corner tech-fab__corner--tl" }),
+          /* @__PURE__ */ r.jsx("div", { className: "tech-fab__corner tech-fab__corner--tr" }),
+          /* @__PURE__ */ r.jsx("div", { className: "tech-fab__corner tech-fab__corner--bl" }),
+          /* @__PURE__ */ r.jsx("div", { className: "tech-fab__corner tech-fab__corner--br" }),
+          /* @__PURE__ */ r.jsx("div", { className: "tech-fab__pulse" }),
+          /* @__PURE__ */ r.jsxs("div", { className: "tech-fab__content", children: [
+            n.icon && /* @__PURE__ */ r.jsx("span", { className: "tech-fab__icon", children: n.icon }),
+            n.children && /* @__PURE__ */ r.jsx("span", { className: "tech-fab__label", children: n.children })
+          ] })
+        ]
+      }
+    ),
+    document.body
+  ) : null;
+};
+let I = null;
+const K = () => {
+  const [e, n] = A(G, { visible: !1, options: {} }), [o, b] = y({ x: 0, y: 0 });
+  return X(() => {
+    I = { state: e, dispatch: n, pos: o, setPos: b };
+  }, [e, o]), /* @__PURE__ */ r.jsx(J, { visible: e.visible, options: e.options, pos: o, setPos: b });
+};
+function Y() {
+  if (!I) {
+    const e = document.createElement("div");
+    document.body.appendChild(e);
+    const { createRoot: n } = require("react-dom/client");
+    n(e).render(U.createElement(K));
+  }
+  return I;
+}
+const C = V((e, n) => {
+  const [o, b] = y(!1), S = E(null), [c, w] = y(() => {
+    var a, t;
+    return {
+      x: ((a = e.initialPosition) == null ? void 0 : a.x) ?? window.innerWidth - e.size - 24,
+      y: ((t = e.initialPosition) == null ? void 0 : t.y) ?? window.innerHeight - e.size - 80
+    };
+  }), [u, j] = y(!1), [m, N] = y(!1), v = E({ mx: 0, my: 0, bx: 0, by: 0 }), [d, g] = y(!1), { themeVars: h } = B(), s = e.size ?? 48, _ = f((a, t) => {
+    const i = window.innerWidth - s, l = window.innerHeight - s;
+    return {
+      x: Math.max(0, Math.min(a, i)),
+      y: Math.max(0, Math.min(t, l))
+    };
+  }, [s]), x = f((a, t) => {
+    if (!e.edgeSnap) return { x: a, y: t };
+    const i = window.innerWidth / 2;
+    return { x: a + s / 2 < i ? e.snapThreshold : window.innerWidth - s - e.snapThreshold, y: t };
+  }, [e.edgeSnap, s, e.snapThreshold]), M = f((a) => {
+    e.draggable && (a.preventDefault(), j(!0), N(!1), v.current = {
+      mx: a.clientX,
+      my: a.clientY,
+      bx: c.x,
+      by: c.y
+    }, a.target.setPointerCapture(a.pointerId));
+  }, [e.draggable, c]), z = f((a) => {
+    if (!u) return;
+    const t = a.clientX - v.current.mx, i = a.clientY - v.current.my;
+    (Math.abs(t) > 3 || Math.abs(i) > 3) && N(!0);
+    const l = v.current.bx + t, P = v.current.by + i;
+    w(_(l, P));
+  }, [u, _]), D = f(() => {
+    var a, t;
+    if (u)
+      if (j(!1), m && e.edgeSnap) {
+        const i = x(c.x, c.y);
+        w(i), (a = e.onDragEnd) == null || a.call(e, i);
+      } else m && ((t = e.onDragEnd) == null || t.call(e, c));
+  }, [u, m, e.edgeSnap, x, c, e]), R = f((a) => {
+    var t;
+    m || (t = e.onClick) == null || t.call(e, a);
+  }, [m, e]);
+  X(() => {
+    if (!e.draggable) return;
+    const a = () => {
+      w((t) => _(t.x, t.y));
+    };
+    return window.addEventListener("resize", a), () => window.removeEventListener("resize", a);
+  }, [e.draggable, _]);
+  const H = k(() => ({
+    "--tech-fab-primary": h["--tech-primary"],
+    "--tech-fab-glow": h["--tech-glow-primary"],
+    "--tech-fab-border": h["--tech-border"],
+    "--tech-fab-border-active": h["--tech-border-active"],
+    "--tech-fab-bg-card": h["--tech-bg-card"],
+    "--tech-fab-text-primary": h["--tech-text-primary"],
+    "--tech-fab-size": `${s}px`
+  }), [h, s]), T = e.draggable ? { position: "fixed", left: c.x, top: c.y, zIndex: 9999 } : { position: "fixed", right: 24, bottom: 80, zIndex: 9999 };
+  if (q(n, () => ({
+    show: () => b(!0),
+    hide: () => b(!1),
+    update: (a) => {
+      var t, i;
+      w({
+        x: ((t = a.initialPosition) == null ? void 0 : t.x) ?? c.x,
+        y: ((i = a.initialPosition) == null ? void 0 : i.y) ?? c.y
+      });
+    }
+  })), !o) return null;
+  const W = /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      ref: S,
+      className: $(
+        "tech-fab",
+        `tech-fab--${e.variant}`,
+        u && "tech-fab--dragging",
+        d && "tech-fab--hovered",
+        e.draggable && "tech-fab--draggable",
+        e.className
+      ),
+      style: { ...H, ...T, ...e.style },
+      onPointerDown: e.draggable ? M : void 0,
+      onPointerMove: e.draggable ? z : void 0,
+      onPointerUp: e.draggable ? D : void 0,
+      onClick: R,
+      onMouseEnter: () => g(!0),
+      onMouseLeave: () => g(!1),
+      role: "button",
+      tabIndex: 0,
+      children: [
+        /* @__PURE__ */ r.jsx("div", { className: "tech-fab__corner tech-fab__corner--tl" }),
+        /* @__PURE__ */ r.jsx("div", { className: "tech-fab__corner tech-fab__corner--tr" }),
+        /* @__PURE__ */ r.jsx("div", { className: "tech-fab__corner tech-fab__corner--bl" }),
+        /* @__PURE__ */ r.jsx("div", { className: "tech-fab__corner tech-fab__corner--br" }),
+        /* @__PURE__ */ r.jsx("div", { className: "tech-fab__pulse" }),
+        /* @__PURE__ */ r.jsxs("div", { className: "tech-fab__content", children: [
+          e.icon && /* @__PURE__ */ r.jsx("span", { className: "tech-fab__icon", children: e.icon }),
+          e.children && /* @__PURE__ */ r.jsx("span", { className: "tech-fab__label", children: e.children })
+        ] })
+      ]
+    }
+  );
+  return L(W, document.body);
+});
+C.displayName = "TechFloatingButton";
+C.show = (e = {}) => {
+  Y().dispatch({ type: "show", options: e });
+};
+C.hide = () => {
+  Y().dispatch({ type: "hide" });
+};
+C.update = (e) => {
+  Y().dispatch({ type: "update", options: e });
+};
+export {
+  C as F
+};

package/dist/components/FloatingButton/FloatingButton.d.ts

@@ -1,8 +1,8 @@
-import { default as React } from 'react';
+import { default as React, ReactNode } from 'react';
 
 export interface FloatingButtonProps {
     icon?: React.ReactNode;
-    children?: React.ReactNode;
+    children?: ReactNode;
     variant?: 'default' | 'neon' | 'glow' | 'glass';
     size?: number;
     draggable?: boolean;
@@ -20,5 +20,21 @@ export interface FloatingButtonProps {
     className?: string;
     style?: React.CSSProperties;
 }
-export declare const FloatingButton: React.FC<FloatingButtonProps>;
+export interface FloatingButtonRef {
+    show: () => void;
+    hide: () => void;
+    update: (props: FloatingButtonOptions) => void;
+}
+export type FloatingButtonPosition = 'left' | 'right';
+export interface FloatingButtonOptions extends Omit<FloatingButtonProps, 'initialPosition'> {
+    position?: FloatingButtonPosition | {
+        x: number;
+        y: number;
+    };
+    initialPosition?: {
+        x?: number;
+        y?: number;
+    };
+}
+export declare const FloatingButton: React.ForwardRefExoticComponent<FloatingButtonProps & React.RefAttributes<FloatingButtonRef>>;
 export default FloatingButton;

package/dist/index/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../chunks/jsx-runtime-7asRZgsb.cjs");const o=require("../theme/index.cjs"),t=require("../chunks/DataCard-DjcUGxo9.cjs"),n=require("../chunks/DecorationLine-Be4QQyry.cjs"),i=require("../chunks/DigitalNumber-BWP5OjvN.cjs"),c=require("../chunks/FlowLight-DLBCaU07.cjs"),a=require("../chunks/Modal-DxqX4m57.cjs"),s=require("../chunks/ScreenAdapter-DpfmLRd5.cjs"),u=require("../chunks/ScrollTable-B21j9zGn.cjs"),l=require("../chunks/StatusIndicator-DhPwugAy.cjs"),T=require("../chunks/TechBorder-KTRXvzVv.cjs"),h=require("../chunks/TechButton-DYdIWO-l.cjs"),d=require("../chunks/TechTitle-B3pkYIbI.cjs"),m=require("../chunks/Drawer-CuoztnnD.cjs"),q=require("../chunks/FloatingButton-nOl8ZHul.cjs"),r=require("../chunks/Icon-ISAK5vLx.cjs"),S=require("../chunks/Masonry-LPU0R1mE.cjs"),D=require("../chunks/Popconfirm-CgPdSp84.cjs"),g=require("../chunks/QRCode-B2Sdq1f6.cjs"),b=require("../chunks/Skeleton-CKvua4DB.cjs"),e=require("../chunks/ThemeProvider-CGtZuVnU.cjs"),p=require("../chunks/Toast-CedBaeZV.cjs");exports.techTheme=o.techTheme;exports.DataCard=t.DataCard;exports.DecorationLine=n.DecorationLine;exports.DigitalNumber=i.DigitalNumber;exports.FlowLight=c.FlowLight;exports.Modal=a.Modal;exports.ScreenAdapter=s.ScreenAdapter;exports.ScrollTable=u.ScrollTable;exports.StatusIndicator=l.StatusIndicator;exports.TechBorder=T.TechBorder;exports.TechButton=h.TechButton;exports.TechTitle=d.TechTitle;exports.Drawer=m.Drawer;exports.FloatingButton=q.FloatingButton;exports.Icon=r.Icon;exports.iconNames=r.iconNames;exports.Masonry=S.Masonry;exports.Popconfirm=D.Popconfirm;exports.QRCode=g.QRCodeComponent;exports.Skeleton=b.Skeleton;exports.ThemeProvider=e.ThemeProvider;exports.presetThemes=e.presetThemes;exports.themeLabels=e.themeLabels;exports.useTheme=e.useTheme;exports.Toast=p.Toast;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../chunks/jsx-runtime-7asRZgsb.cjs");const o=require("../theme/index.cjs"),t=require("../chunks/DataCard-DjcUGxo9.cjs"),n=require("../chunks/DecorationLine-Be4QQyry.cjs"),i=require("../chunks/DigitalNumber-BWP5OjvN.cjs"),c=require("../chunks/FlowLight-DLBCaU07.cjs"),a=require("../chunks/Modal-DxqX4m57.cjs"),s=require("../chunks/ScreenAdapter-DpfmLRd5.cjs"),u=require("../chunks/ScrollTable-B21j9zGn.cjs"),l=require("../chunks/StatusIndicator-DhPwugAy.cjs"),T=require("../chunks/TechBorder-KTRXvzVv.cjs"),h=require("../chunks/TechButton-DYdIWO-l.cjs"),d=require("../chunks/TechTitle-B3pkYIbI.cjs"),m=require("../chunks/Drawer-CuoztnnD.cjs"),q=require("../chunks/FloatingButton-Cr-iBsbx.cjs"),r=require("../chunks/Icon-ISAK5vLx.cjs"),S=require("../chunks/Masonry-LPU0R1mE.cjs"),D=require("../chunks/Popconfirm-CgPdSp84.cjs"),g=require("../chunks/QRCode-B2Sdq1f6.cjs"),b=require("../chunks/Skeleton-CKvua4DB.cjs"),e=require("../chunks/ThemeProvider-CGtZuVnU.cjs"),p=require("../chunks/Toast-CedBaeZV.cjs");exports.techTheme=o.techTheme;exports.DataCard=t.DataCard;exports.DecorationLine=n.DecorationLine;exports.DigitalNumber=i.DigitalNumber;exports.FlowLight=c.FlowLight;exports.Modal=a.Modal;exports.ScreenAdapter=s.ScreenAdapter;exports.ScrollTable=u.ScrollTable;exports.StatusIndicator=l.StatusIndicator;exports.TechBorder=T.TechBorder;exports.TechButton=h.TechButton;exports.TechTitle=d.TechTitle;exports.Drawer=m.Drawer;exports.FloatingButton=q.FloatingButton;exports.Icon=r.Icon;exports.iconNames=r.iconNames;exports.Masonry=S.Masonry;exports.Popconfirm=D.Popconfirm;exports.QRCode=g.QRCodeComponent;exports.Skeleton=b.Skeleton;exports.ThemeProvider=e.ThemeProvider;exports.presetThemes=e.presetThemes;exports.themeLabels=e.themeLabels;exports.useTheme=e.useTheme;exports.Toast=p.Toast;

package/dist/index/index.js

@@ -12,7 +12,7 @@ import { T as M } from "../chunks/TechBorder-Cu-JqkTf.js";
 import { T as g } from "../chunks/TechButton-CTrXjlsD.js";
 import { T as I } from "../chunks/TechTitle-DfLwdrV5.js";
 import { D as P } from "../chunks/Drawer-u77zScbz.js";
-import { F as C } from "../chunks/FloatingButton-DcNfUVcB.js";
+import { F as C } from "../chunks/FloatingButton-cdLpsxpb.js";
 import { I as Q, i as k } from "../chunks/Icon-HxIzkEdE.js";
 import { M as y } from "../chunks/Masonry-CxVB3-w9.js";
 import { P as R } from "../chunks/Popconfirm-C3npOXd6.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-tech-ui",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "科技风格React UI组件库，支持大屏页面使用",
   "main": "dist/index/index.cjs",
   "module": "dist/index/index.js",

package/dist/chunks/FloatingButton-DcNfUVcB.js

@@ -1,109 +0,0 @@
-import { j as s } from "./jsx-runtime-C6iVud2f.js";
-import { useRef as R, useState as _, useCallback as m, useEffect as G, useMemo as J } from "react";
-import { createPortal as K } from "react-dom";
-import { c as O } from "./index-CcykAxZN.js";
-import { u as P } from "./ThemeProvider-uEdKkbFn.js";
-const Q = ({
-  icon: w,
-  children: M,
-  variant: W = "default",
-  size: t = 48,
-  draggable: c = !1,
-  initialPosition: f,
-  edgeSnap: u = !0,
-  snapThreshold: v = 60,
-  onClick: i,
-  onDragEnd: o,
-  className: Y,
-  style: F
-}) => {
-  const { themeVars: a } = P(), H = R(null), [n, y] = _(() => ({
-    x: (f == null ? void 0 : f.x) ?? window.innerWidth - t - 24,
-    y: (f == null ? void 0 : f.y) ?? window.innerHeight - t - 80
-  })), [b, j] = _(!1), [d, N] = _(!1), x = R({ mx: 0, my: 0, bx: 0, by: 0 }), [L, X] = _(!1), l = m((e, r) => {
-    const h = window.innerWidth - t, p = window.innerHeight - t;
-    return {
-      x: Math.max(0, Math.min(e, h)),
-      y: Math.max(0, Math.min(r, p))
-    };
-  }, [t]), I = m((e, r) => {
-    if (!u) return { x: e, y: r };
-    const h = window.innerWidth / 2;
-    return { x: e + t / 2 < h ? v : window.innerWidth - t - v, y: r };
-  }, [u, t, v]), B = m((e) => {
-    c && (e.preventDefault(), j(!0), N(!1), x.current = {
-      mx: e.clientX,
-      my: e.clientY,
-      bx: n.x,
-      by: n.y
-    }, e.target.setPointerCapture(e.pointerId));
-  }, [c, n]), U = m((e) => {
-    if (!b) return;
-    const r = e.clientX - x.current.mx, h = e.clientY - x.current.my;
-    (Math.abs(r) > 3 || Math.abs(h) > 3) && N(!0);
-    const p = x.current.bx + r, A = x.current.by + h;
-    y(l(p, A));
-  }, [b, l]), $ = m(() => {
-    if (b)
-      if (j(!1), d && u) {
-        const e = I(n.x, n.y);
-        y(e), o == null || o(e);
-      } else d && (o == null || o(n));
-  }, [b, d, u, I, n, o]), S = m((e) => {
-    d || i == null || i(e);
-  }, [d, i]);
-  G(() => {
-    if (!c) return;
-    const e = () => {
-      y((r) => l(r.x, r.y));
-    };
-    return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-  }, [c, l]);
-  const T = J(() => ({
-    "--tech-fab-primary": a["--tech-primary"],
-    "--tech-fab-glow": a["--tech-glow-primary"],
-    "--tech-fab-border": a["--tech-border"],
-    "--tech-fab-border-active": a["--tech-border-active"],
-    "--tech-fab-bg-card": a["--tech-bg-card"],
-    "--tech-fab-text-primary": a["--tech-text-primary"],
-    "--tech-fab-size": `${t}px`
-  }), [a, t]), V = c ? { position: "fixed", left: n.x, top: n.y, zIndex: 9999 } : { position: "fixed", right: 24, bottom: 80, zIndex: 9999 }, q = /* @__PURE__ */ s.jsxs(
-    "div",
-    {
-      ref: H,
-      className: O(
-        "tech-fab",
-        `tech-fab--${W}`,
-        b && "tech-fab--dragging",
-        L && "tech-fab--hovered",
-        c && "tech-fab--draggable",
-        Y
-      ),
-      style: { ...T, ...V, ...F },
-      onPointerDown: c ? B : void 0,
-      onPointerMove: c ? U : void 0,
-      onPointerUp: c ? $ : void 0,
-      onClick: S,
-      onMouseEnter: () => X(!0),
-      onMouseLeave: () => X(!1),
-      role: "button",
-      tabIndex: 0,
-      children: [
-        /* @__PURE__ */ s.jsx("div", { className: "tech-fab__corner tech-fab__corner--tl" }),
-        /* @__PURE__ */ s.jsx("div", { className: "tech-fab__corner tech-fab__corner--tr" }),
-        /* @__PURE__ */ s.jsx("div", { className: "tech-fab__corner tech-fab__corner--bl" }),
-        /* @__PURE__ */ s.jsx("div", { className: "tech-fab__corner tech-fab__corner--br" }),
-        /* @__PURE__ */ s.jsx("div", { className: "tech-fab__pulse" }),
-        /* @__PURE__ */ s.jsxs("div", { className: "tech-fab__content", children: [
-          w && /* @__PURE__ */ s.jsx("span", { className: "tech-fab__icon", children: w }),
-          M && /* @__PURE__ */ s.jsx("span", { className: "tech-fab__label", children: M })
-        ] })
-      ]
-    }
-  );
-  return K(q, document.body);
-};
-Q.displayName = "TechFloatingButton";
-export {
-  Q as F
-};

package/dist/chunks/FloatingButton-nOl8ZHul.cjs

@@ -1 +0,0 @@
-"use strict";const o=require("./jsx-runtime-7asRZgsb.cjs"),t=require("react"),T=require("react-dom"),U=require("./index-pCtiW2Id.cjs"),P=require("./ThemeProvider-CGtZuVnU.cjs"),X=({icon:y,children:w,variant:q="default",size:r=48,draggable:c=!1,initialPosition:x,edgeSnap:b=!0,snapThreshold:v=60,onClick:d,onDragEnd:a,className:C,style:E})=>{const{themeVars:u}=P.useTheme(),I=t.useRef(null),[n,_]=t.useState(()=>({x:(x==null?void 0:x.x)??window.innerWidth-r-24,y:(x==null?void 0:x.y)??window.innerHeight-r-80})),[f,j]=t.useState(!1),[m,R]=t.useState(!1),i=t.useRef({mx:0,my:0,bx:0,by:0}),[S,M]=t.useState(!1),l=t.useCallback((e,s)=>{const h=window.innerWidth-r,p=window.innerHeight-r;return{x:Math.max(0,Math.min(e,h)),y:Math.max(0,Math.min(s,p))}},[r]),N=t.useCallback((e,s)=>{if(!b)return{x:e,y:s};const h=window.innerWidth/2;return{x:e+r/2<h?v:window.innerWidth-r-v,y:s}},[b,r,v]),W=t.useCallback(e=>{c&&(e.preventDefault(),j(!0),R(!1),i.current={mx:e.clientX,my:e.clientY,bx:n.x,by:n.y},e.target.setPointerCapture(e.pointerId))},[c,n]),Y=t.useCallback(e=>{if(!f)return;const s=e.clientX-i.current.mx,h=e.clientY-i.current.my;(Math.abs(s)>3||Math.abs(h)>3)&&R(!0);const p=i.current.bx+s,L=i.current.by+h;_(l(p,L))},[f,l]),$=t.useCallback(()=>{if(f)if(j(!1),m&&b){const e=N(n.x,n.y);_(e),a==null||a(e)}else m&&(a==null||a(n))},[f,m,b,N,n,a]),k=t.useCallback(e=>{m||d==null||d(e)},[m,d]);t.useEffect(()=>{if(!c)return;const e=()=>{_(s=>l(s.x,s.y))};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[c,l]);const B=t.useMemo(()=>({"--tech-fab-primary":u["--tech-primary"],"--tech-fab-glow":u["--tech-glow-primary"],"--tech-fab-border":u["--tech-border"],"--tech-fab-border-active":u["--tech-border-active"],"--tech-fab-bg-card":u["--tech-bg-card"],"--tech-fab-text-primary":u["--tech-text-primary"],"--tech-fab-size":`${r}px`}),[u,r]),F=c?{position:"fixed",left:n.x,top:n.y,zIndex:9999}:{position:"fixed",right:24,bottom:80,zIndex:9999},H=o.jsxRuntimeExports.jsxs("div",{ref:I,className:U.clsx("tech-fab",`tech-fab--${q}`,f&&"tech-fab--dragging",S&&"tech-fab--hovered",c&&"tech-fab--draggable",C),style:{...B,...F,...E},onPointerDown:c?W:void 0,onPointerMove:c?Y:void 0,onPointerUp:c?$:void 0,onClick:k,onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1),role:"button",tabIndex:0,children:[o.jsxRuntimeExports.jsx("div",{className:"tech-fab__corner tech-fab__corner--tl"}),o.jsxRuntimeExports.jsx("div",{className:"tech-fab__corner tech-fab__corner--tr"}),o.jsxRuntimeExports.jsx("div",{className:"tech-fab__corner tech-fab__corner--bl"}),o.jsxRuntimeExports.jsx("div",{className:"tech-fab__corner tech-fab__corner--br"}),o.jsxRuntimeExports.jsx("div",{className:"tech-fab__pulse"}),o.jsxRuntimeExports.jsxs("div",{className:"tech-fab__content",children:[y&&o.jsxRuntimeExports.jsx("span",{className:"tech-fab__icon",children:y}),w&&o.jsxRuntimeExports.jsx("span",{className:"tech-fab__label",children:w})]})]});return T.createPortal(H,document.body)};X.displayName="TechFloatingButton";exports.FloatingButton=X;