@fonixtree/magic-design 0.0.13 → 0.0.16

package/my_node_modules/rc-motion/es/hooks/useStatus.js

@@ -1,232 +0,0 @@
-import _objectSpread2 from '../../../@babel/runtime/helpers/esm/objectSpread2.js';
-import _defineProperty from '../../../@babel/runtime/helpers/esm/defineProperty.js';
-import _slicedToArray from '../../../@babel/runtime/helpers/esm/slicedToArray.js';
-import * as React from 'react';
-import { useRef, useEffect } from 'react';
-import useSafeState from '../../../rc-util/es/hooks/useState.js';
-import { STATUS_NONE, STATUS_LEAVE, STEP_PREPARE, STEP_START, STEP_ACTIVE, STATUS_ENTER, STATUS_APPEAR } from '../interface.js';
-import useStepQueue, { SkipStep, DoStep, isActive } from './useStepQueue.js';
-import useDomMotionEvents from './useDomMotionEvents.js';
-import useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect.js';
-
-function useStatus(supportMotion, visible, getElement, _ref) {
-  var _ref$motionEnter = _ref.motionEnter,
-      motionEnter = _ref$motionEnter === void 0 ? true : _ref$motionEnter,
-      _ref$motionAppear = _ref.motionAppear,
-      motionAppear = _ref$motionAppear === void 0 ? true : _ref$motionAppear,
-      _ref$motionLeave = _ref.motionLeave,
-      motionLeave = _ref$motionLeave === void 0 ? true : _ref$motionLeave,
-      motionDeadline = _ref.motionDeadline,
-      motionLeaveImmediately = _ref.motionLeaveImmediately,
-      onAppearPrepare = _ref.onAppearPrepare,
-      onEnterPrepare = _ref.onEnterPrepare,
-      onLeavePrepare = _ref.onLeavePrepare,
-      onAppearStart = _ref.onAppearStart,
-      onEnterStart = _ref.onEnterStart,
-      onLeaveStart = _ref.onLeaveStart,
-      onAppearActive = _ref.onAppearActive,
-      onEnterActive = _ref.onEnterActive,
-      onLeaveActive = _ref.onLeaveActive,
-      onAppearEnd = _ref.onAppearEnd,
-      onEnterEnd = _ref.onEnterEnd,
-      onLeaveEnd = _ref.onLeaveEnd,
-      onVisibleChanged = _ref.onVisibleChanged;
-
-  // Used for outer render usage to avoid `visible: false & status: none` to render nothing
-  var _useState = useSafeState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      asyncVisible = _useState2[0],
-      setAsyncVisible = _useState2[1];
-
-  var _useState3 = useSafeState(STATUS_NONE),
-      _useState4 = _slicedToArray(_useState3, 2),
-      status = _useState4[0],
-      setStatus = _useState4[1];
-
-  var _useState5 = useSafeState(null),
-      _useState6 = _slicedToArray(_useState5, 2),
-      style = _useState6[0],
-      setStyle = _useState6[1];
-
-  var mountedRef = useRef(false);
-  var deadlineRef = useRef(null); // =========================== Dom Node ===========================
-
-  function getDomElement() {
-    return getElement();
-  } // ========================== Motion End ==========================
-
-
-  var activeRef = useRef(false);
-
-  function onInternalMotionEnd(event) {
-    var element = getDomElement();
-
-    if (event && !event.deadline && event.target !== element) {
-      // event exists
-      // not initiated by deadline
-      // transitionEnd not fired by inner elements
-      return;
-    }
-
-    var currentActive = activeRef.current;
-    var canEnd;
-
-    if (status === STATUS_APPEAR && currentActive) {
-      canEnd = onAppearEnd === null || onAppearEnd === void 0 ? void 0 : onAppearEnd(element, event);
-    } else if (status === STATUS_ENTER && currentActive) {
-      canEnd = onEnterEnd === null || onEnterEnd === void 0 ? void 0 : onEnterEnd(element, event);
-    } else if (status === STATUS_LEAVE && currentActive) {
-      canEnd = onLeaveEnd === null || onLeaveEnd === void 0 ? void 0 : onLeaveEnd(element, event);
-    } // Only update status when `canEnd` and not destroyed
-
-
-    if (status !== STATUS_NONE && currentActive && canEnd !== false) {
-      setStatus(STATUS_NONE, true);
-      setStyle(null, true);
-    }
-  }
-
-  var _useDomMotionEvents = useDomMotionEvents(onInternalMotionEnd),
-      _useDomMotionEvents2 = _slicedToArray(_useDomMotionEvents, 1),
-      patchMotionEvents = _useDomMotionEvents2[0]; // ============================= Step =============================
-
-
-  var eventHandlers = React.useMemo(function () {
-    var _ref2, _ref3, _ref4;
-
-    switch (status) {
-      case STATUS_APPEAR:
-        return _ref2 = {}, _defineProperty(_ref2, STEP_PREPARE, onAppearPrepare), _defineProperty(_ref2, STEP_START, onAppearStart), _defineProperty(_ref2, STEP_ACTIVE, onAppearActive), _ref2;
-
-      case STATUS_ENTER:
-        return _ref3 = {}, _defineProperty(_ref3, STEP_PREPARE, onEnterPrepare), _defineProperty(_ref3, STEP_START, onEnterStart), _defineProperty(_ref3, STEP_ACTIVE, onEnterActive), _ref3;
-
-      case STATUS_LEAVE:
-        return _ref4 = {}, _defineProperty(_ref4, STEP_PREPARE, onLeavePrepare), _defineProperty(_ref4, STEP_START, onLeaveStart), _defineProperty(_ref4, STEP_ACTIVE, onLeaveActive), _ref4;
-
-      default:
-        return {};
-    }
-  }, [status]);
-
-  var _useStepQueue = useStepQueue(status, function (newStep) {
-    // Only prepare step can be skip
-    if (newStep === STEP_PREPARE) {
-      var onPrepare = eventHandlers[STEP_PREPARE];
-
-      if (!onPrepare) {
-        return SkipStep;
-      }
-
-      return onPrepare(getDomElement());
-    } // Rest step is sync update
-
-
-    // Rest step is sync update
-    if (step in eventHandlers) {
-      var _eventHandlers$step;
-
-      setStyle(((_eventHandlers$step = eventHandlers[step]) === null || _eventHandlers$step === void 0 ? void 0 : _eventHandlers$step.call(eventHandlers, getDomElement(), null)) || null);
-    }
-
-    if (step === STEP_ACTIVE) {
-      // Patch events when motion needed
-      patchMotionEvents(getDomElement());
-
-      if (motionDeadline > 0) {
-        clearTimeout(deadlineRef.current);
-        deadlineRef.current = setTimeout(function () {
-          onInternalMotionEnd({
-            deadline: true
-          });
-        }, motionDeadline);
-      }
-    }
-
-    return DoStep;
-  }),
-      _useStepQueue2 = _slicedToArray(_useStepQueue, 2),
-      startStep = _useStepQueue2[0],
-      step = _useStepQueue2[1];
-
-  var active = isActive(step);
-  activeRef.current = active; // ============================ Status ============================
-  // Update with new status
-
-  useIsomorphicLayoutEffect(function () {
-    setAsyncVisible(visible);
-    var isMounted = mountedRef.current;
-    mountedRef.current = true;
-
-    if (!supportMotion) {
-      return;
-    }
-
-    var nextStatus; // Appear
-
-    if (!isMounted && visible && motionAppear) {
-      nextStatus = STATUS_APPEAR;
-    } // Enter
-
-
-    if (isMounted && visible && motionEnter) {
-      nextStatus = STATUS_ENTER;
-    } // Leave
-
-
-    if (isMounted && !visible && motionLeave || !isMounted && motionLeaveImmediately && !visible && motionLeave) {
-      nextStatus = STATUS_LEAVE;
-    } // Update to next status
-
-
-    if (nextStatus) {
-      setStatus(nextStatus);
-      startStep();
-    }
-  }, [visible]); // ============================ Effect ============================
-  // Reset when motion changed
-
-  useEffect(function () {
-    if ( // Cancel appear
-    status === STATUS_APPEAR && !motionAppear || // Cancel enter
-    status === STATUS_ENTER && !motionEnter || // Cancel leave
-    status === STATUS_LEAVE && !motionLeave) {
-      setStatus(STATUS_NONE);
-    }
-  }, [motionAppear, motionEnter, motionLeave]);
-  useEffect(function () {
-    return function () {
-      mountedRef.current = false;
-      clearTimeout(deadlineRef.current);
-    };
-  }, []); // Trigger `onVisibleChanged`
-
-  var firstMountChangeRef = React.useRef(false);
-  useEffect(function () {
-    // [visible & motion not end] => [!visible & motion end] still need trigger onVisibleChanged
-    if (asyncVisible) {
-      firstMountChangeRef.current = true;
-    }
-
-    if (asyncVisible !== undefined && status === STATUS_NONE) {
-      // Skip first render is invisible since it's nothing changed
-      if (firstMountChangeRef.current || asyncVisible) {
-        onVisibleChanged === null || onVisibleChanged === void 0 ? void 0 : onVisibleChanged(asyncVisible);
-      }
-
-      firstMountChangeRef.current = true;
-    }
-  }, [asyncVisible, status]); // ============================ Styles ============================
-
-  var mergedStyle = style;
-
-  if (eventHandlers[STEP_PREPARE] && step === STEP_START) {
-    mergedStyle = _objectSpread2({
-      transition: 'none'
-    }, mergedStyle);
-  }
-
-  return [status, step, mergedStyle, asyncVisible !== null && asyncVisible !== void 0 ? asyncVisible : visible];
-}
-
-export { useStatus as default };

