feffery_utils_components 0.2.0-rc23 → 0.2.0-rc25

package/src/lib/index.js

@@ -1,120 +1,146 @@
 /* eslint-disable import/prefer-default-export */
-import FefferyCaptcha from "./components/FefferyCaptcha.react";
-import FefferyTopProgress from "./components/FefferyTopProgress.react";
-import FefferyShortcutPanel from "./components/FefferyShortcutPanel.react";
-import FefferyGuide from "./components/FefferyGuide.react";
-import FefferyExecuteJs from "./components/FefferyExecuteJs.react";
-import FefferyScroll from "./components/FefferyScroll.react";
-import FefferyScrollbars from "./components/FefferyScrollbars.react";
-import FefferyExtraSpinner from "./components/FefferyExtraSpinner.react";
-import FefferyLazyLoad from "./components/FefferyLazyLoad.react";
-import FefferyVirtualList from "./components/FefferyVirtualList.react";
-import FefferyInViewport from "./components/listeners/FefferyInViewport.react";
+// 通用
+import FefferyBurger from './components/general/FefferyBurger.react.js';
+import FefferyFancyButton from "./components/general/FefferyFancyButton.react.js";
+// 颜色选择
+import FefferyBlockColorPicker from "./components/colorPickers/FefferyBlockColorPicker.react";
+import FefferyCircleColorPicker from "./components/colorPickers/FefferyCircleColorPicker.react";
+import FefferyEyeDropper from "./components/colorPickers/FefferyEyeDropper.react";
+import FefferyGithubColorPicker from "./components/colorPickers/FefferyGithubColorPicker.react";
 import FefferyHexColorPicker from "./components/colorPickers/FefferyHexColorPicker.react";
 import FefferyRgbColorPicker from "./components/colorPickers/FefferyRgbColorPicker.react";
-import FefferyGithubColorPicker from "./components/colorPickers/FefferyGithubColorPicker.react";
 import FefferyTwitterColorPicker from "./components/colorPickers/FefferyTwitterColorPicker.react";
-import FefferyBlockColorPicker from "./components/colorPickers/FefferyBlockColorPicker.react";
-import FefferyCircleColorPicker from "./components/colorPickers/FefferyCircleColorPicker.react";
 import FefferyWheelColorPicker from "./components/colorPickers/FefferyWheelColorPicker.react";
-import FefferyHighlightWords from "./components/FefferyHighlightWords.react";
-import FefferyDocumentVisibility from "./components/listeners/FefferyDocumentVisibility.react";
-import FefferyExternalCss from "./components/FefferyExternalCss.react";
-import FefferyExternalJs from "./components/FefferyExternalJs.react";
-import FefferySetTitle from "./components/FefferySetTitle.react";
-import FefferyResponsive from "./components/listeners/FefferyResponsive.react";
-import FefferyGeolocation from "./components/listeners/FefferyGeolocation.react";
-import FefferyIdle from "./components/listeners/FefferyIdle.react";
-import FefferyWindowSize from "./components/listeners/FefferyWindowSize.react";
-import FefferyKeyPress from "./components/listeners/FefferyKeyPress.react";
-import FefferyTimeout from "./components/FefferyTimeout.react";
-import FefferyCountDown from "./components/FefferyCountDown.react";
-import FefferyRawHTML from "./components/FefferyRawHTML.react";
-import FefferyFancyNotification from "./components/FefferyFancyNotification";
-import FefferyQRCode from "./components/FefferyQrcode.react";
-import FefferyFancyMessage from "./components/FefferyFancyMessage";
-import FefferyStyle from "./components/FefferyStyle.react";
-import FefferyDiv from "./components/FefferyDiv.react";
-import FefferyReload from "./components/FefferyReload.react";
-import FefferyCssVar from "./components/FefferyCssVar.react";
-import FefferyEyeDropper from "./components/colorPickers/FefferyEyeDropper.react";
-import FefferySticky from "./components/FefferySticky.react";
-import FefferySessionStorage from "./components/store/FefferySessionStorage.react";
-import FefferyWebSocket from "./components/FefferyWebSocket.react";
-import FefferyShadowDom from "./components/FefferyShadowDom.react";
-import FefferyGrid from "./components/draggable/FefferyGrid.react";
-import FefferyGridItem from "./components/draggable/FefferyGridItem.react";
-import FefferyFancyButton from "./components/FefferyFancyButton.react";
-import FefferyJsonViewer from "./components/FefferyJsonViewer.react";
-import FefferyImagePaste from "./components/FefferyImagePaste.react";
-import FefferyFullscreen from "./components/FefferyFullscreen.react";
-import FefferyDeviceDetect from "./components/listeners/FefferyDeviceDetect.react";
-import FefferyMotion from "./components/animations/FefferyMotion.react";
+// 动效
 import FefferyAutoAnimate from "./components/animations/FefferyAutoAnimate.react";
