@xiping/react-components 0.0.58 → 0.0.60

package/dist/cjs/components/image-viewer/ImageViewer.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("@nextui-org/modal"),n=require("../../node_modules/.pnpm/react-icons@5.4.0_react@18.3.1/node_modules/react-icons/io5/index.js"),r=require("../pinch-content/PinchContent.js"),i=s=>{const{isOpen:o,onClose:t,imgSrc:a}=s;return e.jsx(l.Modal,{isOpen:o,size:"full",onClose:t,className:"pppp bg-black bg-opacity-70",hideCloseButton:!0,children:e.jsxs(l.ModalContent,{children:[e.jsx(l.ModalHeader,{className:"flex flex-col gap-1 relative",children:e.jsx(n.IoCloseSharp,{className:"absolute top-2 right-2 text-white",onClick:t})}),e.jsx(l.ModalBody,{className:"flex items-center justify-center",children:e.jsx(r.default,{children:e.jsx("img",{draggable:"false",src:a,alt:"",className:"w-full h-full object-contain pointer-events-none"})})}),e.jsx(l.ModalFooter,{})]})})};exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("@nextui-org/modal"),i=require("react-icons/io5"),o=require("../pinch-content/PinchContent.js"),a=t=>{const{isOpen:n,onClose:s,imgSrc:r}=t;return e.jsx(l.Modal,{isOpen:n,size:"full",onClose:s,className:"pppp bg-black bg-opacity-70",hideCloseButton:!0,children:e.jsx(l.ModalContent,{className:"overflow-hidden",children:e.jsxs("div",{className:"w-screen h-screen relative",children:[e.jsx(i.IoCloseSharp,{size:24,className:"absolute top-2 right-2 text-white",onClick:s}),e.jsx("div",{className:"w-full h-full",children:e.jsx(o.default,{children:e.jsx("img",{draggable:"false",src:r,alt:"",className:"w-screen h-screen object-contain pointer-events-none"})})})]})})})};exports.default=a;

package/dist/cjs/components/pinch-content/PinchContent.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react/jsx-runtime"),v=require("@react-spring/web"),d=require("@use-gesture/react"),w=require("react"),h=require("ahooks"),A=d.createUseGesture([d.dragAction,d.pinchAction]),c=a=>a.preventDefault(),B=a=>{const{children:x,canPinch:y=!0,canDrag:p=!0,canRotate:b=!0,scaleBounds:E={min:.3,max:8}}=a,t=w.useRef(null);h.useMount(()=>{var r,e,n;(r=t.current)==null||r.addEventListener("gesturestart",c),(e=t.current)==null||e.addEventListener("gesturechange",c),(n=t.current)==null||n.addEventListener("gestureend",c)}),h.useUnmount(()=>{var r,e,n;(r=t.current)==null||r.removeEventListener("gesturestart",c),(e=t.current)==null||e.removeEventListener("gesturechange",c),(n=t.current)==null||n.removeEventListener("gestureend",c)});const[u,g]=v.useSpring(()=>({x:0,y:0,scale:1,rotateZ:0}));return A({onDrag:({pinching:r,cancel:e,offset:[n,o],...i})=>{if(console.log(i),!p||r)return e();g.start({x:n,y:o})},onPinch:({origin:[r,e],first:n,movement:[o],offset:[i,L],memo:s,cancel:q})=>{if(!y)return q();if(n){const{width:P,height:m,x:D,y:M}=t.current.getBoundingClientRect(),S=r-(D+P/2),Z=e-(M+m/2);s=[u.x.get(),u.y.get(),S,Z]}const R=s[0]-(o-1)*s[2],j=s[1]-(o-1)*s[3],l={scale:i,rotateZ:0,x:R,y:j};return b&&(l.rotateZ=L),g.start(l),s}},{target:t,drag:{from:()=>[u.x.get(),u.y.get()]},pinch:{scaleBounds:E,rubberband:!0}}),f.jsx("div",{className:"flex fill center",children:f.jsx(v.animated.div,{className:"select-none",ref:t,style:u,children:x})})};exports.default=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react/jsx-runtime"),v=require("@react-spring/web"),d=require("@use-gesture/react"),w=require("react"),h=require("ahooks"),A=d.createUseGesture([d.dragAction,d.pinchAction]),c=a=>a.preventDefault(),B=a=>{const{children:x,canPinch:y=!0,canDrag:p=!0,canRotate:b=!0,scaleBounds:E={min:.3,max:8}}=a,t=w.useRef(null);h.useMount(()=>{var r,e,n;(r=t.current)==null||r.addEventListener("gesturestart",c),(e=t.current)==null||e.addEventListener("gesturechange",c),(n=t.current)==null||n.addEventListener("gestureend",c)}),h.useUnmount(()=>{var r,e,n;(r=t.current)==null||r.removeEventListener("gesturestart",c),(e=t.current)==null||e.removeEventListener("gesturechange",c),(n=t.current)==null||n.removeEventListener("gestureend",c)});const[u,g]=v.useSpring(()=>({x:0,y:0,scale:1,rotateZ:0}));return A({onDrag:({pinching:r,cancel:e,offset:[n,o],...i})=>{if(console.log(i),!p||r)return e();g.start({x:n,y:o})},onPinch:({origin:[r,e],first:n,movement:[o],offset:[i,L],memo:s,cancel:q})=>{if(!y)return q();if(n){const{width:R,height:m,x:D,y:M}=t.current.getBoundingClientRect(),S=r-(D+R/2),Z=e-(M+m/2);s=[u.x.get(),u.y.get(),S,Z]}const j=s[0]-(o-1)*s[2],P=s[1]-(o-1)*s[3],l={scale:i,rotateZ:0,x:j,y:P};return b&&(l.rotateZ=L),g.start(l),s}},{target:t,drag:{from:()=>[u.x.get(),u.y.get()]},pinch:{scaleBounds:E,rubberband:!0}}),f.jsx("div",{className:"flex fill center",children:f.jsx(v.animated.div,{className:"select-none",ref:t,style:u,children:x})})};exports.default=B;