package/my_node_modules/rc-motion/es/hooks/useStepQueue.js

@@ -1,69 +0,0 @@
-import _slicedToArray from '../../../@babel/runtime/helpers/esm/slicedToArray.js';
-import * as React from 'react';
-import useSafeState from '../../../rc-util/es/hooks/useState.js';
-import { STEP_NONE, STEP_ACTIVATED, STEP_PREPARE, STEP_START, STEP_ACTIVE } from '../interface.js';
-import useNextFrame from './useNextFrame.js';
-import useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect.js';
-
-var STEP_QUEUE = [STEP_PREPARE, STEP_START, STEP_ACTIVE, STEP_ACTIVATED];
-/** Skip current step */
-
-var SkipStep = false;
-/** Current step should be update in */
-
-var DoStep = true;
-function isActive(step) {
-  return step === STEP_ACTIVE || step === STEP_ACTIVATED;
-}
-var useStepQueue = (function (status, callback) {
-  var _useState = useSafeState(STEP_NONE),
-      _useState2 = _slicedToArray(_useState, 2),
-      step = _useState2[0],
-      setStep = _useState2[1];
-
-  var _useNextFrame = useNextFrame(),
-      _useNextFrame2 = _slicedToArray(_useNextFrame, 2),
-      nextFrame = _useNextFrame2[0],
-      cancelNextFrame = _useNextFrame2[1];
-
-  function startQueue() {
-    setStep(STEP_PREPARE, true);
-  }
-
-  useIsomorphicLayoutEffect(function () {
-    if (step !== STEP_NONE && step !== STEP_ACTIVATED) {
-      var index = STEP_QUEUE.indexOf(step);
-      var nextStep = STEP_QUEUE[index + 1];
-      var result = callback(step);
-
-      if (result === SkipStep) {
-        // Skip when no needed
-        setStep(nextStep, true);
-      } else {
-        // Do as frame for step update
-        nextFrame(function (info) {
-          function doNext() {
-            // Skip since current queue is ood
-            if (info.isCanceled()) return;
-            setStep(nextStep, true);
-          }
-
-          if (result === true) {
-            doNext();
-          } else {
-            // Only promise should be async
-            Promise.resolve(result).then(doNext);
-          }
-        });
-      }
-    }
-  }, [status, step]);
-  React.useEffect(function () {
-    return function () {
-      cancelNextFrame();
-    };
-  }, []);
-  return [startQueue, step];
-});
-
-export { DoStep, SkipStep, useStepQueue as default, isActive };