-import FefferyCountUp from "./components/FefferyCountUp.react";
-import FefferyListenUnload from "./components/listeners/FefferyListenUnload.react";
-import FefferyListenScroll from "./components/listeners/FefferyListenScroll.react";
-import FefferyMousePosition from "./components/listeners/FefferyMousePosition.react";
-import FefferyListenPaste from "./components/listeners/FefferyListenPaste.react";
-import FefferyLocation from "./components/listeners/FefferyLocation.react";
-import FefferyCookie from "./components/store/FefferyCookie.react";
-import FefferyResizable from "./components/resizable/FefferyResizable.react";
-import FefferyCompareSlider from "./components/FefferyCompareSlider.react";
-import FefferyLocalStorage from "./components/store/FefferyLocalStorage.react";
-import FefferyTextSelection from "./components/listeners/FefferyTextSelection.react";
-import FefferyLocalLargeStorage from "./components/store/FefferyLocalLargeStorage.react";
-import FefferyLongPress from "./components/listeners/FefferyLongPress.react";
-import FefferyDebounceProp from "./components/store/FefferyDebounceProp.react";
-import FefferyMusicPlayer from "./components/player/FefferyMusicPlayer.react";
-import FefferyAPlayer from "./components/player/FefferyAPlayer.react";
-import FefferyDPlayer from "./components/player/FefferyDPlayer.react";
-import FefferyThrottleProp from "./components/store/FefferyThrottleProp.react";
-import FefferyTabMessenger from "./components/messenger/FefferyTabMessenger.react";
-import FefferyIframeMessenger from "./components/messenger/FefferyIframeMessenger.react";
-import FefferyEmojiPicker from "./components/FefferyEmojiPicker.react";
-import FefferyAutoFit from "./components/resizable/FefferyAutoFit.react";
-import FefferyRichTextEditor from "./components/editor/FefferyRichTextEditor.react";
-import FefferyImageGallery from "./components/images/FefferyImageGallery.react";
-import FefferyMarkdownEditor from "./components/editor/FefferyMarkdownEditor.react";
-import FefferyImageCropper from "./components/images/FefferyImageCropper.react";
-import FefferyPhotoSphereViewer from "./components/FefferyPhotoSphereViewer.react";
-import FefferyExcelPreview from "./components/officePreview/FefferyExcelPreview.react";
-import FefferyWordPreview from "./components/officePreview/FefferyWordPreview.react";
-import FefferySeamlessScroll from "./components/FefferySeamlessScroll.react";
-import FefferyTiltHover from "./components/animations/FefferyTiltHover.react";
 import FefferyBirdsBackground from "./components/animations/FefferyBirdsBackground.react.js";
-import FefferyFogBackground from "./components/animations/FefferyFogBackground.react.js";
-import FefferyWavesBackground from "./components/animations/FefferyWavesBackground.react.js";
+import FefferyCellsBackground from "./components/animations/FefferyCellsBackground.react.js";
 import FefferyCloudsBackground from "./components/animations/FefferyCloudsBackground.react.js";
 import FefferyCloudsTwoBackground from "./components/animations/FefferyCloudsTwoBackground.react.js";
+import FefferyFogBackground from "./components/animations/FefferyFogBackground.react.js";
 import FefferyGlobeBackground from "./components/animations/FefferyGlobeBackground.react.js";
+import FefferyHaloBackground from "./components/animations/FefferyHaloBackground.react.js";
+import FefferyMotion from "./components/animations/FefferyMotion.react";
 import FefferyNetBackground from "./components/animations/FefferyNetBackground.react.js";
-import FefferyCellsBackground from "./components/animations/FefferyCellsBackground.react.js";
 import FefferyRingsBackground from "./components/animations/FefferyRingsBackground.react.js";
