@xiping/react-components 0.0.59 → 0.0.61

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"),i=require("../../node_modules/.pnpm/react-icons@5.4.0_react@18.3.1/node_modules/react-icons/io5/index.js"),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;
+"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 z-10",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,6 +1,6 @@
 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 "../../node_modules/.pnpm/react-icons@5.4.0_react@18.3.1/node_modules/react-icons/io5/index.js";
+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;
@@ -17,7 +17,7 @@ const f = (l) => {
           i,
           {
             size: 24,
-            className: "absolute top-2 right-2 text-white",
+            className: "absolute top-2 right-2 text-white z-10",
             onClick: s
           }
         ),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xiping/react-components",
   "private": false,
-  "version": "0.0.59",
+  "version": "0.0.61",
   "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": "14e52525afacb2cac4e9d271a3b2e82e1b78590b"
+  "gitHead": "8cbeb84cbfa04fec747f8ebfd2634d698aa65627"
 }

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
-};