UNPKG

2.55 kBJavaScriptView Raw
1var r=require("react/jsx-runtime"),e=require("react");function t(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var n=t(require("animejs"));function u(){return(u=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r}).apply(this,arguments)}function a(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,n=new Array(e);t<e;t++)n[t]=r[t];return n}function o(r,e){var t;if("undefined"==typeof Symbol||null==r[Symbol.iterator]){if(Array.isArray(r)||(t=function(r,e){if(r){if("string"==typeof r)return a(r,e);var t=Object.prototype.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?a(r,e):void 0}}(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var n=0;return function(){return n>=r.length?{done:!0}:{done:!1,value:r[n++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(t=r[Symbol.iterator]()).next.bind(t)}function c(r){var e=[];return i(r,e),e}function i(r,e){for(var t=0;t<r.length;t++){var n=r[t];Array.isArray(n)?i(n,e):e.push(n)}}Object.defineProperty(exports,"anime",{enumerable:!0,get:function(){return n.default}}),exports.default=function(t){var a=e.useRef([]),i=e.useRef([]),l=e.useRef([]),f=e.useRef(new Set),s=function(){for(var r,e=function(){var e=r.value;e.completed&&(a.current=a.current.filter(function(r){return r!=e}))},t=o(a.current);!(r=t()).done;)e();i.current=i.current.filter(function(r){return null!=r&&null!=r}),l.current=l.current.filter(function(r){return r&&null!=r.current})},d=e.useCallback(function(){!function(r){s(),i.current.length>0&&n.default.remove(i),i.current=[];for(var e,t=o(l.current);!(e=t()).done;){var c=e.value;c.current&&!f.current.has(c.current)&&i.current.push(c.current)}var d=u({},r,{targets:i.current,complete:function(e){r.complete&&r.complete(e),e.animatables.map(function(r){return f.current.add(r.target)}),s()}});delete d.children,a.current.push(n.default(d))}(t)},[t]);e.useEffect(function(){d()},[d]);var p=l.current,m=Array.isArray(t.children)?t.children:[t.children];return m=c(m),r.jsx(e.Fragment,{children:m.map(function(n,u){return p.push(e.createRef()),r.jsx(t.component?t.component:"div",Object.assign({ref:p[p.length-1]},{children:n}),"__anime__"+u)})},void 0)};
2//# sourceMappingURL=react-anime.js.map