package/dist/es/components/image-viewer/ImageViewer.js

@@ -1,39 +1,39 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { Modal as s, ModalContent as i, ModalHeader as n, ModalBody as c, ModalFooter as m } from "@nextui-org/modal";
-import { IoCloseSharp as d } from "../../node_modules/.pnpm/react-icons@5.4.0_react@18.3.1/node_modules/react-icons/io5/index.js";
-import p from "../pinch-content/PinchContent.js";
-const x = (o) => {
-  const { isOpen: t, onClose: l, imgSrc: a } = o;
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Modal as n, ModalContent as a } from "@nextui-org/modal";
+import { IoCloseSharp as i } from "react-icons/io5";
+import c from "../pinch-content/PinchContent.js";
+const f = (l) => {
+  const { isOpen: o, onClose: s, imgSrc: r } = l;
   return /* @__PURE__ */ e(
-    s,
+    n,
     {
-      isOpen: t,
+      isOpen: o,
       size: "full",
-      onClose: l,
+      onClose: s,
       className: "pppp bg-black bg-opacity-70",
       hideCloseButton: !0,
-      children: /* @__PURE__ */ r(i, { children: [
-        /* @__PURE__ */ e(n, { className: "flex flex-col gap-1 relative", children: /* @__PURE__ */ e(
-          d,
+      children: /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ t("div", { className: "w-screen h-screen relative", children: [
+        /* @__PURE__ */ e(
+          i,
           {
+            size: 24,
             className: "absolute top-2 right-2 text-white",
-            onClick: l
+            onClick: s
           }
-        ) }),
-        /* @__PURE__ */ e(c, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+        ),
+        /* @__PURE__ */ e("div", { className: "w-full h-full", children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
           "img",
           {
             draggable: "false",
-            src: a,
+            src: r,
             alt: "",
-            className: "w-full h-full object-contain pointer-events-none"
+            className: "w-screen h-screen object-contain pointer-events-none"
           }
-        ) }) }),
-        /* @__PURE__ */ e(m, {})
-      ] })
+        ) }) })
+      ] }) })
     }
   );
 };
 export {
-  x as default
+  f as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xiping/react-components",
   "private": false,
-  "version": "0.0.58",
+  "version": "0.0.60",
   "type": "module",
   "main": "./dist/cjs/index.js",
   "module": "./dist/es/index.js",
@@ -11,6 +11,9 @@
       "import": "./dist/es/index.js",
       "require": "./dist/cjs/index.js",
       "types": "./dist/es/index.d.ts"
+    },
+    "./style.css": {
+      "import": "./dist/es/react-components.css"
     }
   },
   "files": [
@@ -92,5 +95,5 @@
   "engines": {
     "node": ">=18"
   },
-  "gitHead": "5d4fcc7f2960d710343eee37f62637a50970f572"
+  "gitHead": "67a98bb666e67e7afa78c29f7afcedcb8a0698b7"
 }

package/dist/cjs/node_modules/.pnpm/react-icons@5.4.0_react@18.3.1/node_modules/react-icons/io5/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../lib/iconBase.js");require("../lib/iconContext.js");function r(e){return t.GenIcon({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M400 145.49 366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256 400 145.49z"},child:[]}]})(e)}exports.IoCloseSharp=r;