package/my_node_modules/rc-motion/es/index.js

@@ -1,4 +0,0 @@
-import CSSMotion from './CSSMotion.js';
-export { default } from './CSSMotion.js';
-import 'react';
-import './util/motion.js';

package/my_node_modules/rc-motion/es/interface.js

@@ -1,11 +0,0 @@
-var STATUS_NONE = 'none';
-var STATUS_APPEAR = 'appear';
-var STATUS_ENTER = 'enter';
-var STATUS_LEAVE = 'leave';
-var STEP_NONE = 'none';
-var STEP_PREPARE = 'prepare';
-var STEP_START = 'start';
-var STEP_ACTIVE = 'active';
-var STEP_ACTIVATED = 'end';
-
-export { STATUS_APPEAR, STATUS_ENTER, STATUS_LEAVE, STATUS_NONE, STEP_ACTIVATED, STEP_ACTIVE, STEP_NONE, STEP_PREPARE, STEP_START };

package/my_node_modules/rc-motion/es/util/motion.js

@@ -1,85 +0,0 @@
-import _typeof from '../../../@babel/runtime/helpers/esm/typeof.js';
-import canUseDom from '../../../rc-util/es/Dom/canUseDom.js';
-
-// Event wrapper. Copy from react source code
-
-function makePrefixMap(styleProp, eventName) {
-  var prefixes = {};
-  prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
-  prefixes["Webkit".concat(styleProp)] = "webkit".concat(eventName);
-  prefixes["Moz".concat(styleProp)] = "moz".concat(eventName);
-  prefixes["ms".concat(styleProp)] = "MS".concat(eventName);
-  prefixes["O".concat(styleProp)] = "o".concat(eventName.toLowerCase());
-  return prefixes;
-}
-
-function getVendorPrefixes(domSupport, win) {
-  var prefixes = {
-    animationend: makePrefixMap('Animation', 'AnimationEnd'),
-    transitionend: makePrefixMap('Transition', 'TransitionEnd')
-  };
-
-  if (domSupport) {
-    if (!('AnimationEvent' in win)) {
-      delete prefixes.animationend.animation;
-    }
-
-    if (!('TransitionEvent' in win)) {
-      delete prefixes.transitionend.transition;
-    }
-  }
-
-  return prefixes;
-}
-var vendorPrefixes = getVendorPrefixes(canUseDom(), typeof window !== 'undefined' ? window : {});
-var style = {};
-
-if (canUseDom()) {
-  var _document$createEleme = document.createElement('div');
-
-  style = _document$createEleme.style;
-}
-
-var prefixedEventNames = {};
-function getVendorPrefixedEventName(eventName) {
-  if (prefixedEventNames[eventName]) {
-    return prefixedEventNames[eventName];
-  }
-
-  var prefixMap = vendorPrefixes[eventName];
-
-  if (prefixMap) {
-    var stylePropList = Object.keys(prefixMap);
-    var len = stylePropList.length;
-
-    for (var i = 0; i < len; i += 1) {
-      var styleProp = stylePropList[i];
-
-      if (Object.prototype.hasOwnProperty.call(prefixMap, styleProp) && styleProp in style) {
-        prefixedEventNames[eventName] = prefixMap[styleProp];
-        return prefixedEventNames[eventName];
-      }
-    }
-  }
-
-  return '';
-}
-var internalAnimationEndName = getVendorPrefixedEventName('animationend');
-var internalTransitionEndName = getVendorPrefixedEventName('transitionend');
-var supportTransition = !!(internalAnimationEndName && internalTransitionEndName);
-var animationEndName = internalAnimationEndName || 'animationend';
-var transitionEndName = internalTransitionEndName || 'transitionend';
-function getTransitionName(transitionName, transitionType) {
-  if (!transitionName) return null;
-
-  if (_typeof(transitionName) === 'object') {
-    var type = transitionType.replace(/-\w/g, function (match) {
-      return match[1].toUpperCase();
-    });
-    return transitionName[type];
-  }
-
-  return "".concat(transitionName, "-").concat(transitionType);
-}
-
-export { animationEndName, getTransitionName, getVendorPrefixedEventName, getVendorPrefixes, supportTransition, transitionEndName };