-import FefferyHaloBackground from "./components/animations/FefferyHaloBackground.react.js";
-import FefferyTrunkBackground from "./components/animations/FefferyTrunkBackground.react.js";
+import FefferyTiltHover from "./components/animations/FefferyTiltHover.react";
 import FefferyTopologyBackground from "./components/animations/FefferyTopologyBackground.react.js";
-import FefferyDraggable from "./components/draggable/FefferyDraggable.react";
+import FefferyTrunkBackground from "./components/animations/FefferyTrunkBackground.react.js";
+import FefferyWavesBackground from "./components/animations/FefferyWavesBackground.react.js";
+// 加载动画
+import FefferyExtraSpinner from "./components/loadingAnimations/FefferyExtraSpinner.react.js";
+import FefferyTopProgress from "./components/loadingAnimations/FefferyTopProgress.react.js";
+// 容器
+import FefferyDiv from "./components/container/FefferyDiv.react.js";
 import FefferyFixed from "./components/container/FefferyFixed.react";
-import FefferyPageLeave from "./components/listeners/FefferyPageLeave.react";
-import FefferyMediaQuery from "./components/listeners/FefferyMediaQuery.react";
+import FefferyHighlightWords from "./components/container/FefferyHighlightWords.react.js";
+import FefferyPortal from "./components/container/FefferyPortal.react.js";
+import FefferyScrollbars from "./components/container/FefferyScrollbars.react.js";
+import FefferyShadowDom from "./components/container/FefferyShadowDom.react.js";
+import FefferySticky from "./components/container/FefferySticky.react.js";
+// 拖拽交互
+import FefferyDraggable from "./components/draggable/FefferyDraggable.react";
+import FefferyGrid from "./components/draggable/FefferyGrid.react";
+import FefferyGridItem from "./components/draggable/FefferyGridItem.react";
 import FefferyRND from "./components/draggable/FefferyRND.react";
-import FefferySortable from "./components/sortable/FefferySortable.react";
-import FefferyAnimatedImage from "./components/FefferyAnimatedImage.react";
-import FefferyDebugGuardian from "./components/security/FefferyDebugGuardian.react";
-import FefferyDom2Image from "./components/FefferyDom2Image.react";
-import FefferySetFavicon from "./components/FefferySetFavicon.react";
-import FefferySliderCaptcha from "./components/FefferySliderCaptcha.react";
-import FefferyPortal from "./components/FefferyPortal.react";
+import FefferySortable from "./components/draggable/FefferySortable.react.js";
+// 播放器
+import FefferyAPlayer from "./components/player/FefferyAPlayer.react";
+import FefferyDPlayer from "./components/player/FefferyDPlayer.react";
+import FefferyMusicPlayer from "./components/player/FefferyMusicPlayer.react";
+// 编辑器
+import FefferyMarkdownEditor from "./components/editor/FefferyMarkdownEditor.react";
+import FefferyRichTextEditor from "./components/editor/FefferyRichTextEditor.react";
 import FefferyVditor from "./components/editor/FefferyVditor.react.js";
-import FefferyHttpRequests from "./components/FefferyHttpRequests.react.js";
-import FefferyBurger from './components/FefferyBurger.react';
-import FefferyEventSource from "./components/FefferyEventSource.react.js";
+// 图片
+import FefferyAnimatedImage from "./components/images/FefferyAnimatedImage.react.js";
+import FefferyDom2Image from "./components/images/FefferyDom2Image.react.js";
+import FefferyImageCropper from "./components/images/FefferyImageCropper.react";
+import FefferyImageGallery from "./components/images/FefferyImageGallery.react";
+import FefferyPhotoSphereViewer from "./components/images/FefferyPhotoSphereViewer.react.js";
+// 数据录入
+import FefferyEmojiPicker from "./components/dataInput/FefferyEmojiPicker.react.js";
+import FefferyImagePaste from "./components/dataInput/FefferyImagePaste.react.js";
+// 事件监听
+import FefferyDeviceDetect from "./components/listeners/FefferyDeviceDetect.react";
+import FefferyDocumentVisibility from "./components/listeners/FefferyDocumentVisibility.react";
 import FefferyEventListener from "./components/listeners/FefferyEventListener.react.js";