package/dist/cjs/node_modules/.pnpm/react-icons@5.4.0_react@18.3.1/node_modules/react-icons/lib/iconBase.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),s=require("./iconContext.js");var O=["attr","size","title"];function v(e,t){if(e==null)return{};var r=y(e,t),n,i;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)n=o[i],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function y(e,t){if(e==null)return{};var r={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){if(t.indexOf(n)>=0)continue;r[n]=e[n]}return r}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c.apply(this,arguments)}function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?m(Object(r),!0).forEach(function(n){j(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function j(e,t,r){return t=P(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function P(e){var t=h(e,"string");return typeof t=="symbol"?t:t+""}function h(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function b(e){return e&&e.map((t,r)=>l.createElement(t.tag,u({key:r},t.attr),b(t.child)))}function d(e){return t=>l.createElement(p,c({attr:u({},e.attr)},t),b(e.child))}function p(e){var t=r=>{var{attr:n,size:i,title:o}=e,g=v(e,O),f=i||r.size||"1em",a;return r.className&&(a=r.className),e.className&&(a=(a?a+" ":"")+e.className),l.createElement("svg",c({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,n,g,{className:a,style:u(u({color:e.color||r.color},r.style),e.style),height:f,width:f,xmlns:"http://www.w3.org/2000/svg"}),o&&l.createElement("title",null,o),e.children)};return s.IconContext!==void 0?l.createElement(s.IconContext.Consumer,null,r=>t(r)):t(s.DefaultContext)}exports.GenIcon=d;exports.IconBase=p;

package/dist/cjs/node_modules/.pnpm/react-icons@5.4.0_react@18.3.1/node_modules/react-icons/lib/iconContext.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");var t={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},n=e.createContext&&e.createContext(t);exports.DefaultContext=t;exports.IconContext=n;

package/dist/es/node_modules/.pnpm/react-icons@5.4.0_react@18.3.1/node_modules/react-icons/io5/index.js

@@ -1,8 +0,0 @@
-import { GenIcon as o } from "../lib/iconBase.js";
-import "../lib/iconContext.js";
-function i(t) {
-  return o({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M400 145.49 366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256 400 145.49z" }, child: [] }] })(t);
-}
-export {
-  i as IoCloseSharp
-};

package/dist/es/node_modules/.pnpm/react-icons@5.4.0_react@18.3.1/node_modules/react-icons/lib/iconBase.js

@@ -1,108 +0,0 @@
-import l from "react";
-import { IconContext as s, DefaultContext as O } from "./iconContext.js";
-var g = ["attr", "size", "title"];
-function v(t, e) {
-  if (t == null) return {};
-  var r = y(t, e), n, i;
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(t);
-    for (i = 0; i < o.length; i++)
-      n = o[i], !(e.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(t, n) && (r[n] = t[n]);
-  }
-  return r;
-}
-function y(t, e) {
-  if (t == null) return {};
-  var r = {};
-  for (var n in t)
-    if (Object.prototype.hasOwnProperty.call(t, n)) {
-      if (e.indexOf(n) >= 0) continue;
-      r[n] = t[n];
-    }
-  return r;
-}
-function c() {
-  return c = Object.assign ? Object.assign.bind() : function(t) {
-    for (var e = 1; e < arguments.length; e++) {
-      var r = arguments[e];
-      for (var n in r)
-        Object.prototype.hasOwnProperty.call(r, n) && (t[n] = r[n]);
-    }
-    return t;
-  }, c.apply(this, arguments);
-}
-function m(t, e) {
-  var r = Object.keys(t);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(t);
-    e && (n = n.filter(function(i) {
-      return Object.getOwnPropertyDescriptor(t, i).enumerable;
-    })), r.push.apply(r, n);
-  }
-  return r;
-}
-function u(t) {
-  for (var e = 1; e < arguments.length; e++) {
-    var r = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? m(Object(r), !0).forEach(function(n) {
-      j(t, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : m(Object(r)).forEach(function(n) {
-      Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(r, n));
-    });
-  }
-  return t;
-}
-function j(t, e, r) {
-  return e = P(e), e in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
-}
-function P(t) {
-  var e = h(t, "string");
-  return typeof e == "symbol" ? e : e + "";
-}
-function h(t, e) {
-  if (typeof t != "object" || !t) return t;
-  var r = t[Symbol.toPrimitive];
-  if (r !== void 0) {
-    var n = r.call(t, e || "default");
-    if (typeof n != "object") return n;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (e === "string" ? String : Number)(t);
-}
-function p(t) {
-  return t && t.map((e, r) => /* @__PURE__ */ l.createElement(e.tag, u({
-    key: r
-  }, e.attr), p(e.child)));
-}
-function _(t) {
-  return (e) => /* @__PURE__ */ l.createElement(w, c({
-    attr: u({}, t.attr)
-  }, e), p(t.child));
-}
-function w(t) {
-  var e = (r) => {
-    var {
-      attr: n,
-      size: i,
-      title: o
-    } = t, b = v(t, g), f = i || r.size || "1em", a;
-    return r.className && (a = r.className), t.className && (a = (a ? a + " " : "") + t.className), /* @__PURE__ */ l.createElement("svg", c({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, r.attr, n, b, {
-      className: a,
-      style: u(u({
-        color: t.color || r.color
-      }, r.style), t.style),
-      height: f,
-      width: f,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), o && /* @__PURE__ */ l.createElement("title", null, o), t.children);
-  };
-  return s !== void 0 ? /* @__PURE__ */ l.createElement(s.Consumer, null, (r) => e(r)) : e(O);
-}
-export {
-  _ as GenIcon,
-  w as IconBase
-};

package/dist/es/node_modules/.pnpm/react-icons@5.4.0_react@18.3.1/node_modules/react-icons/lib/iconContext.js

@@ -1,12 +0,0 @@
-import e from "react";
-var t = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-}, d = e.createContext && /* @__PURE__ */ e.createContext(t);
-export {
-  t as DefaultContext,
-  d as IconContext
-};