feffery_utils_components 0.2.0-rc23 → 0.2.0-rc25

package/src/lib/components/{FefferyExtraSpinner.react.js → loadingAnimations/FefferyExtraSpinner.react.js}

@@ -1,7 +1,7 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyFefferyExtraSpinner = React.lazy(() => import(/* webpackChunkName: "feffery_extra_spinner" */ '../fragments/FefferyExtraSpinner.react'));
+const LazyFefferyExtraSpinner = React.lazy(() => import(/* webpackChunkName: "feffery_extra_spinner" */ '../../fragments/loadingAnimations/FefferyExtraSpinner.react'));
 
 const FefferyExtraSpinner = (props) => {
     return (

package/src/lib/components/{FefferyTopProgress.react.js → loadingAnimations/FefferyTopProgress.react.js}

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import NProgress from 'nprogress';
-import FefferyStyle from './FefferyStyle.react';
+import FefferyStyle from '../styleControl/FefferyStyle.react';
 
 
 const parseChildrenToArray = children => {

package/src/lib/components/{FefferyGuide.react.js → other/FefferyGuide.react.js}

@@ -2,7 +2,6 @@ import React from 'react';
 import Guide from 'byte-guide'
 import PropTypes from 'prop-types';
 import { isString } from 'lodash';
-import './styles.css'
 
 // 定义引导部件FefferyGuide，api参数参考https://github.com/bytedance/guide/blob/main/README.zh-CN.md
 const FefferyGuide = (props) => {
@@ -180,7 +179,7 @@ FefferyGuide.propTypes = {
 
     /**
      * 设置是否展示蒙版层，默认为true
-     */ 
+     */
     mask: PropTypes.bool,
 
     /**

package/src/lib/components/{FefferyShortcutPanel.react.js → other/FefferyShortcutPanel.react.js}

@@ -1,7 +1,7 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyFefferyShortcutPanel = React.lazy(() => import(/* webpackChunkName: "feffery_shortcut_panel" */ '../fragments/FefferyShortcutPanel.react'));
+const LazyFefferyShortcutPanel = React.lazy(() => import(/* webpackChunkName: "feffery_shortcut_panel" */ '../../fragments/other/FefferyShortcutPanel.react'));
 
 const FefferyShortcutPanel = (props) => {
     return (

package/src/lib/components/{FefferyCaptcha.react.js → verification/FefferyCaptcha.react.js}

@@ -1,7 +1,7 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyFefferyCaptcha = React.lazy(() => import(/* webpackChunkName: "feffery_captcha" */ '../fragments/FefferyCaptcha.react'));
+const LazyFefferyCaptcha = React.lazy(() => import(/* webpackChunkName: "feffery_captcha" */ '../../fragments/verification/FefferyCaptcha.react'));
 
 const FefferyCaptcha = (props) => {
     return (

package/src/lib/components/{FefferySliderCaptcha.react.js → verification/FefferySliderCaptcha.react.js}

@@ -1,7 +1,7 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyFefferySliderCaptcha = React.lazy(() => import(/* webpackChunkName: "feffery_slider_captcha" */ '../fragments/FefferySliderCaptcha.react'));
+const LazyFefferySliderCaptcha = React.lazy(() => import(/* webpackChunkName: "feffery_slider_captcha" */ '../../fragments/verification/FefferySliderCaptcha.react'));
 
 const FefferySliderCaptcha = (props) => {
     return (

package/src/lib/fragments/animations/FefferyMotion.react.js

@@ -29,6 +29,8 @@ const FefferyMotion = (props) => {
         whileInView,
         viewport,
         variants,
+        animated,
+        destroyWhenAnimated,
         setProps,
         loading_state
     } = props;
@@ -39,29 +41,34 @@ const FefferyMotion = (props) => {
     }
 
     return (
-        <motion.div
-            id={id}
-            className={
-                isString(className) ?
-                    className :
-                    (className ? useCss(className) : undefined)
-            }
-            style={style}
-            key={key}
-            initial={initial}
-            animate={animate}
-            exit={exit}
-            whileHover={whileHover}
-            whileTap={whileTap}
-            transition={transition}
-            whileInView={whileInView}
-            viewport={viewport}
-            variants={variants}
-            data-dash-is-loading={
-                (loading_state && loading_state.is_loading) || undefined
-            } >
-            {children}
-        </motion.div>
+        destroyWhenAnimated && animated ?
+            null :
+            (
+                <motion.div
+                    id={id}
+                    className={
+                        isString(className) ?
+                            className :
+                            (className ? useCss(className) : undefined)
+                    }
+                    style={style}
+                    key={key}
+                    initial={initial}
+                    animate={animate}
+                    exit={exit}
+                    whileHover={whileHover}
+                    whileTap={whileTap}
+                    transition={transition}
+                    whileInView={whileInView}
+                    viewport={viewport}
+                    variants={variants}
+                    onAnimationComplete={() => setProps({ animated: true })}
+                    data-dash-is-loading={
+                        (loading_state && loading_state.is_loading) || undefined
+                    } >
+                    {children}
+                </motion.div>
+            )
     );
 }
 

package/src/lib/fragments/{FefferyHttpRequests.react.js → communication/FefferyHttpRequests.react.js}

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 import axios from 'axios';
-import { propTypes, defaultProps } from '../components/FefferyHttpRequests.react';
+import { propTypes, defaultProps } from '../../components/communication/FefferyHttpRequests.react';
 
 /**
  * http请求组件FefferyHttpRequests

package/src/lib/fragments/{FefferyJsonViewer.react.js → dataDisplay/FefferyJsonViewer.react.js}

@@ -1,7 +1,7 @@
-import useCss from '../hooks/useCss';
+import useCss from '../../hooks/useCss';
 import { isString } from 'lodash';
-import ReactJson from '../utils/react-json-view'
-import { propTypes, defaultProps } from '../components/FefferyJsonViewer.react';
+import ReactJson from '../../utils/react-json-view/dist/main'
+import { propTypes, defaultProps } from '../../components/dataDisplay/FefferyJsonViewer.react';
 
 // 定义json数据展示组件FefferyJsonViewer，api参考：https://github.com/mac-s-g/react-json-view
 const FefferyJsonViewer = (props) => {

package/src/lib/fragments/{FefferySeamlessScroll.react.js → dataDisplay/FefferySeamlessScroll.react.js}

@@ -1,16 +1,16 @@
 import React, { useState, useMemo, useEffect, useRef } from 'react';
 import copyObj from 'comutils/copyObj';
-import { propTypes, defaultProps } from '../components/FefferySeamlessScroll.react';
+import { propTypes, defaultProps } from '../../components/dataDisplay/FefferySeamlessScroll.react';
 
 require('comutils/animationFrame')();
 
 const useDidUpdateEffect = (fn, inputs) => {
     const didMountRef = useRef(false);
     useEffect(() => {
-      if (didMountRef.current) fn();
-      else didMountRef.current = true;
+        if (didMountRef.current) fn();
+        else didMountRef.current = true;
     }, inputs);
-  };
+};
 
 // 定义无缝滚动组件组件FefferySeamlessScroll
 const FefferySeamlessScroll = (props) => {

package/src/lib/fragments/{FefferyEmojiPicker.react.js → dataInput/FefferyEmojiPicker.react.js}

@@ -3,7 +3,7 @@ import data from '@emoji-mart/data';
 import Picker from '@emoji-mart/react';
 import en from '@emoji-mart/data/i18n/en.json';
 import zh from '@emoji-mart/data/i18n/zh.json';
-import { propTypes, defaultProps } from '../components/FefferyEmojiPicker.react';
+import { propTypes, defaultProps } from '../../components/dataInput/FefferyEmojiPicker.react';
 
 // 定义emoji选择器组件FefferyEmojiPicker，api参数参考https://github.com/missive/emoji-mart#-picker
 const FefferyEmojiPicker = (props) => {

package/src/lib/fragments/draggable/FefferyGrid.react.js

@@ -4,7 +4,7 @@ import { propTypes, defaultProps } from '../../components/draggable/FefferyGrid.
 import { omit } from 'ramda';
 import { isNumber, isEmpty, cloneDeep } from 'lodash';
 import { parseChildrenToArray, resolveChildProps } from '../../components/utils';
-import FefferyStyle from '../../components/FefferyStyle.react';
+import FefferyStyle from '../../components/styleControl/FefferyStyle.react';
 
 const ResponsiveReactGridLayout = WidthProvider(Responsive);
 

package/src/lib/fragments/{sortable → draggable}/FefferySortable.react.js

@@ -1,5 +1,5 @@
 import React, { useEffect } from "react";
-import { propTypes, defaultProps } from '../../components/sortable/FefferySortable.react';
+import { propTypes, defaultProps } from '../../components/draggable/FefferySortable.react';
 import {
     DndContext,
     useSensors,

package/src/lib/fragments/editor/FefferyMarkdownEditor.react.js

@@ -12,7 +12,7 @@ import useCss from '../../hooks/useCss';
 import { isString, isUndefined } from 'lodash';
 import { useRequest } from 'ahooks';
 import { propTypes, defaultProps } from '../../components/editor/FefferyMarkdownEditor.react';
-import FefferyStyle from '../../components/FefferyStyle.react';
+import FefferyStyle from '../../components/styleControl/FefferyStyle.react';
 
 
 if (window.mermaid) {

package/src/lib/fragments/{officePreview → filePreview}/FefferyExcelPreview.react.js

@@ -3,7 +3,7 @@ import { useRef, useEffect } from 'react';
 import '@js-preview/excel/lib/index.css';
 import useCss from '../../hooks/useCss';
 import { isString } from 'lodash';
-import { propTypes, defaultProps } from '../../components/officePreview/FefferyExcelPreview.react';
+import { propTypes, defaultProps } from '../../components/filePreview/FefferyExcelPreview.react';
 
 // 定义excel文件预览组件FefferyExcelPreview
 const FefferyExcelPreview = (props) => {

package/src/lib/fragments/{officePreview → filePreview}/FefferyWordPreview.react.js

@@ -3,7 +3,7 @@ import { useRef, useEffect } from 'react';
 import '@js-preview/docx/lib/index.css';
 import useCss from '../../hooks/useCss';
 import { isString } from 'lodash';
-import { propTypes, defaultProps } from '../../components/officePreview/FefferyWordPreview.react';
+import { propTypes, defaultProps } from '../../components/filePreview/FefferyWordPreview.react';
 
 // 定义word文件预览组件FefferyWordPreview
 const FefferyWordPreview = (props) => {

package/src/lib/fragments/{FefferyBurger.react.js → general/FefferyBurger.react.js}

@@ -13,7 +13,7 @@ import Hamburger, {
     Spin,
     Rotate
 } from 'hamburger-react';
-import { propTypes, defaultProps } from '../components/FefferyBurger.react';
+import { propTypes, defaultProps } from '../../components/general/FefferyBurger.react';
 
 /**
  * 动态菜单图标组件FefferyBurger

package/src/lib/fragments/{FefferyFancyButton.react.js → general/FefferyFancyButton.react.js}

@@ -1,9 +1,9 @@
 import { AwesomeButton } from 'react-awesome-button';
-import useCss from '../hooks/useCss';
+import useCss from '../../hooks/useCss';
 import { isString } from 'lodash';
 import { useRequest } from 'ahooks';
 import AwesomeButtonStyles from 'react-awesome-button/src/styles/styles.scss';
-import { propTypes, defaultProps } from '../components/FefferyFancyButton.react';
+import { propTypes, defaultProps } from '../../components/general/FefferyFancyButton.react';
 
 // 定义美观按钮组件FefferyFancyButton
 const FefferyFancyButton = (props) => {

package/src/lib/fragments/{FefferyAnimatedImage.react.js → images/FefferyAnimatedImage.react.js}

@@ -1,6 +1,6 @@
 import React from 'react';
 import SlAnimatedImage from '@shoelace-style/shoelace/dist/react/animated-image';
-import { propTypes, defaultProps } from '../components/FefferyAnimatedImage.react';
+import { propTypes, defaultProps } from '../../components/images/FefferyAnimatedImage.react';
 
 /**
  * 动图组件FefferyAnimatedImage

package/src/lib/fragments/{FefferyDom2Image.react.js → images/FefferyDom2Image.react.js}

@@ -1,6 +1,6 @@
 import { useAsyncEffect } from 'ahooks';
 import { domToPng } from 'modern-screenshot';
-import { propTypes, defaultProps } from '../components/FefferyDom2Image.react';
+import { propTypes, defaultProps } from '../../components/images/FefferyDom2Image.react';
 
 /**
  * 元素转图片组件FefferyDom2Image

package/src/lib/fragments/{FefferyPhotoSphereViewer.react.js → images/FefferyPhotoSphereViewer.react.js}

@@ -2,7 +2,7 @@ import { ReactPhotoSphereViewer } from 'react-photo-sphere-viewer';
 // 额外插件
 import { AutorotatePlugin } from '@photo-sphere-viewer/autorotate-plugin';
 import { omit } from 'ramda';
-import { propTypes, defaultProps } from '../components/FefferyPhotoSphereViewer.react';
+import { propTypes, defaultProps } from '../../components/images/FefferyPhotoSphereViewer.react';
 
 // 插件名 -> 插件
 const type2plugins = {

package/src/lib/fragments/{FefferyExtraSpinner.react.js → loadingAnimations/FefferyExtraSpinner.react.js}

@@ -34,7 +34,7 @@ import {
     WhisperSpinner,
     MetroSpinner
 } from "react-spinners-kit";
-import { propTypes, defaultProps } from '../components/FefferyExtraSpinner.react';
+import { propTypes, defaultProps } from '../../components/loadingAnimations/FefferyExtraSpinner.react';
 
 
 // 定义额外加载动画组件FefferyExtraSpinner，api参考https://github.com/dmitrymorozoff/react-spinners-kit

package/src/lib/fragments/{FefferyShortcutPanel.react.js → other/FefferyShortcutPanel.react.js}

@@ -1,8 +1,8 @@
 import React, { useRef, useEffect } from 'react';
-import { propTypes, defaultProps } from '../components/FefferyShortcutPanel.react';
+import { propTypes, defaultProps } from '../../components/other/FefferyShortcutPanel.react';
 import { isString } from 'lodash';
 import "ninja-keys";
-import FefferyStyle from '../components/FefferyStyle.react';
+import FefferyStyle from '../../components/styleControl/FefferyStyle.react';
 
 const footerHtmlEn = <div class="modal-footer" slot="footer">
     <span class="help">

package/src/lib/fragments/{FefferyCaptcha.react.js → verification/FefferyCaptcha.react.js}

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useRef } from 'react';
 import Captcha from 'react-captcha-code';
-import { propTypes, defaultProps } from '../components/FefferyCaptcha.react';
+import { propTypes, defaultProps } from '../../components/verification/FefferyCaptcha.react';
 
 // 定义验证码部件FefferyCaptcha，api参数参考https://github.com/WebEngineerLi/react-captcha
 const FefferyCaptcha = (props) => {

package/src/lib/fragments/{FefferySliderCaptcha.react.js → verification/FefferySliderCaptcha.react.js}

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect } from 'react';
 import SliderCaptcha from 'rc-slider-captcha';
 import createPuzzle from 'create-puzzle';
-import { propTypes, defaultProps } from '../components/FefferySliderCaptcha.react';
+import { propTypes, defaultProps } from '../../components/verification/FefferySliderCaptcha.react';
 
 /**
  * 滑块验证码组件FefferySliderCaptcha