-import FefferyListenHover from "./components/listeners/FefferyListenHover.js";
-import FefferyListenElementSize from "./components/listeners/FefferyListenElementSize.react.js";
+import FefferyGeolocation from "./components/listeners/FefferyGeolocation.react";
+import FefferyIdle from "./components/listeners/FefferyIdle.react";
+import FefferyInViewport from "./components/listeners/FefferyInViewport.react";
+import FefferyKeyPress from "./components/listeners/FefferyKeyPress.react";
 import FefferyListenDrag from './components/listeners/FefferyListenDrag.react';
 import FefferyListenDrop from './components/listeners/FefferyListenDrop.react';
+import FefferyListenElementSize from "./components/listeners/FefferyListenElementSize.react.js";
+import FefferyListenHover from "./components/listeners/FefferyListenHover.js";
+import FefferyListenPaste from "./components/listeners/FefferyListenPaste.react";
+import FefferyListenScroll from "./components/listeners/FefferyListenScroll.react";
+import FefferyListenUnload from "./components/listeners/FefferyListenUnload.react";
+import FefferyLocation from "./components/listeners/FefferyLocation.react";
+import FefferyLongPress from "./components/listeners/FefferyLongPress.react";
+import FefferyMediaQuery from "./components/listeners/FefferyMediaQuery.react";
+import FefferyMousePosition from "./components/listeners/FefferyMousePosition.react";
+import FefferyNetwork from './components/listeners/FefferyNetwork.react';
+import FefferyPageLeave from "./components/listeners/FefferyPageLeave.react";
+import FefferyResponsive from "./components/listeners/FefferyResponsive.react";
+import FefferyTextSelection from "./components/listeners/FefferyTextSelection.react";
+import FefferyWindowSize from "./components/listeners/FefferyWindowSize.react";
+// 静态资源控制
+import FefferyExternalCss from "./components/staticResourceControl/FefferyExternalCss.react.js";
+import FefferyExternalJs from "./components/staticResourceControl/FefferyExternalJs.react.js";
+// 页面控制
+import FefferyFullscreen from "./components/pageControl/FefferyFullscreen.react.js";
+import FefferyReload from "./components/pageControl/FefferyReload.react.js";
+import FefferyScroll from "./components/pageControl/FefferyScroll.react.js";
+import FefferySetFavicon from "./components/pageControl/FefferySetFavicon.react.js";
+import FefferySetTitle from "./components/pageControl/FefferySetTitle.react.js";
+// 快捷样式控制
+import FefferyCssVar from "./components/styleControl/FefferyCssVar.react.js";
+import FefferyStyle from "./components/styleControl/FefferyStyle.react.js";
+// 通信
+import FefferyEventSource from "./components/communication/FefferyEventSource.react.js";
+import FefferyHttpRequests from "./components/communication/FefferyHttpRequests.react.js";
+import FefferyIframeMessenger from "./components/communication/FefferyIframeMessenger.react.js";
+import FefferyTabMessenger from "./components/communication/FefferyTabMessenger.react.js";
+import FefferyWebSocket from "./components/communication/FefferyWebSocket.react.js";
+// 文件预览
+import FefferyExcelPreview from "./components/filePreview/FefferyExcelPreview.react.js";
+import FefferyWordPreview from "./components/filePreview/FefferyWordPreview.react.js";
+// 尺寸调整
+import FefferyAutoFit from "./components/resizable/FefferyAutoFit.react";
+import FefferyResizable from "./components/resizable/FefferyResizable.react";
+// 安全
+import FefferyDebugGuardian from "./components/security/FefferyDebugGuardian.react";
+// 性能优化
+import FefferyDebounceProp from "./components/performance/FefferyDebounceProp.react.js";
+import FefferyLazyLoad from "./components/performance/FefferyLazyLoad.react.js";
+import FefferyThrottleProp from "./components/performance/FefferyThrottleProp.react.js";
+import FefferyVirtualList from "./components/performance/FefferyVirtualList.react.js";
+// 数据展示
+import FefferyCompareSlider from "./components/dataDisplay/FefferyCompareSlider.react.js";
+import FefferyCountUp from "./components/dataDisplay/FefferyCountUp.react.js";
+import FefferyJsonViewer from "./components/dataDisplay/FefferyJsonViewer.react.js";
+import FefferyQRCode from "./components/dataDisplay/FefferyQRCode.react.js";
+import FefferyRawHTML from "./components/dataDisplay/FefferyRawHTML.react.js";
+import FefferySeamlessScroll from "./components/dataDisplay/FefferySeamlessScroll.react.js";
+// 反馈
+import FefferyFancyMessage from "./components/feedback/FefferyFancyMessage.js";
+import FefferyFancyNotification from "./components/feedback/FefferyFancyNotification.js";
+// 存储
+import FefferyCookie from "./components/store/FefferyCookie.react";
+import FefferyLocalLargeStorage from "./components/store/FefferyLocalLargeStorage.react";
+import FefferyLocalStorage from "./components/store/FefferyLocalStorage.react";
+import FefferySessionStorage from "./components/store/FefferySessionStorage.react";
+// 验证码
+import FefferyCaptcha from "./components/verification/FefferyCaptcha.react.js";
+import FefferySliderCaptcha from "./components/verification/FefferySliderCaptcha.react.js";
+// 其他
+import FefferyCountDown from "./components/other/FefferyCountDown.react.js";
+import FefferyExecuteJs from "./components/other/FefferyExecuteJs.react.js";
+import FefferyGuide from "./components/other/FefferyGuide.react.js";
+import FefferyShortcutPanel from "./components/other/FefferyShortcutPanel.react.js";
+import FefferyTimeout from "./components/other/FefferyTimeout.react.js";
+// 自定义样式
 import './components/styles.css';
 
 // 自定义sessionStorage事件监听