package/my_node_modules/rc-util/es/Dom/canUseDom.js

@@ -1,5 +0,0 @@
-function canUseDom() {
-  return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-}
-
-export { canUseDom as default };

package/my_node_modules/rc-util/es/Dom/findDOMNode.js

@@ -1,15 +0,0 @@
-import ReactDOM from 'react-dom';
-
-/**
- * Return if a node is a DOM node. Else will return by `findDOMNode`
- */
-
-function findDOMNode(node) {
-  if (node instanceof HTMLElement) {
-    return node;
-  }
-
-  return ReactDOM.findDOMNode(node);
-}
-
-export { findDOMNode as default };

package/my_node_modules/rc-util/es/hooks/useState.js

@@ -1,36 +0,0 @@
-import _slicedToArray from '../../../@babel/runtime/helpers/esm/slicedToArray.js';
-import * as React from 'react';
-
-/**
- * Same as React.useState but `setState` accept `ignoreDestroy` param to not to setState after destroyed.
- * We do not make this auto is to avoid real memory leak.
- * Developer should confirm it's safe to ignore themselves.
- */
-
-function useSafeState(defaultValue) {
-  var destroyRef = React.useRef(false);
-
-  var _React$useState = React.useState(defaultValue),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      value = _React$useState2[0],
-      setValue = _React$useState2[1];
-
-  React.useEffect(function () {
-    destroyRef.current = false;
-    return function () {
-      destroyRef.current = true;
-    };
-  }, []);
-
-  function safeSetState(updater, ignoreDestroy) {
-    if (ignoreDestroy && destroyRef.current) {
-      return;
-    }
-
-    setValue(updater);
-  }
-
-  return [value, safeSetState];
-}
-
-export { useSafeState as default };

