feffery_utils_components 0.2.0-rc23 → 0.2.0-rc25

package/feffery_utils_components/package-info.json

@@ -1,6 +1,6 @@
 {
   "name": "feffery_utils_components",
-  "version": "0.2.0-rc23",
+  "version": "0.2.0-rc25",
   "description": "Build more utility components for Plotly Dash.",
   "repository": {
     "type": "git",
@@ -134,7 +134,7 @@
     "react": "^16.8.6",
     "react-docgen": "^5.4.3",
     "react-dom": "^16.8.6",
-    "sass": "^1.57.1",
+    "sass": "1.77.6",
     "sass-loader": "^10.0.0",
     "style-loader": "^0.23.1",
     "styled-jsx": "^3.4.7",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "feffery_utils_components",
-  "version": "0.2.0-rc23",
+  "version": "0.2.0-rc25",
   "description": "Build more utility components for Plotly Dash.",
   "repository": {
     "type": "git",
@@ -134,7 +134,7 @@
     "react": "^16.8.6",
     "react-docgen": "^5.4.3",
     "react-dom": "^16.8.6",
-    "sass": "^1.57.1",
+    "sass": "1.77.6",
     "sass-loader": "^10.0.0",
     "style-loader": "^0.23.1",
     "styled-jsx": "^3.4.7",

package/setup.py

@@ -1,5 +1,5 @@
+import io
 import json
-import os
 from setuptools import setup
 
 
@@ -11,21 +11,23 @@ package_name = package["name"].replace(" ", "_").replace("-", "_")
 setup(
     name=package_name,
     version=package["version"],
-    author=package['author'],
     author_email=package['email'],
+    homepage='https://github.com/CNFeffery/feffery-utils-components',
+    author=package['author'],
     packages=[package_name],
     include_package_data=True,
     package_data={
-        'feffery_antd_components': ['*']
+        'feffery_utils_components': ['*']
     },
     license=package['license'],
     description=package.get('description', package_name),
+    long_description=io.open("README.md", encoding="utf-8").read(),
+    long_description_content_type="text/markdown",
     install_requires=[
-        'dash>=2.10.2, !=2.16.0'
+        'dash>=2.17.1'
     ],
     classifiers=[
         'Framework :: Dash',
     ],
-    homepage='https://github.com/CNFeffery/feffery-utils-components',
     url='https://github.com/CNFeffery/feffery-utils-components'
 )

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

@@ -183,6 +183,17 @@ FefferyMotion.propTypes = {
      */
     variants: PropTypes.objectOf(PropTypes.object),
 
+    /**
+     * 监听当前组件的`animate`目标动画过程是否已完成
+     */
+    animated: PropTypes.bool,
+
+    /**
+     * 是否在动画完成后销毁当前组件
+     * 默认值：`false`
+     */
+    destroyWhenAnimated: PropTypes.bool,
+
     loading_state: PropTypes.shape({
         /**
          * Determines if the component is loading or not
@@ -207,6 +218,7 @@ FefferyMotion.propTypes = {
 
 // 设置默认参数
 FefferyMotion.defaultProps = {
+    destroyWhenAnimated: false
 }
 
 export default FefferyMotion;

package/src/lib/components/{FefferyEventSource.react.js → communication/FefferyEventSource.react.js}

@@ -16,7 +16,7 @@ const FefferyEventSource = (props) => {
         loading_state
     } = props;
 
-    const { status: _status, data: _data, event: _event, close, open } = useEventSource(
+    const { status: _status, data: _data, event: _event, close, open, error: _error } = useEventSource(
         url,
         events,
         {
@@ -52,6 +52,16 @@ const FefferyEventSource = (props) => {
         }
     }, [operation])
 
+    useEffect(() => {
+        if (_error) {
+            setProps({
+                errorEvent: {
+                    timestamp: Date.now()
+                }
+            })
+        }
+    }, [_error])
+
     return <></>;
 }
 
@@ -120,6 +130,16 @@ FefferyEventSource.propTypes = {
      */
     operation: PropTypes.oneOf(['open', 'close']),
 
+    /**
+     * 监听最新的异常错误事件
+     */
+    errorEvent: PropTypes.shape({
+        /**
+         * 错误事件时间戳
+         */
+        timestamp: PropTypes.number
+    }),
+
     /**
      * Dash-assigned callback that should be called to report property changes
      * to Dash, to make them available for callbacks.

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

@@ -1,7 +1,7 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyFefferyHttpRequests = React.lazy(() => import(/* webpackChunkName: "feffery_http_requests" */ '../fragments/FefferyHttpRequests.react'));
+const LazyFefferyHttpRequests = React.lazy(() => import(/* webpackChunkName: "feffery_http_requests" */ '../../fragments/communication/FefferyHttpRequests.react'));
 
 /**
  * http请求组件FefferyHttpRequests

package/src/lib/components/{FefferyDiv.react.js → container/FefferyDiv.react.js}

@@ -1,10 +1,12 @@
+// react核心
 import React, { useEffect, useRef } from 'react';
-import useCss from '../hooks/useCss'
-import { isString, isNull } from 'lodash';
 import PropTypes from 'prop-types';
+// 辅助库
+import { isString, isNull, isEqual } from 'lodash';
 import { useElementBounding, useFocus } from '@reactuses/core';
 import { useSize, useRequest, useHover, useClickAway } from 'ahooks';
-import './styles.css'
+// 自定义hooks
+import useCss from '../../hooks/useCss'
 
 // 定义兼容虚拟className的阴影效果、滚动条样式字典
 const shadowVirtualClassName = new Map(
@@ -79,13 +81,13 @@ const scrollbarVirtualClassName = new Map(
  * 进阶div容器组件FefferyDiv
  */
 const FefferyDiv = (props) => {
-    // 取得必要属性或参数
     let {
         id,
         key,
         children,
         style,
         className,
+        enableEvents,
         mouseEnterCount,
         mouseLeaveCount,
         nClicks,
@@ -111,10 +113,10 @@ const FefferyDiv = (props) => {
     } = props;
 
     const ref = useRef(null);
-    const size = useSize(ref);
-    const _bounding = useElementBounding(ref);
-    const _isHovering = useHover(ref);
-    const [_focus, setFocus] = useFocus(ref)
+    const size = useSize(enableEvents?.includes('size') ? ref : null);
+    const _bounding = useElementBounding(enableEvents?.includes('position') ? ref : null);
+    const _isHovering = useHover(enableEvents?.includes('hover') ? ref : null);
+    const [_focus, setFocus] = useFocus(enableEvents?.includes('focus') ? ref : null);
 
     useEffect(() => {
         setProps({
@@ -188,7 +190,7 @@ const FefferyDiv = (props) => {
     }, [_isHovering])
 
     // 监听元素外点击事件
-    if (enableClickAway) {
+    if (enableClickAway || enableEvents?.includes('clickaway')) {
         useClickAway(() => {
             setProps({ clickAwayCount: clickAwayCount + 1 })
         }, ref);
@@ -282,53 +284,81 @@ const FefferyDiv = (props) => {
                 (className ? useCss(className) : undefined)
         }
         ref={ref}
-        onClick={(e) => {
-            setProps({
-                nClicks: nClicks + 1,
-                clickEvent: {
-                    pageX: e.pageX,
-                    pageY: e.pageY,
-                    clientX: e.clientX,
-                    clientY: e.clientY,
-                    screenX: e.screenX,
-                    screenY: e.screenY,
-                    timestamp: Date.now()
-                }
-            })
-        }}
-        onDoubleClick={(e) => {
-            setProps({
-                nDoubleClicks: nDoubleClicks + 1,
-                doubleClickEvent: {
-                    pageX: e.pageX,
-                    pageY: e.pageY,
-                    clientX: e.clientX,
-                    clientY: e.clientY,
-                    screenX: e.screenX,
-                    screenY: e.screenY,
-                    timestamp: Date.now()
-                }
-            })
-        }}
-        onContextMenu={(e) => {
-            if (enableListenContextMenu) {
-                e.preventDefault()
-                setProps({
-                    contextMenuEvent: {
-                        pageX: e.pageX,
-                        pageY: e.pageY,
-                        clientX: e.clientX,
-                        clientY: e.clientY,
-                        screenX: e.screenX,
-                        screenY: e.screenY,
-                        timestamp: Date.now()
-                    }
-                })
-            }
-        }}
-        onMouseEnter={() => setProps({ mouseEnterCount: mouseEnterCount + 1 })}
-        onMouseLeave={() => setProps({ mouseLeaveCount: mouseLeaveCount + 1 })}
-        tabIndex={enableFocus ? 0 : undefined}
+        onClick={
+            enableEvents?.includes('click') ?
+                (e) => {
+                    setProps({
+                        nClicks: nClicks + 1,
+                        clickEvent: {
+                            pageX: e.pageX,
+                            pageY: e.pageY,
+                            clientX: e.clientX,
+                            clientY: e.clientY,
+                            screenX: e.screenX,
+                            screenY: e.screenY,
+                            timestamp: Date.now()
+                        }
+                    })
+                } :
+                undefined
+        }
+        onDoubleClick={
+            enableEvents?.includes('dbclick') ?
+                (e) => {
+                    setProps({
+                        nDoubleClicks: nDoubleClicks + 1,
+                        doubleClickEvent: {
+                            pageX: e.pageX,
+                            pageY: e.pageY,
+                            clientX: e.clientX,
+                            clientY: e.clientY,
+                            screenX: e.screenX,
+                            screenY: e.screenY,
+                            timestamp: Date.now()
+                        }
+                    })
+                } :
+                undefined
+        }
+        onContextMenu={
+            enableListenContextMenu || enableEvents?.includes('contextmenu') ?
+                (e) => {
+                    e.preventDefault()
+                    setProps({
+                        contextMenuEvent: {
+                            pageX: e.pageX,
+                            pageY: e.pageY,
+                            clientX: e.clientX,
+                            clientY: e.clientY,
+                            screenX: e.screenX,
+                            screenY: e.screenY,
+                            timestamp: Date.now()
+                        }
+                    })
+                } :
+                undefined
+        }
+        onMouseEnter={
+            enableEvents?.includes('mouseenter') ?
+                () => setProps({ mouseEnterCount: mouseEnterCount + 1 }) :
+                undefined
+        }
+        onMouseLeave={
+            enableEvents?.includes('mouseleave') ?
+                () => setProps({ mouseLeaveCount: mouseLeaveCount + 1 }) :
+                undefined
+        }
+        onTouchStart={
+            enableEvents?.includes('touch') ?
+                () => setProps({ isTouching: true }) :
+                undefined
+        }
+        onTouchEnd={
+            enableEvents?.includes('touch') ?
+                () => setProps({ isTouching: false }) :
+                undefined
+        }
+        tabIndex={enableFocus || enableEvents?.includes('focus') ? 0 : undefined}
         data-dash-is-loading={
             (loading_state && loading_state.is_loading) || undefined
         } >
@@ -366,6 +396,29 @@ FefferyDiv.propTypes = {
         PropTypes.object
     ]),
 
+    /**
+     * 控制要开启的事件监听类型数组，可选项有`'click'`（单击事件）、`'dbclick'`（双击事件）、`'size'`（尺寸变化事件）、
+     * `'mouseenter'`（鼠标移入事件），`'mouseleave'`（鼠标移出事件）、`'contextmenu'`（鼠标右键点击事件）、
+     * `'hover'`（鼠标悬停事件）、`'touch'`（移动端触碰事件）、`'clickaway'`（元素外点击事件）、`'position'`（左上角坐标位置变化事件）、
+     * `'focus'`（聚焦状态切换事件）
+     * 默认值：`['click', 'dbclick']`
+     */
+    enableEvents: PropTypes.arrayOf(
+        PropTypes.oneOf([
+            'click',
+            'dbclick',
+            'size',
+            'mouseenter',
+            'mouseleave',
+            'contextmenu',
+            'hover',
+            'touch',
+            'clickaway',
+            'position',
+            'focus'
+        ])
+    ),
+
     /**
      * 监听容器像素宽度变化
      */
@@ -514,6 +567,11 @@ FefferyDiv.propTypes = {
      */
     isHovering: PropTypes.bool,
 
+    /**
+     * 针对移动端场景，监听当前元素是否触碰中
+     */
+    isTouching: PropTypes.bool,
+
     /**
      * 设置是否启用元素外点击事件监听，当页面中有大量FefferyDiv元素时，建议不要开启此特性，会导致明显的性能问题
      * 默认为false
@@ -644,6 +702,7 @@ FefferyDiv.propTypes = {
 
 // 设置默认参数
 FefferyDiv.defaultProps = {
+    enableEvents: ['click', 'dbclick'],
     mouseEnterCount: 0,
     mouseLeaveCount: 0,
     nClicks: 0,

package/src/lib/components/{FefferyHighlightWords.react.js → container/FefferyHighlightWords.react.js}

@@ -1,6 +1,5 @@
 import Highlighter from "react-highlight-words";
 import PropTypes from 'prop-types';
-import './styles.css';
 
 // 定义关键词高亮组件FefferyHighlightWords，文档参考：https://github.com/bvaughn/react-highlight-words#readme
 const FefferyHighlightWords = (props) => {

package/src/lib/components/{FefferyPortal.react.js → container/FefferyPortal.react.js}

@@ -1,4 +1,3 @@
-import { useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
 

package/src/lib/components/{FefferySticky.react.js → container/FefferySticky.react.js}

@@ -31,7 +31,6 @@ const FefferySticky = (props) => {
     </ Sticky>;
 }
 
-
 // 定义参数或属性
 FefferySticky.propTypes = {
     /**

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

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

package/src/lib/components/{FefferyQRCode.react.js → dataDisplay/FefferyQRCode.react.js}

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import React from 'react';
 import { QRCodeSVG, QRCodeCanvas } from 'qrcode.react';
 import PropTypes from 'prop-types';
 

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

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

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

@@ -1,7 +1,7 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyFefferyEmojiPicker = React.lazy(() => import(/* webpackChunkName: "feffery_emoji_picker" */ '../fragments/FefferyEmojiPicker.react'));
+const LazyFefferyEmojiPicker = React.lazy(() => import(/* webpackChunkName: "feffery_emoji_picker" */ '../../fragments/dataInput/FefferyEmojiPicker.react'));
 
 const FefferyEmojiPicker = (props) => {
     return (
@@ -85,7 +85,7 @@ FefferyEmojiPicker.propTypes = {
     /**
      * 设置是否显示搜索框，默认为true
      */
-    customCategoryIcons : PropTypes.shape({
+    customCategoryIcons: PropTypes.shape({
         /**
          * 自定义emoji分组的图标
          */
@@ -338,7 +338,7 @@ FefferyEmojiPicker.defaultProps = {
     navPosition: 'top',
     noResultsEmoji: 'cry',
     previewPosition: 'bottom',
-    searchPosition:'sticky',
+    searchPosition: 'sticky',
     set: 'native',
     skin: 1,
     skinTonePosition: 'preview',

package/src/lib/components/{FefferyImagePaste.react.js → dataInput/FefferyImagePaste.react.js}

@@ -1,6 +1,6 @@
 import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
-import { Gluejar } from '../utils/gluejar'
+import { Gluejar } from '../../utils/gluejar/dist'
 
 const urlToBase64 = (url) => {
     return new Promise((resolve, reject) => {

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

@@ -1,7 +1,7 @@
 import React, { Suspense } from "react";
 import PropTypes from 'prop-types';
 
-const LazyFefferySortable = React.lazy(() => import(/* webpackChunkName: "feffery_sortable" */ '../../fragments/sortable/FefferySortable.react'));
+const LazyFefferySortable = React.lazy(() => import(/* webpackChunkName: "feffery_sortable" */ '../../fragments/draggable/FefferySortable.react'));
 
 const FefferySortable = (props) => {
     return (

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

@@ -1,7 +1,7 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyFefferyExcelPreview = React.lazy(() => import(/* webpackChunkName: "feffery_excel_preview" */ '../../fragments/officePreview/FefferyExcelPreview.react'));
+const LazyFefferyExcelPreview = React.lazy(() => import(/* webpackChunkName: "feffery_excel_preview" */ '../../fragments/filePreview/FefferyExcelPreview.react'));
 
 const FefferyExcelPreview = (props) => {
     return (

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

@@ -1,7 +1,7 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyFefferyWordPreview = React.lazy(() => import(/* webpackChunkName: "feffery_word_preview" */ '../../fragments/officePreview/FefferyWordPreview.react'));
+const LazyFefferyWordPreview = React.lazy(() => import(/* webpackChunkName: "feffery_word_preview" */ '../../fragments/filePreview/FefferyWordPreview.react'));
 
 const FefferyWordPreview = (props) => {
     return (

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

@@ -1,7 +1,7 @@
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 
-const LazyFefferyBurger = React.lazy(() => import(/* webpackChunkName: "feffery_burger" */ '../fragments/FefferyBurger.react'));
+const LazyFefferyBurger = React.lazy(() => import(/* webpackChunkName: "feffery_burger" */ '../../fragments/general/FefferyBurger.react'));
 
 /**
  * 动态菜单图标组件FefferyBurger

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

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

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

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

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

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

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

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

package/src/lib/components/listeners/FefferyNetwork.react.js

@@ -0,0 +1,112 @@
+import { useEffect } from 'react';
+import { useNetwork } from 'ahooks';
+import PropTypes from 'prop-types';
+
+/**
+ * 网络状态信息监听组件FefferyNetwork
+ */
+const FefferyNetwork = (props) => {
+    const {
+        id,
+        key,
+        online,
+        since,
+        rtt,
+        type,
+        downlink,
+        downlinkMax,
+        saveData,
+        effectiveType,
+        setProps,
+        loading_state
+    } = props;
+
+    const networkState = useNetwork();
+
+    useEffect(() => {
+        setProps({
+            ...JSON.parse(JSON.stringify(networkState))
+        });
+    }, [networkState]);
+
+    return <></>;
+}
+
+FefferyNetwork.propTypes = {
+    /**
+     * 组件id
+     */
+    id: PropTypes.string,
+
+    /**
+     * 强制刷新用key值
+     */
+    key: PropTypes.string,
+
+    /**
+     * 网络是否为在线
+     */
+    online: PropTypes.bool,
+
+    /**
+     * `online`最后改变时间
+     */
+    since: PropTypes.string,
+
+    /**
+     * 当前连接下评估的往返时延
+     */
+    rtt: PropTypes.number,
+
+    /**
+     * 设备使用与所述网络进行通信的连接的类型，可选项有'bluetooth'、'cellular'、'ethernet'、'none'、'wifi'、'wimax'、'other'、'unknown'
+     */
+    type: PropTypes.oneOf(['bluetooth', 'cellular', 'ethernet', 'none', 'wifi', 'wimax', 'other', 'unknown']),
+
+    /**
+     * 有效带宽估算（单位：兆比特/秒）
+     */
+    downlink: PropTypes.number,
+
+    /**
+     * 最大下行速度（单位：兆比特/秒）
+     */
+    downlinkMax: PropTypes.number,
+
+    /**
+     * 用户代理是否设置了减少数据使用的选项
+     */
+    saveData: PropTypes.bool,
+
+    /**
+     * 网络连接的类型，可选的值有'slow-2g'、'2g'、'3g'、'4g'
+     */
+    effectiveType: PropTypes.oneOf(['slow-2g', '2g', '3g', '4g']),
+
+    /**
+     * Dash-assigned callback that should be called to report property changes
+     * to Dash, to make them available for callbacks.
+     */
+    setProps: PropTypes.func,
+
+    loading_state: PropTypes.shape({
+        /**
+         * Determines if the component is loading or not
+         */
+        is_loading: PropTypes.bool,
+        /**
+         * Holds which property is loading
+         */
+        prop_name: PropTypes.string,
+        /**
+         * Holds the name of the component that is loading
+         */
+        component_name: PropTypes.string
+    })
+};
+
+// 设置默认参数
+FefferyNetwork.defaultProps = {
+}
+
+export default FefferyNetwork;