@@ -139,120 +165,145 @@ localStorage.setItem = function (key, newValue) {
 
 
 export {
-    FefferyCaptcha,
-    FefferyTopProgress,
-    FefferyShortcutPanel,
-    FefferyGuide,
-    FefferyExecuteJs,
-    FefferyScroll,
-    FefferyScrollbars,
-    FefferyExtraSpinner,
-    FefferyLazyLoad,
-    FefferyVirtualList,
-    FefferyInViewport,
+    // 通用
+    FefferyBurger,
+    FefferyFancyButton,
+    // 颜色选择
+    FefferyBlockColorPicker,
+    FefferyCircleColorPicker,
+    FefferyEyeDropper,
+    FefferyGithubColorPicker,
     FefferyHexColorPicker,
     FefferyRgbColorPicker,
-    FefferyGithubColorPicker,
     FefferyTwitterColorPicker,
-    FefferyBlockColorPicker,
-    FefferyCircleColorPicker,
     FefferyWheelColorPicker,
-    FefferyHighlightWords,
-    FefferyDocumentVisibility,
-    FefferyExternalCss,
-    FefferyExternalJs,
-    FefferySetTitle,
-    FefferyResponsive,
-    FefferyGeolocation,
-    FefferyIdle,
-    FefferyWindowSize,
-    FefferyKeyPress,
-    FefferyTimeout,
-    FefferyCountDown,
-    FefferyRawHTML,
-    FefferyFancyNotification,
-    FefferyQRCode,
-    FefferyFancyMessage,
-    FefferyStyle,
-    FefferyDiv,
-    FefferyReload,
-    FefferyCssVar,
-    FefferyEyeDropper,
-    FefferySticky,
-    FefferySessionStorage,
-    FefferyWebSocket,
-    FefferyShadowDom,
-    FefferyGrid,
-    FefferyGridItem,
-    FefferyFancyButton,
-    FefferyJsonViewer,
-    FefferyImagePaste,
-    FefferyFullscreen,
-    FefferyDeviceDetect,
-    FefferyMotion,
+    // 动效
     FefferyAutoAnimate,
-    FefferyCountUp,
-    FefferyListenUnload,
-    FefferyListenScroll,
-    FefferyMousePosition,
-    FefferyListenPaste,
-    FefferyLocation,
-    FefferyCookie,
-    FefferyResizable,
-    FefferyCompareSlider,
-    FefferyLocalStorage,
-    FefferyTextSelection,
-    FefferyLocalLargeStorage,
-    FefferyLongPress,
-    FefferyDebounceProp,
-    FefferyMusicPlayer,
-    FefferyAPlayer,
-    FefferyDPlayer,
-    FefferyThrottleProp,
-    FefferyTabMessenger,
-    FefferyEmojiPicker,
-    FefferyAutoFit,
-    FefferyRichTextEditor,
-    FefferyImageGallery,
-    FefferyMarkdownEditor,
-    FefferyImageCropper,
-    FefferyPhotoSphereViewer,
-    FefferyExcelPreview,
-    FefferyWordPreview,
-    FefferySeamlessScroll,
-    FefferyTiltHover,
     FefferyBirdsBackground,
-    FefferyFogBackground,
-    FefferyWavesBackground,
+    FefferyCellsBackground,
     FefferyCloudsBackground,
     FefferyCloudsTwoBackground,
+    FefferyFogBackground,
     FefferyGlobeBackground,
+    FefferyHaloBackground,
+    FefferyMotion,
     FefferyNetBackground,
-    FefferyCellsBackground,
     FefferyRingsBackground,
-    FefferyHaloBackground,
-    FefferyTrunkBackground,
+    FefferyTiltHover,
     FefferyTopologyBackground,
-    FefferyIframeMessenger,
-    FefferyDraggable,
+    FefferyTrunkBackground,
+    FefferyWavesBackground,
+    // 加载动画
+    FefferyExtraSpinner,
+    FefferyTopProgress,
+    // 容器
+    FefferyDiv,
     FefferyFixed,
-    FefferyPageLeave,
-    FefferyMediaQuery,
+    FefferyHighlightWords,
+    FefferyPortal,
+    FefferyScrollbars,
+    FefferyShadowDom,
+    FefferySticky,
+    // 拖拽交互
+    FefferyDraggable,
+    FefferyGrid,
+    FefferyGridItem,
     FefferyRND,
     FefferySortable,
+    // 播放器
+    FefferyAPlayer,
+    FefferyDPlayer,
+    FefferyMusicPlayer,
+    // 编辑器
+    FefferyMarkdownEditor,
+    FefferyRichTextEditor,
+    FefferyVditor,
+    // 图片
     FefferyAnimatedImage,
-    FefferyDebugGuardian,
     FefferyDom2Image,
-    FefferySetFavicon,
-    FefferySliderCaptcha,
-    FefferyPortal,
-    FefferyVditor,
-    FefferyHttpRequests,
-    FefferyBurger,
-    FefferyEventSource,
+    FefferyImageCropper,
+    FefferyImageGallery,
+    FefferyPhotoSphereViewer,
+    // 数据录入
+    FefferyEmojiPicker,
+    FefferyImagePaste,
+    // 事件监听
+    FefferyDeviceDetect,
+    FefferyDocumentVisibility,
     FefferyEventListener,
-    FefferyListenHover,
-    FefferyListenElementSize,
+    FefferyGeolocation,
+    FefferyIdle,
+    FefferyInViewport,
+    FefferyKeyPress,
     FefferyListenDrag,
-    FefferyListenDrop
+    FefferyListenDrop,
+    FefferyListenElementSize,
+    FefferyListenHover,
+    FefferyListenPaste,
+    FefferyListenScroll,
+    FefferyListenUnload,
+    FefferyLocation,
+    FefferyLongPress,
+    FefferyMediaQuery,
+    FefferyMousePosition,
+    FefferyNetwork,
+    FefferyPageLeave,
+    FefferyResponsive,
+    FefferyTextSelection,
+    FefferyWindowSize,
+    // 静态资源控制
+    FefferyExternalCss,
+    FefferyExternalJs,
+    // 页面控制
+    FefferyFullscreen,
+    FefferyReload,
+    FefferyScroll,
+    FefferySetFavicon,
+    FefferySetTitle,
+    // 快捷样式控制
+    FefferyCssVar,
+    FefferyStyle,
+    // 通信
+    FefferyEventSource,
+    FefferyHttpRequests,
+    FefferyIframeMessenger,
+    FefferyTabMessenger,
+    FefferyWebSocket,
+    //文件预览
+    FefferyExcelPreview,
+    FefferyWordPreview,
+    // 尺寸调整
+    FefferyAutoFit,
+    FefferyResizable,
+    // 安全
+    FefferyDebugGuardian,
+    // 性能优化
+    FefferyDebounceProp,
+    FefferyLazyLoad,
+    FefferyThrottleProp,
+    FefferyVirtualList,
+    // 数据展示
+    FefferyCompareSlider,
+    FefferyCountUp,
+    FefferyJsonViewer,
+    FefferyQRCode,
+    FefferyRawHTML,
+    FefferySeamlessScroll,
+    // 反馈
+    FefferyFancyMessage,
+    FefferyFancyNotification,
+    // 存储
+    FefferyCookie,
+    FefferyLocalLargeStorage,
+    FefferyLocalStorage,
+    FefferySessionStorage,
+    // 验证码
+    FefferyCaptcha,
+    FefferySliderCaptcha,
+    // 其他
+    FefferyCountDown,
+    FefferyExecuteJs,
+    FefferyGuide,
+    FefferyShortcutPanel,
+    FefferyTimeout
 };

package/tests/MotionTest/app.py

@@ -0,0 +1,50 @@
+import sys
+
+sys.path.append('../..')
+
+import dash
+from dash import html
+import feffery_utils_components as fuc
+from dash.dependencies import Input, Output
+
+app = dash.Dash(__name__)
+
+app.layout = html.Div(
+    [
+        fuc.FefferyMotion(
+            '示例',
+            id='motion-demo',
+            style={
+                'border': '1px dashed #71afe5',
+                'width': '100px',
+                'height': '100px',
+                'display': 'flex',
+                'justifyContent': 'center',
+                'alignItems': 'center',
+            },
+            animate={
+                'transform': 'translateX(300px) rotate(180deg)',
+                'borderRadius': '100%',
+            },
+            transition={
+                'duration': 2,
+                'repeat': 10,
+            },
+        ),
+        html.Pre(id='animated'),
+    ],
+    style={'padding': 50},
+)
+
+
+@app.callback(
+    Output('animated', 'children'),
+    Input('motion-demo', 'animated'),
+    prevent_initial_call=True,
+)
+def demo(animated):
+    return f'animated: {animated}'
+
+
+if __name__ == '__main__':
+    app.run(debug=True)

package/usage.py

@@ -1,26 +1,46 @@
 import dash
 from dash import html
 import feffery_utils_components as fuc
+from dash.dependencies import Input, Output
 
 app = dash.Dash(__name__)
 
 app.layout = html.Div(
     [
-        fuc.FefferyCountUp(
-            end=666.66,
-            decimals=2,
-            duration=1,
-            className='gradient-text',
+        fuc.FefferyMotion(
+            '示例',
+            id='motion-demo',
             style={
-                'fontSize': 28,
-                'fontFamily': 'SimHei',
-                'color': 'green',
+                'border': '1px dashed #71afe5',
+                'width': '100px',
+                'height': '100px',
+                'display': 'flex',
+                'justifyContent': 'center',
+                'alignItems': 'center',
             },
-        )
+            animate={
+                'transform': 'translateX(300px) rotate(180deg)',
+                'borderRadius': '100%',
+            },
+            transition={
+                'duration': 2,
+            },
+            destroyWhenAnimated=True,
+        ),
+        html.Pre(id='animated'),
     ],
     style={'padding': 50},
 )
 
 
+@app.callback(
+    Output('animated', 'children'),
+    Input('motion-demo', 'animated'),
+    prevent_initial_call=True,
+)
+def demo(animated):
+    return f'animated: {animated}'
+
+
 if __name__ == '__main__':
-    app.run(debug=True)
+    app.run(debug=False)

package/webpack.config.js

@@ -1,10 +1,9 @@
 const path = require('path');
 const TerserPlugin = require('terser-webpack-plugin');
 const webpack = require('webpack');
-const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 const WebpackDashDynamicImport = require('@plotly/webpack-dash-dynamic-import');
 const packagejson = require('./package.json');
-const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 const vditorPkg = require('vditor/package.json');
 
 const dashLibraryName = packagejson.name.replace(/-/g, '_');
@@ -57,7 +56,8 @@ module.exports = (env, argv) => {
             library: dashLibraryName,
             libraryTarget: 'window',
         },
-        devtool,
+        // devtool: false, // 开发阶段使用，生成全量source-map
+        devtool, // 发布阶段使用，生成最小化source-map
         externals,
         module: {
             rules: [
@@ -148,14 +148,6 @@ module.exports = (env, argv) => {
                         warnings: false,
                         ie8: false
                     }
-                }),
-                new UglifyJsPlugin({
-                    uglifyOptions: {
-                        output: {
-                            comments: false, // 移除注释
-                        },
-                        warnings: false // 移除警告
-                    }
                 })
             ],
             splitChunks: {