package/my_node_modules/rc-util/es/raf.js

@@ -1,57 +0,0 @@
-var raf = function raf(callback) {
-  return +setTimeout(callback, 16);
-};
-
-var caf = function caf(num) {
-  return clearTimeout(num);
-};
-
-if (typeof window !== 'undefined' && 'requestAnimationFrame' in window) {
-  raf = function raf(callback) {
-    return window.requestAnimationFrame(callback);
-  };
-
-  caf = function caf(handle) {
-    return window.cancelAnimationFrame(handle);
-  };
-}
-
-var rafUUID = 0;
-var rafIds = new Map();
-
-function cleanup(id) {
-  rafIds.delete(id);
-}
-
-function wrapperRaf(callback) {
-  var times = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-  rafUUID += 1;
-  var id = rafUUID;
-
-  function callRef(leftTimes) {
-    if (leftTimes === 0) {
-      // Clean up
-      cleanup(id); // Trigger
-
-      callback();
-    } else {
-      // Next raf
-      var realId = raf(function () {
-        callRef(leftTimes - 1);
-      }); // Bind real raf id
-
-      rafIds.set(id, realId);
-    }
-  }
-
-  callRef(times);
-  return id;
-}
-
-wrapperRaf.cancel = function (id) {
-  var realId = rafIds.get(id);
-  cleanup(realId);
-  return caf(realId);
-};
-
-export { wrapperRaf as default };

package/my_node_modules/rc-util/es/ref.js

@@ -1,30 +0,0 @@
-import _typeof from '../../@babel/runtime/helpers/esm/typeof.js';
-import reactIsExports from '../../../_virtual/index5.js';
-import 'react';
-
-function fillRef(ref, node) {
-  if (typeof ref === 'function') {
-    ref(node);
-  } else if (_typeof(ref) === 'object' && ref && 'current' in ref) {
-    ref.current = node;
-  }
-}
-function supportRef(nodeOrComponent) {
-  var _type$prototype, _nodeOrComponent$prot;
-
-  var type = reactIsExports.isMemo(nodeOrComponent) ? nodeOrComponent.type.type : nodeOrComponent.type; // Function component node
-
-  if (typeof type === 'function' && !((_type$prototype = type.prototype) === null || _type$prototype === void 0 ? void 0 : _type$prototype.render)) {
-    return false;
-  } // Class component
-
-
-  if (typeof nodeOrComponent === 'function' && !((_nodeOrComponent$prot = nodeOrComponent.prototype) === null || _nodeOrComponent$prot === void 0 ? void 0 : _nodeOrComponent$prot.render)) {
-    return false;
-  }
-
-  return true;
-}
-/* eslint-enable */
-
-export { fillRef, supportRef };

package/my_node_modules/rc-util/lib/Children/toArray.js

@@ -1,39 +0,0 @@
-import { __exports as toArray$1 } from '../../../../_virtual/toArray.js';
-import '../../../@babel/runtime/helpers/interopRequireDefault.js';
-import React__default from 'react';
-import { __require as requireReactIs } from '../../../react-is/index.js';
-import { i as interopRequireDefault } from '../../../../_virtual/interopRequireDefault.js';
-
-var _interopRequireDefault = interopRequireDefault.exports;
-
-Object.defineProperty(toArray$1, "__esModule", {
-  value: true
-});
-var _default = toArray$1.default = toArray;
-
-var _react = _interopRequireDefault(React__default);
-
-var _reactIs = requireReactIs();
-
-function toArray(children) {
-  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var ret = [];
-
-  _react.default.Children.forEach(children, function (child) {
-    if ((child === undefined || child === null) && !option.keepEmpty) {
-      return;
-    }
-
-    if (Array.isArray(child)) {
-      ret = ret.concat(toArray(child));
-    } else if ((0, _reactIs.isFragment)(child) && child.props) {
-      ret = ret.concat(toArray(child.props.children, option));
-    } else {
-      ret.push(child);
-    }
-  });
-
-  return ret;
-}
-
-export { _default as default };