react-public-components 1.2.0 → 1.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +56 -20
- package/dist/ActivityLog/index.cjs +9 -0
- package/dist/ActivityLog/index.cjs.map +1 -0
- package/dist/ActivityLog/index.css +117 -0
- package/dist/ActivityLog/index.css.map +1 -0
- package/dist/ActivityLog/index.d.ts +32 -0
- package/dist/ActivityLog/index.js +3 -0
- package/dist/ActivityLog/index.js.map +1 -0
- package/dist/AnnouncementBar/index.cjs +9 -0
- package/dist/AnnouncementBar/index.cjs.map +1 -0
- package/dist/AnnouncementBar/index.css +37 -0
- package/dist/AnnouncementBar/index.css.map +1 -0
- package/dist/AnnouncementBar/index.d.ts +18 -0
- package/dist/AnnouncementBar/index.js +3 -0
- package/dist/AnnouncementBar/index.js.map +1 -0
- package/dist/AudioPlayer/index.cjs +10 -0
- package/dist/AudioPlayer/index.cjs.map +1 -0
- package/dist/AudioPlayer/index.css +105 -0
- package/dist/AudioPlayer/index.css.map +1 -0
- package/dist/AudioPlayer/index.d.ts +18 -0
- package/dist/AudioPlayer/index.js +4 -0
- package/dist/AudioPlayer/index.js.map +1 -0
- package/dist/BadgeRibbon/index.cjs +9 -0
- package/dist/BadgeRibbon/index.cjs.map +1 -0
- package/dist/BadgeRibbon/index.css +48 -0
- package/dist/BadgeRibbon/index.css.map +1 -0
- package/dist/BadgeRibbon/index.d.ts +19 -0
- package/dist/BadgeRibbon/index.js +3 -0
- package/dist/BadgeRibbon/index.js.map +1 -0
- package/dist/BorderBeam/index.cjs +9 -0
- package/dist/BorderBeam/index.cjs.map +1 -0
- package/dist/BorderBeam/index.css +40 -0
- package/dist/BorderBeam/index.css.map +1 -0
- package/dist/BorderBeam/index.d.ts +24 -0
- package/dist/BorderBeam/index.js +3 -0
- package/dist/BorderBeam/index.js.map +1 -0
- package/dist/CascadeDrawer/index.cjs +9 -0
- package/dist/CascadeDrawer/index.cjs.map +1 -0
- package/dist/CascadeDrawer/index.css +73 -0
- package/dist/CascadeDrawer/index.css.map +1 -0
- package/dist/CascadeDrawer/index.d.ts +23 -0
- package/dist/CascadeDrawer/index.js +3 -0
- package/dist/CascadeDrawer/index.js.map +1 -0
- package/dist/CodeSnippet/index.cjs +9 -0
- package/dist/CodeSnippet/index.cjs.map +1 -0
- package/dist/CodeSnippet/index.css +63 -0
- package/dist/CodeSnippet/index.css.map +1 -0
- package/dist/CodeSnippet/index.d.ts +14 -0
- package/dist/CodeSnippet/index.js +3 -0
- package/dist/CodeSnippet/index.js.map +1 -0
- package/dist/CollapseBox/index.cjs +10 -0
- package/dist/CollapseBox/index.cjs.map +1 -0
- package/dist/CollapseBox/index.css +106 -0
- package/dist/CollapseBox/index.css.map +1 -0
- package/dist/CollapseBox/index.d.ts +17 -0
- package/dist/CollapseBox/index.js +4 -0
- package/dist/CollapseBox/index.js.map +1 -0
- package/dist/ColorPicker/Color.d.ts +48 -0
- package/dist/ColorPicker/index.cjs +23 -0
- package/dist/ColorPicker/index.cjs.map +1 -0
- package/dist/ColorPicker/index.css +422 -0
- package/dist/ColorPicker/index.css.map +1 -0
- package/dist/ColorPicker/index.d.ts +48 -0
- package/dist/ColorPicker/index.js +4 -0
- package/dist/ColorPicker/index.js.map +1 -0
- package/dist/ContextMenu/index.cjs +10 -0
- package/dist/ContextMenu/index.cjs.map +1 -0
- package/dist/ContextMenu/index.css +107 -0
- package/dist/ContextMenu/index.css.map +1 -0
- package/dist/ContextMenu/index.d.ts +42 -0
- package/dist/ContextMenu/index.js +4 -0
- package/dist/ContextMenu/index.js.map +1 -0
- package/dist/CopyButton/index.cjs +10 -0
- package/dist/CopyButton/index.cjs.map +1 -0
- package/dist/CopyButton/index.css +122 -0
- package/dist/CopyButton/index.css.map +1 -0
- package/dist/CopyButton/index.d.ts +36 -0
- package/dist/CopyButton/index.js +4 -0
- package/dist/CopyButton/index.js.map +1 -0
- package/dist/CountUp/index.cjs +9 -0
- package/dist/CountUp/index.cjs.map +1 -0
- package/dist/CountUp/index.css +23 -0
- package/dist/CountUp/index.css.map +1 -0
- package/dist/CountUp/index.d.ts +40 -0
- package/dist/CountUp/index.js +3 -0
- package/dist/CountUp/index.js.map +1 -0
- package/dist/CronPicker/index.cjs +11 -0
- package/dist/CronPicker/index.cjs.map +1 -0
- package/dist/CronPicker/index.css +215 -0
- package/dist/CronPicker/index.css.map +1 -0
- package/dist/CronPicker/index.d.ts +17 -0
- package/dist/CronPicker/index.js +5 -0
- package/dist/CronPicker/index.js.map +1 -0
- package/dist/DebounceSelect/index.cjs +10 -0
- package/dist/DebounceSelect/index.cjs.map +1 -0
- package/dist/DebounceSelect/index.css +156 -0
- package/dist/DebounceSelect/index.css.map +1 -0
- package/dist/DebounceSelect/index.d.ts +39 -0
- package/dist/DebounceSelect/index.js +4 -0
- package/dist/DebounceSelect/index.js.map +1 -0
- package/dist/DiffViewer/index.cjs +9 -0
- package/dist/DiffViewer/index.cjs.map +1 -0
- package/dist/DiffViewer/index.css +90 -0
- package/dist/DiffViewer/index.css.map +1 -0
- package/dist/DiffViewer/index.d.ts +21 -0
- package/dist/DiffViewer/index.js +3 -0
- package/dist/DiffViewer/index.js.map +1 -0
- package/dist/DisabledBox/index.cjs +10 -0
- package/dist/DisabledBox/index.cjs.map +1 -0
- package/dist/DisabledBox/index.css +35 -0
- package/dist/DisabledBox/index.css.map +1 -0
- package/dist/DisabledBox/index.d.ts +10 -0
- package/dist/DisabledBox/index.js +4 -0
- package/dist/DisabledBox/index.js.map +1 -0
- package/dist/DragSortList/index.cjs +9 -0
- package/dist/DragSortList/index.cjs.map +1 -0
- package/dist/DragSortList/index.css +44 -0
- package/dist/DragSortList/index.css.map +1 -0
- package/dist/DragSortList/index.d.ts +18 -0
- package/dist/DragSortList/index.js +3 -0
- package/dist/DragSortList/index.js.map +1 -0
- package/dist/DualRangeSlider/index.cjs +9 -0
- package/dist/DualRangeSlider/index.cjs.map +1 -0
- package/dist/DualRangeSlider/index.css +41 -0
- package/dist/DualRangeSlider/index.css.map +1 -0
- package/dist/DualRangeSlider/index.d.ts +22 -0
- package/dist/DualRangeSlider/index.js +3 -0
- package/dist/DualRangeSlider/index.js.map +1 -0
- package/dist/EnvBadge/index.cjs +9 -0
- package/dist/EnvBadge/index.cjs.map +1 -0
- package/dist/EnvBadge/index.css +123 -0
- package/dist/EnvBadge/index.css.map +1 -0
- package/dist/EnvBadge/index.d.ts +36 -0
- package/dist/EnvBadge/index.js +3 -0
- package/dist/EnvBadge/index.js.map +1 -0
- package/dist/FileDropZone/index.cjs +9 -0
- package/dist/FileDropZone/index.cjs.map +1 -0
- package/dist/FileDropZone/index.css +39 -0
- package/dist/FileDropZone/index.css.map +1 -0
- package/dist/FileDropZone/index.d.ts +20 -0
- package/dist/FileDropZone/index.js +3 -0
- package/dist/FileDropZone/index.js.map +1 -0
- package/dist/FilePreviewer/index.cjs +19 -0
- package/dist/FilePreviewer/index.cjs.map +1 -0
- package/dist/FilePreviewer/index.css +155 -0
- package/dist/FilePreviewer/index.css.map +1 -0
- package/dist/FilePreviewer/index.d.ts +38 -0
- package/dist/FilePreviewer/index.js +4 -0
- package/dist/FilePreviewer/index.js.map +1 -0
- package/dist/FilterChips/index.cjs +9 -0
- package/dist/FilterChips/index.cjs.map +1 -0
- package/dist/FilterChips/index.css +52 -0
- package/dist/FilterChips/index.css.map +1 -0
- package/dist/FilterChips/index.d.ts +23 -0
- package/dist/FilterChips/index.js +3 -0
- package/dist/FilterChips/index.js.map +1 -0
- package/dist/FlipCard/index.cjs +9 -0
- package/dist/FlipCard/index.cjs.map +1 -0
- package/dist/FlipCard/index.css +46 -0
- package/dist/FlipCard/index.css.map +1 -0
- package/dist/FlipCard/index.d.ts +28 -0
- package/dist/FlipCard/index.js +3 -0
- package/dist/FlipCard/index.js.map +1 -0
- package/dist/Fullscreen/index.cjs +10 -0
- package/dist/Fullscreen/index.cjs.map +1 -0
- package/dist/Fullscreen/index.css +112 -0
- package/dist/Fullscreen/index.css.map +1 -0
- package/dist/Fullscreen/index.d.ts +49 -0
- package/dist/Fullscreen/index.js +4 -0
- package/dist/Fullscreen/index.js.map +1 -0
- package/dist/GradientText/index.cjs +9 -0
- package/dist/GradientText/index.cjs.map +1 -0
- package/dist/GradientText/index.css +22 -0
- package/dist/GradientText/index.css.map +1 -0
- package/dist/GradientText/index.d.ts +18 -0
- package/dist/GradientText/index.js +3 -0
- package/dist/GradientText/index.js.map +1 -0
- package/dist/GuidedTour/index.cjs +10 -0
- package/dist/GuidedTour/index.cjs.map +1 -0
- package/dist/GuidedTour/index.css +105 -0
- package/dist/GuidedTour/index.css.map +1 -0
- package/dist/GuidedTour/index.d.ts +35 -0
- package/dist/GuidedTour/index.js +4 -0
- package/dist/GuidedTour/index.js.map +1 -0
- package/dist/HoverCard/index.cjs +9 -0
- package/dist/HoverCard/index.cjs.map +1 -0
- package/dist/HoverCard/index.css +31 -0
- package/dist/HoverCard/index.css.map +1 -0
- package/dist/HoverCard/index.d.ts +18 -0
- package/dist/HoverCard/index.js +3 -0
- package/dist/HoverCard/index.js.map +1 -0
- package/dist/ImageCropper/index.cjs +10 -0
- package/dist/ImageCropper/index.cjs.map +1 -0
- package/dist/ImageCropper/index.css +181 -0
- package/dist/ImageCropper/index.css.map +1 -0
- package/dist/ImageCropper/index.d.ts +45 -0
- package/dist/ImageCropper/index.js +4 -0
- package/dist/ImageCropper/index.js.map +1 -0
- package/dist/InfiniteScrollList/index.cjs +10 -0
- package/dist/InfiniteScrollList/index.cjs.map +1 -0
- package/dist/InfiniteScrollList/index.css +35 -0
- package/dist/InfiniteScrollList/index.css.map +1 -0
- package/dist/InfiniteScrollList/index.d.ts +28 -0
- package/dist/InfiniteScrollList/index.js +4 -0
- package/dist/InfiniteScrollList/index.js.map +1 -0
- package/dist/JsonDiffViewer/index.cjs +9 -0
- package/dist/JsonDiffViewer/index.cjs.map +1 -0
- package/dist/JsonDiffViewer/index.css +48 -0
- package/dist/JsonDiffViewer/index.css.map +1 -0
- package/dist/JsonDiffViewer/index.d.ts +14 -0
- package/dist/JsonDiffViewer/index.js +3 -0
- package/dist/JsonDiffViewer/index.js.map +1 -0
- package/dist/JsonEditor/index.cjs +11 -0
- package/dist/JsonEditor/index.cjs.map +1 -0
- package/dist/JsonEditor/index.css +230 -0
- package/dist/JsonEditor/index.css.map +1 -0
- package/dist/JsonEditor/index.d.ts +26 -0
- package/dist/JsonEditor/index.js +5 -0
- package/dist/JsonEditor/index.js.map +1 -0
- package/dist/JsonTree/index.cjs +9 -0
- package/dist/JsonTree/index.cjs.map +1 -0
- package/dist/JsonTree/index.css +58 -0
- package/dist/JsonTree/index.css.map +1 -0
- package/dist/JsonTree/index.d.ts +14 -0
- package/dist/JsonTree/index.js +3 -0
- package/dist/JsonTree/index.js.map +1 -0
- package/dist/KanbanBoard/index.cjs +9 -0
- package/dist/KanbanBoard/index.cjs.map +1 -0
- package/dist/KanbanBoard/index.css +80 -0
- package/dist/KanbanBoard/index.css.map +1 -0
- package/dist/KanbanBoard/index.d.ts +24 -0
- package/dist/KanbanBoard/index.js +3 -0
- package/dist/KanbanBoard/index.js.map +1 -0
- package/dist/KeyValEditor/index.cjs +10 -0
- package/dist/KeyValEditor/index.cjs.map +1 -0
- package/dist/KeyValEditor/index.css +72 -0
- package/dist/KeyValEditor/index.css.map +1 -0
- package/dist/KeyValEditor/index.d.ts +28 -0
- package/dist/KeyValEditor/index.js +4 -0
- package/dist/KeyValEditor/index.js.map +1 -0
- package/dist/Marquee/index.cjs +9 -0
- package/dist/Marquee/index.cjs.map +1 -0
- package/dist/Marquee/index.css +99 -0
- package/dist/Marquee/index.css.map +1 -0
- package/dist/Marquee/index.d.ts +27 -0
- package/dist/Marquee/index.js +3 -0
- package/dist/Marquee/index.js.map +1 -0
- package/dist/Masonry/index.cjs +9 -0
- package/dist/Masonry/index.cjs.map +1 -0
- package/dist/Masonry/index.css +15 -0
- package/dist/Masonry/index.css.map +1 -0
- package/dist/Masonry/index.d.ts +58 -0
- package/dist/Masonry/index.js +3 -0
- package/dist/Masonry/index.js.map +1 -0
- package/dist/MetricCard/index.cjs +10 -0
- package/dist/MetricCard/index.cjs.map +1 -0
- package/dist/MetricCard/index.css +105 -0
- package/dist/MetricCard/index.css.map +1 -0
- package/dist/MetricCard/index.d.ts +32 -0
- package/dist/MetricCard/index.js +4 -0
- package/dist/MetricCard/index.js.map +1 -0
- package/dist/MiniSparkline/index.cjs +9 -0
- package/dist/MiniSparkline/index.cjs.map +1 -0
- package/dist/MiniSparkline/index.css +11 -0
- package/dist/MiniSparkline/index.css.map +1 -0
- package/dist/MiniSparkline/index.d.ts +20 -0
- package/dist/MiniSparkline/index.js +3 -0
- package/dist/MiniSparkline/index.js.map +1 -0
- package/dist/NumberStepper/index.cjs +9 -0
- package/dist/NumberStepper/index.cjs.map +1 -0
- package/dist/NumberStepper/index.css +45 -0
- package/dist/NumberStepper/index.css.map +1 -0
- package/dist/NumberStepper/index.d.ts +24 -0
- package/dist/NumberStepper/index.js +3 -0
- package/dist/NumberStepper/index.js.map +1 -0
- package/dist/NumericRangeInput/index.cjs +9 -0
- package/dist/NumericRangeInput/index.cjs.map +1 -0
- package/dist/NumericRangeInput/index.css +87 -0
- package/dist/NumericRangeInput/index.css.map +1 -0
- package/dist/NumericRangeInput/index.d.ts +39 -0
- package/dist/NumericRangeInput/index.js +3 -0
- package/dist/NumericRangeInput/index.js.map +1 -0
- package/dist/PasswordStrength/index.cjs +19 -0
- package/dist/PasswordStrength/index.cjs.map +1 -0
- package/dist/PasswordStrength/index.css +66 -0
- package/dist/PasswordStrength/index.css.map +1 -0
- package/dist/PasswordStrength/index.d.ts +31 -0
- package/dist/PasswordStrength/index.js +4 -0
- package/dist/PasswordStrength/index.js.map +1 -0
- package/dist/PdfViewer/index.cjs +10 -0
- package/dist/PdfViewer/index.cjs.map +1 -0
- package/dist/PdfViewer/index.css +65 -0
- package/dist/PdfViewer/index.css.map +1 -0
- package/dist/PdfViewer/index.d.ts +20 -0
- package/dist/PdfViewer/index.js +4 -0
- package/dist/PdfViewer/index.js.map +1 -0
- package/dist/PhotoViewer/index.cjs +9 -0
- package/dist/PhotoViewer/index.cjs.map +1 -0
- package/dist/PhotoViewer/index.css +129 -0
- package/dist/PhotoViewer/index.css.map +1 -0
- package/dist/PhotoViewer/index.d.ts +23 -0
- package/dist/PhotoViewer/index.js +3 -0
- package/dist/PhotoViewer/index.js.map +1 -0
- package/dist/QrCodeCard/index.cjs +10 -0
- package/dist/QrCodeCard/index.cjs.map +1 -0
- package/dist/QrCodeCard/index.css +109 -0
- package/dist/QrCodeCard/index.css.map +1 -0
- package/dist/QrCodeCard/index.d.ts +27 -0
- package/dist/QrCodeCard/index.js +4 -0
- package/dist/QrCodeCard/index.js.map +1 -0
- package/dist/QuickDateRange/index.cjs +9 -0
- package/dist/QuickDateRange/index.cjs.map +1 -0
- package/dist/QuickDateRange/index.css +30 -0
- package/dist/QuickDateRange/index.css.map +1 -0
- package/dist/QuickDateRange/index.d.ts +22 -0
- package/dist/QuickDateRange/index.js +3 -0
- package/dist/QuickDateRange/index.js.map +1 -0
- package/dist/ScrollTracker/index.cjs +22 -0
- package/dist/ScrollTracker/index.cjs.map +1 -0
- package/dist/ScrollTracker/index.css +48 -0
- package/dist/ScrollTracker/index.css.map +1 -0
- package/dist/ScrollTracker/index.d.ts +37 -0
- package/dist/ScrollTracker/index.js +3 -0
- package/dist/ScrollTracker/index.js.map +1 -0
- package/dist/SegmentedProgress/index.cjs +9 -0
- package/dist/SegmentedProgress/index.cjs.map +1 -0
- package/dist/SegmentedProgress/index.css +42 -0
- package/dist/SegmentedProgress/index.css.map +1 -0
- package/dist/SegmentedProgress/index.d.ts +24 -0
- package/dist/SegmentedProgress/index.js +3 -0
- package/dist/SegmentedProgress/index.js.map +1 -0
- package/dist/SensitiveMask/index.cjs +20 -0
- package/dist/SensitiveMask/index.cjs.map +1 -0
- package/dist/SensitiveMask/index.css +149 -0
- package/dist/SensitiveMask/index.css.map +1 -0
- package/dist/SensitiveMask/index.d.ts +30 -0
- package/dist/SensitiveMask/index.js +5 -0
- package/dist/SensitiveMask/index.js.map +1 -0
- package/dist/ShimmerSkeleton/index.cjs +9 -0
- package/dist/ShimmerSkeleton/index.cjs.map +1 -0
- package/dist/ShimmerSkeleton/index.css +55 -0
- package/dist/ShimmerSkeleton/index.css.map +1 -0
- package/dist/ShimmerSkeleton/index.d.ts +19 -0
- package/dist/ShimmerSkeleton/index.js +3 -0
- package/dist/ShimmerSkeleton/index.js.map +1 -0
- package/dist/Splitter/index.cjs +10 -0
- package/dist/Splitter/index.cjs.map +1 -0
- package/dist/Splitter/index.d.ts +94 -0
- package/dist/Splitter/index.js +4 -0
- package/dist/Splitter/index.js.map +1 -0
- package/dist/SpotlightCard/index.cjs +9 -0
- package/dist/SpotlightCard/index.cjs.map +1 -0
- package/dist/SpotlightCard/index.css +34 -0
- package/dist/SpotlightCard/index.css.map +1 -0
- package/dist/SpotlightCard/index.d.ts +18 -0
- package/dist/SpotlightCard/index.js +3 -0
- package/dist/SpotlightCard/index.js.map +1 -0
- package/dist/StatusTimeline/index.cjs +9 -0
- package/dist/StatusTimeline/index.cjs.map +1 -0
- package/dist/StatusTimeline/index.css +111 -0
- package/dist/StatusTimeline/index.css.map +1 -0
- package/dist/StatusTimeline/index.d.ts +25 -0
- package/dist/StatusTimeline/index.js +3 -0
- package/dist/StatusTimeline/index.js.map +1 -0
- package/dist/TagInput/index.cjs +10 -0
- package/dist/TagInput/index.cjs.map +1 -0
- package/dist/TagInput/index.css +108 -0
- package/dist/TagInput/index.css.map +1 -0
- package/dist/TagInput/index.d.ts +32 -0
- package/dist/TagInput/index.js +4 -0
- package/dist/TagInput/index.js.map +1 -0
- package/dist/TextEllipsis/index.cjs +11 -0
- package/dist/TextEllipsis/index.cjs.map +1 -0
- package/dist/TextEllipsis/index.css +217 -0
- package/dist/TextEllipsis/index.css.map +1 -0
- package/dist/TextEllipsis/index.d.ts +34 -0
- package/dist/TextEllipsis/index.js +5 -0
- package/dist/TextEllipsis/index.js.map +1 -0
- package/dist/TiltCard/index.cjs +9 -0
- package/dist/TiltCard/index.cjs.map +1 -0
- package/dist/TiltCard/index.css +32 -0
- package/dist/TiltCard/index.css.map +1 -0
- package/dist/TiltCard/index.d.ts +20 -0
- package/dist/TiltCard/index.js +3 -0
- package/dist/TiltCard/index.js.map +1 -0
- package/dist/TreeFilterPanel/index.cjs +9 -0
- package/dist/TreeFilterPanel/index.cjs.map +1 -0
- package/dist/TreeFilterPanel/index.css +67 -0
- package/dist/TreeFilterPanel/index.css.map +1 -0
- package/dist/TreeFilterPanel/index.d.ts +27 -0
- package/dist/TreeFilterPanel/index.js +3 -0
- package/dist/TreeFilterPanel/index.js.map +1 -0
- package/dist/TreeTransfer/index.cjs +10 -0
- package/dist/TreeTransfer/index.cjs.map +1 -0
- package/dist/TreeTransfer/index.css +67 -0
- package/dist/TreeTransfer/index.css.map +1 -0
- package/dist/TreeTransfer/index.d.ts +27 -0
- package/dist/TreeTransfer/index.js +4 -0
- package/dist/TreeTransfer/index.js.map +1 -0
- package/dist/TrendIndicator/index.cjs +9 -0
- package/dist/TrendIndicator/index.cjs.map +1 -0
- package/dist/TrendIndicator/index.css +42 -0
- package/dist/TrendIndicator/index.css.map +1 -0
- package/dist/TrendIndicator/index.d.ts +22 -0
- package/dist/TrendIndicator/index.js +3 -0
- package/dist/TrendIndicator/index.js.map +1 -0
- package/dist/VideoPlayer/index.cjs +10 -0
- package/dist/VideoPlayer/index.cjs.map +1 -0
- package/dist/VideoPlayer/index.css +122 -0
- package/dist/VideoPlayer/index.css.map +1 -0
- package/dist/VideoPlayer/index.d.ts +24 -0
- package/dist/VideoPlayer/index.js +4 -0
- package/dist/VideoPlayer/index.js.map +1 -0
- package/dist/VirtualList/index.cjs +9 -0
- package/dist/VirtualList/index.cjs.map +1 -0
- package/dist/VirtualList/index.css +26 -0
- package/dist/VirtualList/index.css.map +1 -0
- package/dist/VirtualList/index.d.ts +22 -0
- package/dist/VirtualList/index.js +3 -0
- package/dist/VirtualList/index.js.map +1 -0
- package/dist/Watermark/index.cjs +9 -0
- package/dist/Watermark/index.cjs.map +1 -0
- package/dist/Watermark/index.css +24 -0
- package/dist/Watermark/index.css.map +1 -0
- package/dist/Watermark/index.d.ts +28 -0
- package/dist/Watermark/index.js +3 -0
- package/dist/Watermark/index.js.map +1 -0
- package/dist/chunk-24ND5WB7.cjs +69 -0
- package/dist/chunk-24ND5WB7.cjs.map +1 -0
- package/dist/chunk-2ARM7X7A.js +44 -0
- package/dist/chunk-2ARM7X7A.js.map +1 -0
- package/dist/chunk-2ORGQ2IY.js +153 -0
- package/dist/chunk-2ORGQ2IY.js.map +1 -0
- package/dist/chunk-3JJP4D5L.js +92 -0
- package/dist/chunk-3JJP4D5L.js.map +1 -0
- package/dist/chunk-4DUMEO5E.cjs +107 -0
- package/dist/chunk-4DUMEO5E.cjs.map +1 -0
- package/dist/chunk-4GQ3X7MG.cjs +241 -0
- package/dist/chunk-4GQ3X7MG.cjs.map +1 -0
- package/dist/chunk-4IBF4R3H.cjs +66 -0
- package/dist/chunk-4IBF4R3H.cjs.map +1 -0
- package/dist/chunk-4MRZVLM6.cjs +103 -0
- package/dist/chunk-4MRZVLM6.cjs.map +1 -0
- package/dist/chunk-4VGH44DT.js +69 -0
- package/dist/chunk-4VGH44DT.js.map +1 -0
- package/dist/chunk-4YPT2HUD.cjs +61 -0
- package/dist/chunk-4YPT2HUD.cjs.map +1 -0
- package/dist/chunk-5G3XVLJF.js +71 -0
- package/dist/chunk-5G3XVLJF.js.map +1 -0
- package/dist/chunk-5GCEQDBM.cjs +99 -0
- package/dist/chunk-5GCEQDBM.cjs.map +1 -0
- package/dist/chunk-5GOF5EZU.cjs +87 -0
- package/dist/chunk-5GOF5EZU.cjs.map +1 -0
- package/dist/chunk-5LA2NPLG.cjs +81 -0
- package/dist/chunk-5LA2NPLG.cjs.map +1 -0
- package/dist/chunk-5MQCVYVD.js +33 -0
- package/dist/chunk-5MQCVYVD.js.map +1 -0
- package/dist/chunk-5NI6HK5V.js +159 -0
- package/dist/chunk-5NI6HK5V.js.map +1 -0
- package/dist/chunk-5WHBZH44.cjs +127 -0
- package/dist/chunk-5WHBZH44.cjs.map +1 -0
- package/dist/chunk-5YQVSOHK.js +44 -0
- package/dist/chunk-5YQVSOHK.js.map +1 -0
- package/dist/chunk-62NPVN7T.js +229 -0
- package/dist/chunk-62NPVN7T.js.map +1 -0
- package/dist/chunk-6OKTK3AQ.cjs +108 -0
- package/dist/chunk-6OKTK3AQ.cjs.map +1 -0
- package/dist/chunk-6TKNFV4B.js +53 -0
- package/dist/chunk-6TKNFV4B.js.map +1 -0
- package/dist/chunk-7AKHSOSZ.js +134 -0
- package/dist/chunk-7AKHSOSZ.js.map +1 -0
- package/dist/chunk-7JLQOQJZ.cjs +106 -0
- package/dist/chunk-7JLQOQJZ.cjs.map +1 -0
- package/dist/chunk-7JRGQL63.js +59 -0
- package/dist/chunk-7JRGQL63.js.map +1 -0
- package/dist/chunk-A4LXKZQ5.js +80 -0
- package/dist/chunk-A4LXKZQ5.js.map +1 -0
- package/dist/chunk-AIIXJB34.js +125 -0
- package/dist/chunk-AIIXJB34.js.map +1 -0
- package/dist/chunk-AJIIY2QT.cjs +161 -0
- package/dist/chunk-AJIIY2QT.cjs.map +1 -0
- package/dist/chunk-AVSFSS7S.cjs +924 -0
- package/dist/chunk-AVSFSS7S.cjs.map +1 -0
- package/dist/chunk-AXHJC7FV.js +106 -0
- package/dist/chunk-AXHJC7FV.js.map +1 -0
- package/dist/chunk-B3HZIYQQ.cjs +46 -0
- package/dist/chunk-B3HZIYQQ.cjs.map +1 -0
- package/dist/chunk-B4VXFHER.js +63 -0
- package/dist/chunk-B4VXFHER.js.map +1 -0
- package/dist/chunk-BXFP7EAW.cjs +176 -0
- package/dist/chunk-BXFP7EAW.cjs.map +1 -0
- package/dist/chunk-C5B5Y4S2.cjs +292 -0
- package/dist/chunk-C5B5Y4S2.cjs.map +1 -0
- package/dist/chunk-D7ZE4NMX.cjs +30 -0
- package/dist/chunk-D7ZE4NMX.cjs.map +1 -0
- package/dist/chunk-DATPWEQK.cjs +73 -0
- package/dist/chunk-DATPWEQK.cjs.map +1 -0
- package/dist/chunk-DFHFXKR5.cjs +113 -0
- package/dist/chunk-DFHFXKR5.cjs.map +1 -0
- package/dist/chunk-DKTB6PKI.js +44 -0
- package/dist/chunk-DKTB6PKI.js.map +1 -0
- package/dist/chunk-DNRZCHZG.js +110 -0
- package/dist/chunk-DNRZCHZG.js.map +1 -0
- package/dist/chunk-EIFN6XMU.cjs +117 -0
- package/dist/chunk-EIFN6XMU.cjs.map +1 -0
- package/dist/chunk-EJNMH7ND.js +122 -0
- package/dist/chunk-EJNMH7ND.js.map +1 -0
- package/dist/chunk-ELI3LL3K.cjs +76 -0
- package/dist/chunk-ELI3LL3K.cjs.map +1 -0
- package/dist/chunk-EQ7S5SYM.js +67 -0
- package/dist/chunk-EQ7S5SYM.js.map +1 -0
- package/dist/chunk-ES3KKDLM.js +245 -0
- package/dist/chunk-ES3KKDLM.js.map +1 -0
- package/dist/chunk-F36V2QTN.js +28 -0
- package/dist/chunk-F36V2QTN.js.map +1 -0
- package/dist/chunk-F42Z33L7.cjs +103 -0
- package/dist/chunk-F42Z33L7.cjs.map +1 -0
- package/dist/chunk-F5X3V6A3.cjs +55 -0
- package/dist/chunk-F5X3V6A3.cjs.map +1 -0
- package/dist/chunk-FBOTWA6O.cjs +97 -0
- package/dist/chunk-FBOTWA6O.cjs.map +1 -0
- package/dist/chunk-FRGH3Q75.cjs +159 -0
- package/dist/chunk-FRGH3Q75.cjs.map +1 -0
- package/dist/chunk-FWRVCH7T.js +37 -0
- package/dist/chunk-FWRVCH7T.js.map +1 -0
- package/dist/chunk-FYFL4PFD.cjs +69 -0
- package/dist/chunk-FYFL4PFD.cjs.map +1 -0
- package/dist/chunk-G564WB32.cjs +57 -0
- package/dist/chunk-G564WB32.cjs.map +1 -0
- package/dist/chunk-GCMI5JGQ.cjs +126 -0
- package/dist/chunk-GCMI5JGQ.cjs.map +1 -0
- package/dist/chunk-GZCNFM6C.js +234 -0
- package/dist/chunk-GZCNFM6C.js.map +1 -0
- package/dist/chunk-H3AASAXK.cjs +82 -0
- package/dist/chunk-H3AASAXK.cjs.map +1 -0
- package/dist/chunk-H5VPBP7U.js +115 -0
- package/dist/chunk-H5VPBP7U.js.map +1 -0
- package/dist/chunk-HQ65GEM7.js +127 -0
- package/dist/chunk-HQ65GEM7.js.map +1 -0
- package/dist/chunk-HSYTBMLN.cjs +44 -0
- package/dist/chunk-HSYTBMLN.cjs.map +1 -0
- package/dist/chunk-HTA5EG6X.cjs +625 -0
- package/dist/chunk-HTA5EG6X.cjs.map +1 -0
- package/dist/chunk-I3HBI52O.js +67 -0
- package/dist/chunk-I3HBI52O.js.map +1 -0
- package/dist/chunk-IECISUOZ.js +920 -0
- package/dist/chunk-IECISUOZ.js.map +1 -0
- package/dist/chunk-IRU5E252.cjs +65 -0
- package/dist/chunk-IRU5E252.cjs.map +1 -0
- package/dist/chunk-IUR7SPDA.js +322 -0
- package/dist/chunk-IUR7SPDA.js.map +1 -0
- package/dist/chunk-J3IKUWXD.js +102 -0
- package/dist/chunk-J3IKUWXD.js.map +1 -0
- package/dist/chunk-JD4TEUIV.js +47 -0
- package/dist/chunk-JD4TEUIV.js.map +1 -0
- package/dist/chunk-K3JC52JH.cjs +49 -0
- package/dist/chunk-K3JC52JH.cjs.map +1 -0
- package/dist/chunk-K5FWY6HB.cjs +129 -0
- package/dist/chunk-K5FWY6HB.cjs.map +1 -0
- package/dist/chunk-KBBLTGIU.js +73 -0
- package/dist/chunk-KBBLTGIU.js.map +1 -0
- package/dist/chunk-KCXXUUWC.js +47 -0
- package/dist/chunk-KCXXUUWC.js.map +1 -0
- package/dist/chunk-KUW2ZR2A.cjs +183 -0
- package/dist/chunk-KUW2ZR2A.cjs.map +1 -0
- package/dist/chunk-L7ULSFW6.cjs +35 -0
- package/dist/chunk-L7ULSFW6.cjs.map +1 -0
- package/dist/chunk-LBEGRYTP.js +219 -0
- package/dist/chunk-LBEGRYTP.js.map +1 -0
- package/dist/chunk-N7IQ6LYD.cjs +71 -0
- package/dist/chunk-N7IQ6LYD.cjs.map +1 -0
- package/dist/chunk-NCNDJTOK.js +101 -0
- package/dist/chunk-NCNDJTOK.js.map +1 -0
- package/dist/chunk-NFC2C2TD.js +181 -0
- package/dist/chunk-NFC2C2TD.js.map +1 -0
- package/dist/chunk-NMYXVZQP.cjs +121 -0
- package/dist/chunk-NMYXVZQP.cjs.map +1 -0
- package/dist/chunk-NNS4YN3C.js +42 -0
- package/dist/chunk-NNS4YN3C.js.map +1 -0
- package/dist/chunk-ODV3XF5W.cjs +71 -0
- package/dist/chunk-ODV3XF5W.cjs.map +1 -0
- package/dist/chunk-OJEZ3TKT.js +119 -0
- package/dist/chunk-OJEZ3TKT.js.map +1 -0
- package/dist/chunk-OYRX4AY6.js +159 -0
- package/dist/chunk-OYRX4AY6.js.map +1 -0
- package/dist/chunk-PBPGBVQQ.cjs +98 -0
- package/dist/chunk-PBPGBVQQ.cjs.map +1 -0
- package/dist/chunk-PIIJVF5D.cjs +108 -0
- package/dist/chunk-PIIJVF5D.cjs.map +1 -0
- package/dist/chunk-PMNTOEXC.js +97 -0
- package/dist/chunk-PMNTOEXC.js.map +1 -0
- package/dist/chunk-PVKBGP6Q.js +174 -0
- package/dist/chunk-PVKBGP6Q.js.map +1 -0
- package/dist/chunk-Q4QF6UYX.cjs +520 -0
- package/dist/chunk-Q4QF6UYX.cjs.map +1 -0
- package/dist/chunk-QI7XQDFZ.cjs +221 -0
- package/dist/chunk-QI7XQDFZ.cjs.map +1 -0
- package/dist/chunk-QKSCFVN2.js +96 -0
- package/dist/chunk-QKSCFVN2.js.map +1 -0
- package/dist/chunk-R77VVMV5.cjs +328 -0
- package/dist/chunk-R77VVMV5.cjs.map +1 -0
- package/dist/chunk-R7CRWOHG.js +101 -0
- package/dist/chunk-R7CRWOHG.js.map +1 -0
- package/dist/chunk-RIR43PO3.js +69 -0
- package/dist/chunk-RIR43PO3.js.map +1 -0
- package/dist/chunk-RTAQSOVE.cjs +161 -0
- package/dist/chunk-RTAQSOVE.cjs.map +1 -0
- package/dist/chunk-RWZSTG6Q.cjs +131 -0
- package/dist/chunk-RWZSTG6Q.cjs.map +1 -0
- package/dist/chunk-SMVAHIBN.cjs +46 -0
- package/dist/chunk-SMVAHIBN.cjs.map +1 -0
- package/dist/chunk-TGSKTHTV.js +494 -0
- package/dist/chunk-TGSKTHTV.js.map +1 -0
- package/dist/chunk-TNKJCJ3U.cjs +94 -0
- package/dist/chunk-TNKJCJ3U.cjs.map +1 -0
- package/dist/chunk-U2TTRBES.js +286 -0
- package/dist/chunk-U2TTRBES.js.map +1 -0
- package/dist/chunk-UT5UXO44.js +125 -0
- package/dist/chunk-UT5UXO44.js.map +1 -0
- package/dist/chunk-VIJ3PXCW.cjs +104 -0
- package/dist/chunk-VIJ3PXCW.cjs.map +1 -0
- package/dist/chunk-VJM2XBHZ.cjs +31 -0
- package/dist/chunk-VJM2XBHZ.cjs.map +1 -0
- package/dist/chunk-VPHHGQWP.js +104 -0
- package/dist/chunk-VPHHGQWP.js.map +1 -0
- package/dist/chunk-VQKPZ4YE.cjs +251 -0
- package/dist/chunk-VQKPZ4YE.cjs.map +1 -0
- package/dist/chunk-VTANPKPT.js +71 -0
- package/dist/chunk-VTANPKPT.js.map +1 -0
- package/dist/chunk-W6BUNUQM.cjs +46 -0
- package/dist/chunk-W6BUNUQM.cjs.map +1 -0
- package/dist/chunk-WBN5SAY5.js +53 -0
- package/dist/chunk-WBN5SAY5.js.map +1 -0
- package/dist/chunk-WWL4VEPH.js +51 -0
- package/dist/chunk-WWL4VEPH.js.map +1 -0
- package/dist/chunk-WZ2GV4HA.js +49 -0
- package/dist/chunk-WZ2GV4HA.js.map +1 -0
- package/dist/chunk-X2F2DVMB.js +85 -0
- package/dist/chunk-X2F2DVMB.js.map +1 -0
- package/dist/chunk-X4MEHYWV.js +105 -0
- package/dist/chunk-X4MEHYWV.js.map +1 -0
- package/dist/chunk-X7EE5DXL.js +64 -0
- package/dist/chunk-X7EE5DXL.js.map +1 -0
- package/dist/chunk-XB3BT6BU.js +619 -0
- package/dist/chunk-XB3BT6BU.js.map +1 -0
- package/dist/chunk-XMBTKO5I.cjs +136 -0
- package/dist/chunk-XMBTKO5I.cjs.map +1 -0
- package/dist/chunk-XO6PBAAM.cjs +73 -0
- package/dist/chunk-XO6PBAAM.cjs.map +1 -0
- package/dist/chunk-XWHITF5V.cjs +31 -0
- package/dist/chunk-XWHITF5V.cjs.map +1 -0
- package/dist/chunk-XYJMP23P.cjs +159 -0
- package/dist/chunk-XYJMP23P.cjs.map +1 -0
- package/dist/chunk-Y7A3WQQN.js +79 -0
- package/dist/chunk-Y7A3WQQN.js.map +1 -0
- package/dist/chunk-YJESCN4Y.cjs +39 -0
- package/dist/chunk-YJESCN4Y.cjs.map +1 -0
- package/dist/chunk-YPVRTMX6.js +91 -0
- package/dist/chunk-YPVRTMX6.js.map +1 -0
- package/dist/chunk-YXTLWTY4.js +29 -0
- package/dist/chunk-YXTLWTY4.js.map +1 -0
- package/dist/chunk-Z5LFRNNJ.js +157 -0
- package/dist/chunk-Z5LFRNNJ.js.map +1 -0
- package/dist/chunk-ZAHKA2V2.js +106 -0
- package/dist/chunk-ZAHKA2V2.js.map +1 -0
- package/dist/chunk-ZFBLVX7E.cjs +51 -0
- package/dist/chunk-ZFBLVX7E.cjs.map +1 -0
- package/dist/chunk-ZGWBLJ6U.cjs +55 -0
- package/dist/chunk-ZGWBLJ6U.cjs.map +1 -0
- package/dist/chunk-ZLHNRKOQ.js +29 -0
- package/dist/chunk-ZLHNRKOQ.js.map +1 -0
- package/dist/chunk-ZQBEQK2I.cjs +231 -0
- package/dist/chunk-ZQBEQK2I.cjs.map +1 -0
- package/dist/chunk-ZSK74QFN.cjs +49 -0
- package/dist/chunk-ZSK74QFN.cjs.map +1 -0
- package/dist/index.cjs +334 -8233
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +36 -187
- package/dist/index.css.map +1 -1
- package/dist/index.js +63 -8155
- package/dist/index.js.map +1 -1
- package/dist/src/icons.d.ts +70 -0
- package/dist/src/index.d.ts +124 -0
- package/dist/tsup.config.d.ts +2 -0
- package/dist/vite.config.d.ts +2 -0
- package/package.json +17 -3
- package/dist/index.d.cts +0 -1704
- package/dist/index.d.ts +0 -1704
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { CountUp_default } from './chunk-OJEZ3TKT.js';
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
|
|
4
|
+
function generateSparklinePath(data, width = 200, height = 36) {
|
|
5
|
+
if (!data || data.length < 2) return { linePath: "", fillPath: "" };
|
|
6
|
+
const min = Math.min(...data);
|
|
7
|
+
const max = Math.max(...data);
|
|
8
|
+
const range = max - min || 1;
|
|
9
|
+
const padding = 2;
|
|
10
|
+
const usableHeight = height - padding * 2;
|
|
11
|
+
const points = data.map((val, idx) => {
|
|
12
|
+
const x = idx / (data.length - 1) * width;
|
|
13
|
+
const y = height - padding - (val - min) / range * usableHeight;
|
|
14
|
+
return `${x.toFixed(1)},${y.toFixed(1)}`;
|
|
15
|
+
});
|
|
16
|
+
const linePath = `M ${points.join(" L ")}`;
|
|
17
|
+
const fillPath = `M ${points[0]} L ${points.join(" L ")} L ${width},${height} L 0,${height} Z`;
|
|
18
|
+
return { linePath, fillPath };
|
|
19
|
+
}
|
|
20
|
+
var MetricCard = ({
|
|
21
|
+
title,
|
|
22
|
+
value,
|
|
23
|
+
prefix,
|
|
24
|
+
suffix,
|
|
25
|
+
trend,
|
|
26
|
+
trendValue,
|
|
27
|
+
trendLabel,
|
|
28
|
+
chartData,
|
|
29
|
+
chartColor = "#1677ff",
|
|
30
|
+
footer,
|
|
31
|
+
extra,
|
|
32
|
+
className = "",
|
|
33
|
+
style
|
|
34
|
+
}) => {
|
|
35
|
+
const isNumeric = typeof value === "number";
|
|
36
|
+
const { linePath, fillPath } = chartData ? generateSparklinePath(chartData) : { linePath: "", fillPath: "" };
|
|
37
|
+
return /* @__PURE__ */ jsxs("div", { className: `rpc_metric_card ${className}`, style, children: [
|
|
38
|
+
/* @__PURE__ */ jsxs("div", { className: "rpc_metric_card_header", children: [
|
|
39
|
+
/* @__PURE__ */ jsx("span", { className: "rpc_metric_card_title", children: title }),
|
|
40
|
+
extra && /* @__PURE__ */ jsx("div", { children: extra })
|
|
41
|
+
] }),
|
|
42
|
+
/* @__PURE__ */ jsxs("div", { className: "rpc_metric_card_body", children: [
|
|
43
|
+
/* @__PURE__ */ jsxs("div", { className: "rpc_metric_card_value_wrap", children: [
|
|
44
|
+
prefix && /* @__PURE__ */ jsx("span", { className: "rpc_metric_card_prefix", children: prefix }),
|
|
45
|
+
/* @__PURE__ */ jsx("span", { className: "rpc_metric_card_value", children: isNumeric ? /* @__PURE__ */ jsx(CountUp_default, { end: value, duration: 1.2 }) : value }),
|
|
46
|
+
suffix && /* @__PURE__ */ jsx("span", { className: "rpc_metric_card_suffix", children: suffix })
|
|
47
|
+
] }),
|
|
48
|
+
trend && /* @__PURE__ */ jsxs("div", { className: `rpc_metric_card_trend rpc_metric_card_trend_${trend}`, children: [
|
|
49
|
+
/* @__PURE__ */ jsx("span", { children: trend === "up" ? "\u25B2" : "\u25BC" }),
|
|
50
|
+
/* @__PURE__ */ jsx("span", { children: trendValue }),
|
|
51
|
+
trendLabel && /* @__PURE__ */ jsx("span", { style: { color: "#8c8c8c", fontWeight: 400, marginLeft: 2 }, children: trendLabel })
|
|
52
|
+
] })
|
|
53
|
+
] }),
|
|
54
|
+
chartData && chartData.length > 1 && /* @__PURE__ */ jsx("div", { className: "rpc_metric_card_sparkline", children: /* @__PURE__ */ jsxs("svg", { width: "100%", height: "100%", viewBox: "0 0 200 36", preserveAspectRatio: "none", children: [
|
|
55
|
+
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: `grad-${chartColor}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
|
|
56
|
+
/* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: chartColor, stopOpacity: "0.25" }),
|
|
57
|
+
/* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: chartColor, stopOpacity: "0" })
|
|
58
|
+
] }) }),
|
|
59
|
+
/* @__PURE__ */ jsx("path", { d: fillPath, fill: `url(#grad-${chartColor})` }),
|
|
60
|
+
/* @__PURE__ */ jsx("path", { d: linePath, fill: "none", stroke: chartColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
61
|
+
] }) }),
|
|
62
|
+
footer && /* @__PURE__ */ jsx("div", { className: "rpc_metric_card_footer", children: footer })
|
|
63
|
+
] });
|
|
64
|
+
};
|
|
65
|
+
var MetricCard_default = MetricCard;
|
|
66
|
+
|
|
67
|
+
export { MetricCard_default };
|
|
68
|
+
//# sourceMappingURL=chunk-4VGH44DT.js.map
|
|
69
|
+
//# sourceMappingURL=chunk-4VGH44DT.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../MetricCard/index.tsx"],"names":[],"mappings":"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","file":"chunk-4VGH44DT.js","sourcesContent":["import React, { ReactNode, CSSProperties } from 'react';\nimport CountUp from '../CountUp';\nimport './index.less';\n\nexport interface MetricCardProps {\n\t/** 卡片标题 */\n\ttitle: ReactNode;\n\t/** 指标数值(若是数字则自动平滑滚动) */\n\tvalue: number | string;\n\t/** 数值前缀(如 '¥') */\n\tprefix?: ReactNode;\n\t/** 数值后缀(如 '元' / '%') */\n\tsuffix?: ReactNode;\n\t/** 趋势方向:'up' 上升(绿色),'down' 下降(红色) */\n\ttrend?: 'up' | 'down';\n\t/** 趋势数值说明(如 '+18.5%' 或 '-3.2%') */\n\ttrendValue?: ReactNode;\n\t/** 趋势比较文本说明(如 '较上月') */\n\ttrendLabel?: ReactNode;\n\t/** 迷你折线图数据数组(如 [12, 18, 15, 26, 32, 40]) */\n\tchartData?: number[];\n\t/** 折线图颜色,默认为 '#1677ff' */\n\tchartColor?: string;\n\t/** 底部说明节点 */\n\tfooter?: ReactNode;\n\t/** 右上角额外操作节点 */\n\textra?: ReactNode;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\n// 自动生成 SVG Sparkline 迷你平滑路径\nfunction generateSparklinePath(data: number[], width: number = 200, height: number = 36) {\n\tif (!data || data.length < 2) return { linePath: '', fillPath: '' };\n\n\tconst min = Math.min(...data);\n\tconst max = Math.max(...data);\n\tconst range = max - min || 1;\n\n\tconst padding = 2;\n\tconst usableHeight = height - padding * 2;\n\n\tconst points = data.map((val, idx) => {\n\t\tconst x = (idx / (data.length - 1)) * width;\n\t\tconst y = height - padding - ((val - min) / range) * usableHeight;\n\t\treturn `${x.toFixed(1)},${y.toFixed(1)}`;\n\t});\n\n\tconst linePath = `M ${points.join(' L ')}`;\n\tconst fillPath = `M ${points[0]} L ${points.join(' L ')} L ${width},${height} L 0,${height} Z`;\n\n\treturn { linePath, fillPath };\n}\n\nconst MetricCard: React.FC<MetricCardProps> = ({\n\ttitle,\n\tvalue,\n\tprefix,\n\tsuffix,\n\ttrend,\n\ttrendValue,\n\ttrendLabel,\n\tchartData,\n\tchartColor = '#1677ff',\n\tfooter,\n\textra,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst isNumeric = typeof value === 'number';\n\tconst { linePath, fillPath } = chartData ? generateSparklinePath(chartData) : { linePath: '', fillPath: '' };\n\n\treturn (\n\t\t<div className={`rpc_metric_card ${className}`} style={style}>\n\t\t\t{/* 头部标题与操作 */}\n\t\t\t<div className=\"rpc_metric_card_header\">\n\t\t\t\t<span className=\"rpc_metric_card_title\">{title}</span>\n\t\t\t\t{extra && <div>{extra}</div>}\n\t\t\t</div>\n\n\t\t\t{/* 主体数值与趋势 */}\n\t\t\t<div className=\"rpc_metric_card_body\">\n\t\t\t\t<div className=\"rpc_metric_card_value_wrap\">\n\t\t\t\t\t{prefix && <span className=\"rpc_metric_card_prefix\">{prefix}</span>}\n\t\t\t\t\t<span className=\"rpc_metric_card_value\">\n\t\t\t\t\t\t{isNumeric ? <CountUp end={value as number} duration={1.2} /> : value}\n\t\t\t\t\t</span>\n\t\t\t\t\t{suffix && <span className=\"rpc_metric_card_suffix\">{suffix}</span>}\n\t\t\t\t</div>\n\n\t\t\t\t{trend && (\n\t\t\t\t\t<div className={`rpc_metric_card_trend rpc_metric_card_trend_${trend}`}>\n\t\t\t\t\t\t<span>{trend === 'up' ? '▲' : '▼'}</span>\n\t\t\t\t\t\t<span>{trendValue}</span>\n\t\t\t\t\t\t{trendLabel && <span style={{ color: '#8c8c8c', fontWeight: 400, marginLeft: 2 }}>{trendLabel}</span>}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{/* 微折线 Sparkline 图 */}\n\t\t\t{chartData && chartData.length > 1 && (\n\t\t\t\t<div className=\"rpc_metric_card_sparkline\">\n\t\t\t\t\t<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 200 36\" preserveAspectRatio=\"none\">\n\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t<linearGradient id={`grad-${chartColor}`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n\t\t\t\t\t\t\t\t<stop offset=\"0%\" stopColor={chartColor} stopOpacity=\"0.25\" />\n\t\t\t\t\t\t\t\t<stop offset=\"100%\" stopColor={chartColor} stopOpacity=\"0\" />\n\t\t\t\t\t\t\t</linearGradient>\n\t\t\t\t\t\t</defs>\n\t\t\t\t\t\t<path d={fillPath} fill={`url(#grad-${chartColor})`} />\n\t\t\t\t\t\t<path d={linePath} fill=\"none\" stroke={chartColor} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* 底部备注 */}\n\t\t\t{footer && <div className=\"rpc_metric_card_footer\">{footer}</div>}\n\t\t</div>\n\t);\n};\n\nexport default MetricCard;\n"]}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkQ4QF6UYX_cjs = require('./chunk-Q4QF6UYX.cjs');
|
|
4
|
+
var react = require('react');
|
|
5
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
|
|
7
|
+
var PdfViewer = ({
|
|
8
|
+
src,
|
|
9
|
+
title = "PDF Document Preview",
|
|
10
|
+
width = "100%",
|
|
11
|
+
height = 500,
|
|
12
|
+
showDownload = true,
|
|
13
|
+
className = "",
|
|
14
|
+
style
|
|
15
|
+
}) => {
|
|
16
|
+
const [zoom, setZoom] = react.useState(100);
|
|
17
|
+
const [rotation, setRotation] = react.useState(0);
|
|
18
|
+
const handleZoomIn = () => {
|
|
19
|
+
setZoom((prev) => Math.min(200, prev + 15));
|
|
20
|
+
};
|
|
21
|
+
const handleZoomOut = () => {
|
|
22
|
+
setZoom((prev) => Math.max(50, prev - 15));
|
|
23
|
+
};
|
|
24
|
+
const handleRotate = () => {
|
|
25
|
+
setRotation((prev) => (prev + 90) % 360);
|
|
26
|
+
};
|
|
27
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rpc_pdf_viewer ${className}`, style: { width, height, ...style }, children: [
|
|
28
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_pdf_viewer_toolbar", children: [
|
|
29
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_pdf_viewer_title", children: title }),
|
|
30
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_pdf_viewer_actions", children: [
|
|
31
|
+
/* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "rpc_pdf_viewer_btn", onClick: handleZoomOut, title: "\u7F29\u5C0F", children: /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.ZoomOutOutlined, {}) }),
|
|
32
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: 12, minWidth: 40, textAlign: "center" }, children: [
|
|
33
|
+
zoom,
|
|
34
|
+
"%"
|
|
35
|
+
] }),
|
|
36
|
+
/* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "rpc_pdf_viewer_btn", onClick: handleZoomIn, title: "\u653E\u5927", children: /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.ZoomInOutlined, {}) }),
|
|
37
|
+
/* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "rpc_pdf_viewer_btn", onClick: handleRotate, title: "\u987A\u65F6\u9488\u65CB\u8F6C 90\xB0", children: /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.RotateRightOutlined, {}) }),
|
|
38
|
+
showDownload && /* @__PURE__ */ jsxRuntime.jsxs("a", { href: src, download: true, className: "rpc_pdf_viewer_btn", title: "\u4E0B\u8F7D PDF", children: [
|
|
39
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.DownloadOutlined, {}),
|
|
40
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u4E0B\u8F7D" })
|
|
41
|
+
] })
|
|
42
|
+
] })
|
|
43
|
+
] }),
|
|
44
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_pdf_viewer_body", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
45
|
+
"iframe",
|
|
46
|
+
{
|
|
47
|
+
src: `${src}#toolbar=0&navpanes=0`,
|
|
48
|
+
title: "PDF Preview Frame",
|
|
49
|
+
className: "rpc_pdf_viewer_frame",
|
|
50
|
+
style: {
|
|
51
|
+
transform: `scale(${zoom / 100}) rotate(${rotation}deg)`
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
) })
|
|
55
|
+
] });
|
|
56
|
+
};
|
|
57
|
+
var PdfViewer_default = PdfViewer;
|
|
58
|
+
|
|
59
|
+
exports.PdfViewer_default = PdfViewer_default;
|
|
60
|
+
//# sourceMappingURL=chunk-4YPT2HUD.cjs.map
|
|
61
|
+
//# sourceMappingURL=chunk-4YPT2HUD.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../PdfViewer/index.tsx"],"names":["useState","jsxs","jsx","ZoomOutOutlined","ZoomInOutlined","RotateRightOutlined","DownloadOutlined"],"mappings":"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","file":"chunk-4YPT2HUD.cjs","sourcesContent":["import React, { useState, ReactNode, CSSProperties } from 'react';\nimport { ZoomInOutlined, ZoomOutOutlined, RotateRightOutlined, DownloadOutlined } from '../src/icons';\nimport './index.less';\n\nexport interface PdfViewerProps {\n\t/** PDF 文件 URL 地址 */\n\tsrc: string;\n\t/** 文档标题 */\n\ttitle?: ReactNode;\n\t/** 宽度,默认为 '100%' */\n\twidth?: number | string;\n\t/** 高度,默认为 500 */\n\theight?: number | string;\n\t/** 是否显示下载按钮,默认为 true */\n\tshowDownload?: boolean;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst PdfViewer: React.FC<PdfViewerProps> = ({\n\tsrc,\n\ttitle = 'PDF Document Preview',\n\twidth = '100%',\n\theight = 500,\n\tshowDownload = true,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [zoom, setZoom] = useState<number>(100);\n\tconst [rotation, setRotation] = useState<number>(0);\n\n\tconst handleZoomIn = () => {\n\t\tsetZoom((prev) => Math.min(200, prev + 15));\n\t};\n\n\tconst handleZoomOut = () => {\n\t\tsetZoom((prev) => Math.max(50, prev - 15));\n\t};\n\n\tconst handleRotate = () => {\n\t\tsetRotation((prev) => (prev + 90) % 360);\n\t};\n\n\treturn (\n\t\t<div className={`rpc_pdf_viewer ${className}`} style={{ width, height, ...style }}>\n\t\t\t{/* 顶部工具栏 */}\n\t\t\t<div className=\"rpc_pdf_viewer_toolbar\">\n\t\t\t\t<span className=\"rpc_pdf_viewer_title\">{title}</span>\n\n\t\t\t\t<div className=\"rpc_pdf_viewer_actions\">\n\t\t\t\t\t<button type=\"button\" className=\"rpc_pdf_viewer_btn\" onClick={handleZoomOut} title=\"缩小\">\n\t\t\t\t\t\t<ZoomOutOutlined />\n\t\t\t\t\t</button>\n\n\t\t\t\t\t<span style={{ fontSize: 12, minWidth: 40, textAlign: 'center' }}>{zoom}%</span>\n\n\t\t\t\t\t<button type=\"button\" className=\"rpc_pdf_viewer_btn\" onClick={handleZoomIn} title=\"放大\">\n\t\t\t\t\t\t<ZoomInOutlined />\n\t\t\t\t\t</button>\n\n\t\t\t\t\t<button type=\"button\" className=\"rpc_pdf_viewer_btn\" onClick={handleRotate} title=\"顺时针旋转 90°\">\n\t\t\t\t\t\t<RotateRightOutlined />\n\t\t\t\t\t</button>\n\n\t\t\t\t\t{showDownload && (\n\t\t\t\t\t\t<a href={src} download className=\"rpc_pdf_viewer_btn\" title=\"下载 PDF\">\n\t\t\t\t\t\t\t<DownloadOutlined />\n\t\t\t\t\t\t\t<span>下载</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* PDF 内容嵌入容器 */}\n\t\t\t<div className=\"rpc_pdf_viewer_body\">\n\t\t\t\t<iframe\n\t\t\t\t\tsrc={`${src}#toolbar=0&navpanes=0`}\n\t\t\t\t\ttitle=\"PDF Preview Frame\"\n\t\t\t\t\tclassName=\"rpc_pdf_viewer_frame\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\ttransform: `scale(${zoom / 100}) rotate(${rotation}deg)`,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default PdfViewer;\n"]}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { LoadingOutlined } from './chunk-TGSKTHTV.js';
|
|
2
|
+
import { useRef, useCallback, useEffect } from 'react';
|
|
3
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
var InfiniteScrollList = ({
|
|
6
|
+
children,
|
|
7
|
+
hasMore,
|
|
8
|
+
loading,
|
|
9
|
+
onLoadMore,
|
|
10
|
+
threshold = 40,
|
|
11
|
+
endMessage = "\u5DF2\u7ECF\u5230\u5E95\u5566 ~",
|
|
12
|
+
loadingIndicator,
|
|
13
|
+
height,
|
|
14
|
+
scrollableTarget,
|
|
15
|
+
className = "",
|
|
16
|
+
style
|
|
17
|
+
}) => {
|
|
18
|
+
const containerRef = useRef(null);
|
|
19
|
+
const sentinelRef = useRef(null);
|
|
20
|
+
const handleLoadMore = useCallback(() => {
|
|
21
|
+
if (!loading && hasMore) {
|
|
22
|
+
onLoadMore();
|
|
23
|
+
}
|
|
24
|
+
}, [loading, hasMore, onLoadMore]);
|
|
25
|
+
useEffect(() => {
|
|
26
|
+
const sentinel = sentinelRef.current;
|
|
27
|
+
if (!sentinel) return;
|
|
28
|
+
const targetEl = typeof scrollableTarget === "function" ? scrollableTarget() : scrollableTarget || (height ? containerRef.current : null);
|
|
29
|
+
const observer = new IntersectionObserver(
|
|
30
|
+
([entry]) => {
|
|
31
|
+
if (entry.isIntersecting) {
|
|
32
|
+
handleLoadMore();
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
root: targetEl || null,
|
|
37
|
+
rootMargin: `0px 0px ${threshold}px 0px`,
|
|
38
|
+
threshold: 0
|
|
39
|
+
}
|
|
40
|
+
);
|
|
41
|
+
observer.observe(sentinel);
|
|
42
|
+
return () => observer.disconnect();
|
|
43
|
+
}, [height, scrollableTarget, threshold, handleLoadMore]);
|
|
44
|
+
const defaultLoadingIndicator = /* @__PURE__ */ jsxs("div", { className: "rpc_infinite_scroll_list_footer", children: [
|
|
45
|
+
/* @__PURE__ */ jsx(LoadingOutlined, { style: { fontSize: 16, color: "#1677ff" } }),
|
|
46
|
+
/* @__PURE__ */ jsx("span", { children: "\u6B63\u5728\u52A0\u8F7D\u66F4\u591A\u6570\u636E..." })
|
|
47
|
+
] });
|
|
48
|
+
const isLocalScroll = Boolean(height);
|
|
49
|
+
return /* @__PURE__ */ jsxs(
|
|
50
|
+
"div",
|
|
51
|
+
{
|
|
52
|
+
ref: containerRef,
|
|
53
|
+
className: `rpc_infinite_scroll_list ${isLocalScroll ? "rpc_infinite_scroll_list_container" : ""} ${className}`,
|
|
54
|
+
style: {
|
|
55
|
+
height,
|
|
56
|
+
...style
|
|
57
|
+
},
|
|
58
|
+
children: [
|
|
59
|
+
children,
|
|
60
|
+
/* @__PURE__ */ jsx("div", { ref: sentinelRef, style: { height: 1, margin: 0, padding: 0 } }),
|
|
61
|
+
loading && (loadingIndicator || defaultLoadingIndicator),
|
|
62
|
+
!hasMore && endMessage && /* @__PURE__ */ jsx("div", { className: "rpc_infinite_scroll_list_footer rpc_infinite_scroll_list_end", children: endMessage })
|
|
63
|
+
]
|
|
64
|
+
}
|
|
65
|
+
);
|
|
66
|
+
};
|
|
67
|
+
var InfiniteScrollList_default = InfiniteScrollList;
|
|
68
|
+
|
|
69
|
+
export { InfiniteScrollList_default };
|
|
70
|
+
//# sourceMappingURL=chunk-5G3XVLJF.js.map
|
|
71
|
+
//# sourceMappingURL=chunk-5G3XVLJF.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../InfiniteScrollList/index.tsx"],"names":[],"mappings":";;;;AA6BA,IAAM,qBAAwD,CAAC;AAAA,EAC9D,QAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,UAAA,GAAa,kCAAA;AAAA,EACb,gBAAA;AAAA,EACA,MAAA;AAAA,EACA,gBAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,YAAA,GAAe,OAAuB,IAAI,CAAA;AAChD,EAAA,MAAM,WAAA,GAAc,OAAuB,IAAI,CAAA;AAE/C,EAAA,MAAM,cAAA,GAAiB,YAAY,MAAM;AACxC,IAAA,IAAI,CAAC,WAAW,OAAA,EAAS;AACxB,MAAA,UAAA,EAAW;AAAA,IACZ;AAAA,EACD,CAAA,EAAG,CAAC,OAAA,EAAS,OAAA,EAAS,UAAU,CAAC,CAAA;AAGjC,EAAA,SAAA,CAAU,MAAM;AACf,IAAA,MAAM,WAAW,WAAA,CAAY,OAAA;AAC7B,IAAA,IAAI,CAAC,QAAA,EAAU;AAEf,IAAA,MAAM,QAAA,GACL,OAAO,gBAAA,KAAqB,UAAA,GACzB,kBAAiB,GACjB,gBAAA,KAAqB,MAAA,GAAS,YAAA,CAAa,OAAA,GAAU,IAAA,CAAA;AAEzD,IAAA,MAAM,WAAW,IAAI,oBAAA;AAAA,MACpB,CAAC,CAAC,KAAK,CAAA,KAAM;AACZ,QAAA,IAAI,MAAM,cAAA,EAAgB;AACzB,UAAA,cAAA,EAAe;AAAA,QAChB;AAAA,MACD,CAAA;AAAA,MACA;AAAA,QACC,MAAM,QAAA,IAAY,IAAA;AAAA,QAClB,UAAA,EAAY,WAAW,SAAS,CAAA,MAAA,CAAA;AAAA,QAChC,SAAA,EAAW;AAAA;AACZ,KACD;AAEA,IAAA,QAAA,CAAS,QAAQ,QAAQ,CAAA;AACzB,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EAClC,GAAG,CAAC,MAAA,EAAQ,gBAAA,EAAkB,SAAA,EAAW,cAAc,CAAC,CAAA;AAExD,EAAA,MAAM,uBAAA,mBACL,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EACd,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,mBAAgB,KAAA,EAAO,EAAE,UAAU,EAAA,EAAI,KAAA,EAAO,WAAU,EAAG,CAAA;AAAA,oBAC5D,GAAA,CAAC,UAAK,QAAA,EAAA,qDAAA,EAAW;AAAA,GAAA,EAClB,CAAA;AAGD,EAAA,MAAM,aAAA,GAAgB,QAAQ,MAAM,CAAA;AAEpC,EAAA,uBACC,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,GAAA,EAAK,YAAA;AAAA,MACL,WAAW,CAAA,yBAAA,EACV,aAAA,GAAgB,oCAAA,GAAuC,EACxD,IAAI,SAAS,CAAA,CAAA;AAAA,MACb,KAAA,EAAO;AAAA,QACN,MAAA;AAAA,QACA,GAAG;AAAA,OACJ;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBAGD,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAK,WAAA,EAAa,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,OAAA,EAAS,CAAA,EAAE,EAAG,CAAA;AAAA,QAGnE,YAAY,gBAAA,IAAoB,uBAAA,CAAA;AAAA,QAChC,CAAC,OAAA,IAAW,UAAA,wBACX,KAAA,EAAA,EAAI,SAAA,EAAU,gEACb,QAAA,EAAA,UAAA,EACF;AAAA;AAAA;AAAA,GAEF;AAEF,CAAA;AAEA,IAAO,0BAAA,GAAQ","file":"chunk-5G3XVLJF.js","sourcesContent":["import React, { useRef, useEffect, useCallback, ReactNode, CSSProperties } from 'react';\nimport { LoadingOutlined } from '../src/icons';\nimport './index.less';\n\nexport interface InfiniteScrollListProps {\n\t/** 列表项子内容 */\n\tchildren: ReactNode;\n\t/** 是否还有更多数据可供加载 */\n\thasMore: boolean;\n\t/** 当前是否正在加载下一页 */\n\tloading: boolean;\n\t/** 触底加载下一页回调 */\n\tonLoadMore: () => void | Promise<void>;\n\t/** 触发加载的触底距离阈值(像素),默认为 40 */\n\tthreshold?: number;\n\t/** 没有更多数据时的底部提示内容,默认为 '已经到底啦 ~' */\n\tendMessage?: ReactNode;\n\t/** 加载中指示器组件,默认为 Spin 图标与 '正在加载更多...' */\n\tloadingIndicator?: ReactNode;\n\t/** 容器固定高度(传值时为局部滚动容器,不传时监听 window 全局滚动) */\n\theight?: number | string;\n\t/** 滚动容器 ref 或自定义对象 */\n\tscrollableTarget?: HTMLElement | (() => HTMLElement | null) | null;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst InfiniteScrollList: React.FC<InfiniteScrollListProps> = ({\n\tchildren,\n\thasMore,\n\tloading,\n\tonLoadMore,\n\tthreshold = 40,\n\tendMessage = '已经到底啦 ~',\n\tloadingIndicator,\n\theight,\n\tscrollableTarget,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\tconst sentinelRef = useRef<HTMLDivElement>(null);\n\n\tconst handleLoadMore = useCallback(() => {\n\t\tif (!loading && hasMore) {\n\t\t\tonLoadMore();\n\t\t}\n\t}, [loading, hasMore, onLoadMore]);\n\n\t// 使用 IntersectionObserver 监听底部哨兵元素\n\tuseEffect(() => {\n\t\tconst sentinel = sentinelRef.current;\n\t\tif (!sentinel) return;\n\n\t\tconst targetEl =\n\t\t\ttypeof scrollableTarget === 'function'\n\t\t\t\t? scrollableTarget()\n\t\t\t\t: scrollableTarget || (height ? containerRef.current : null);\n\n\t\tconst observer = new IntersectionObserver(\n\t\t\t([entry]) => {\n\t\t\t\tif (entry.isIntersecting) {\n\t\t\t\t\thandleLoadMore();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\troot: targetEl || null,\n\t\t\t\trootMargin: `0px 0px ${threshold}px 0px`,\n\t\t\t\tthreshold: 0,\n\t\t\t},\n\t\t);\n\n\t\tobserver.observe(sentinel);\n\t\treturn () => observer.disconnect();\n\t}, [height, scrollableTarget, threshold, handleLoadMore]);\n\n\tconst defaultLoadingIndicator = (\n\t\t<div className=\"rpc_infinite_scroll_list_footer\">\n\t\t\t<LoadingOutlined style={{ fontSize: 16, color: '#1677ff' }} />\n\t\t\t<span>正在加载更多数据...</span>\n\t\t</div>\n\t);\n\n\tconst isLocalScroll = Boolean(height);\n\n\treturn (\n\t\t<div\n\t\t\tref={containerRef}\n\t\t\tclassName={`rpc_infinite_scroll_list ${\n\t\t\t\tisLocalScroll ? 'rpc_infinite_scroll_list_container' : ''\n\t\t\t} ${className}`}\n\t\t\tstyle={{\n\t\t\t\theight: height,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\n\t\t\t{/* 底部哨兵元素 */}\n\t\t\t<div ref={sentinelRef} style={{ height: 1, margin: 0, padding: 0 }} />\n\n\t\t\t{/* 底部状态提示 */}\n\t\t\t{loading && (loadingIndicator || defaultLoadingIndicator)}\n\t\t\t{!hasMore && endMessage && (\n\t\t\t\t<div className=\"rpc_infinite_scroll_list_footer rpc_infinite_scroll_list_end\">\n\t\t\t\t\t{endMessage}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default InfiniteScrollList;\n"]}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var react = require('react');
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
|
|
6
|
+
// KanbanBoard/index.tsx
|
|
7
|
+
function KanbanBoard({
|
|
8
|
+
columns,
|
|
9
|
+
keyExtractor,
|
|
10
|
+
renderCard,
|
|
11
|
+
onCardMove,
|
|
12
|
+
className = "",
|
|
13
|
+
style
|
|
14
|
+
}) {
|
|
15
|
+
const [draggingCardId, setDraggingCardId] = react.useState(null);
|
|
16
|
+
const [sourceColumnId, setSourceColumnId] = react.useState(null);
|
|
17
|
+
const [dragOverColumnId, setDragOverColumnId] = react.useState(null);
|
|
18
|
+
const handleDragStart = (e, cardId, colId) => {
|
|
19
|
+
setDraggingCardId(cardId);
|
|
20
|
+
setSourceColumnId(colId);
|
|
21
|
+
e.dataTransfer.setData("text/plain", JSON.stringify({ cardId, colId }));
|
|
22
|
+
e.dataTransfer.effectAllowed = "move";
|
|
23
|
+
};
|
|
24
|
+
const handleDragEnd = () => {
|
|
25
|
+
setDraggingCardId(null);
|
|
26
|
+
setSourceColumnId(null);
|
|
27
|
+
setDragOverColumnId(null);
|
|
28
|
+
};
|
|
29
|
+
const handleDragOverCol = (e, colId) => {
|
|
30
|
+
e.preventDefault();
|
|
31
|
+
e.dataTransfer.dropEffect = "move";
|
|
32
|
+
if (dragOverColumnId !== colId) {
|
|
33
|
+
setDragOverColumnId(colId);
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
const handleDropOnCol = (e, targetColId, targetIndex) => {
|
|
37
|
+
e.preventDefault();
|
|
38
|
+
if (!draggingCardId || !sourceColumnId) return;
|
|
39
|
+
const targetColumn = columns.find((c) => c.id === targetColId);
|
|
40
|
+
const newIdx = targetIndex !== void 0 ? targetIndex : targetColumn ? targetColumn.items.length : 0;
|
|
41
|
+
onCardMove == null ? void 0 : onCardMove(draggingCardId, sourceColumnId, targetColId, newIdx);
|
|
42
|
+
handleDragEnd();
|
|
43
|
+
};
|
|
44
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `rpc_kanban_board ${className}`, style, children: columns.map((col) => {
|
|
45
|
+
const isOver = dragOverColumnId === col.id;
|
|
46
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
47
|
+
"div",
|
|
48
|
+
{
|
|
49
|
+
className: `rpc_kanban_board_column ${isOver ? "rpc_kanban_board_column_dragover" : ""}`,
|
|
50
|
+
onDragOver: (e) => handleDragOverCol(e, col.id),
|
|
51
|
+
onDrop: (e) => handleDropOnCol(e, col.id),
|
|
52
|
+
children: [
|
|
53
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_kanban_board_column_header", children: [
|
|
54
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_kanban_board_column_title_wrap", children: [
|
|
55
|
+
col.color && /* @__PURE__ */ jsxRuntime.jsx(
|
|
56
|
+
"span",
|
|
57
|
+
{
|
|
58
|
+
className: "rpc_kanban_board_column_dot",
|
|
59
|
+
style: { backgroundColor: col.color }
|
|
60
|
+
}
|
|
61
|
+
),
|
|
62
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: col.title })
|
|
63
|
+
] }),
|
|
64
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_kanban_board_column_count", children: col.items.length })
|
|
65
|
+
] }),
|
|
66
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_kanban_board_column_body", children: col.items.map((item, idx) => {
|
|
67
|
+
const cardId = keyExtractor(item);
|
|
68
|
+
const isDragging = draggingCardId === cardId;
|
|
69
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
70
|
+
"div",
|
|
71
|
+
{
|
|
72
|
+
draggable: true,
|
|
73
|
+
onDragStart: (e) => handleDragStart(e, cardId, col.id),
|
|
74
|
+
onDragEnd: handleDragEnd,
|
|
75
|
+
onDragOver: (e) => {
|
|
76
|
+
e.preventDefault();
|
|
77
|
+
e.stopPropagation();
|
|
78
|
+
},
|
|
79
|
+
onDrop: (e) => {
|
|
80
|
+
e.stopPropagation();
|
|
81
|
+
handleDropOnCol(e, col.id, idx);
|
|
82
|
+
},
|
|
83
|
+
className: `rpc_kanban_board_card ${isDragging ? "rpc_kanban_board_card_dragging" : ""}`,
|
|
84
|
+
children: renderCard(item, col.id)
|
|
85
|
+
},
|
|
86
|
+
cardId
|
|
87
|
+
);
|
|
88
|
+
}) })
|
|
89
|
+
]
|
|
90
|
+
},
|
|
91
|
+
col.id
|
|
92
|
+
);
|
|
93
|
+
}) });
|
|
94
|
+
}
|
|
95
|
+
var KanbanBoard_default = KanbanBoard;
|
|
96
|
+
|
|
97
|
+
exports.KanbanBoard_default = KanbanBoard_default;
|
|
98
|
+
//# sourceMappingURL=chunk-5GCEQDBM.cjs.map
|
|
99
|
+
//# sourceMappingURL=chunk-5GCEQDBM.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../KanbanBoard/index.tsx"],"names":["useState","jsx","jsxs"],"mappings":"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","file":"chunk-5GCEQDBM.cjs","sourcesContent":["import React, { useState, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface KanbanColumn<T> {\n\tid: string;\n\ttitle: string;\n\tcolor?: string;\n\titems: T[];\n}\n\nexport interface KanbanBoardProps<T> {\n\t/** 泳道列数据 */\n\tcolumns: KanbanColumn<T>[];\n\t/** 提取卡片唯一 Key */\n\tkeyExtractor: (item: T) => string;\n\t/** 自定义渲染单个卡片 */\n\trenderCard: (item: T, columnId: string) => ReactNode;\n\t/** 卡片拖拽移动完成回调 */\n\tonCardMove?: (\n\t\tcardId: string,\n\t\tsourceColId: string,\n\t\ttargetColId: string,\n\t\tnewIndex: number,\n\t) => void;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nfunction KanbanBoard<T>({\n\tcolumns,\n\tkeyExtractor,\n\trenderCard,\n\tonCardMove,\n\tclassName = '',\n\tstyle,\n}: KanbanBoardProps<T>) {\n\tconst [draggingCardId, setDraggingCardId] = useState<string | null>(null);\n\tconst [sourceColumnId, setSourceColumnId] = useState<string | null>(null);\n\tconst [dragOverColumnId, setDragOverColumnId] = useState<string | null>(null);\n\n\tconst handleDragStart = (\n\t\te: React.DragEvent<HTMLDivElement>,\n\t\tcardId: string,\n\t\tcolId: string,\n\t) => {\n\t\tsetDraggingCardId(cardId);\n\t\tsetSourceColumnId(colId);\n\t\te.dataTransfer.setData('text/plain', JSON.stringify({ cardId, colId }));\n\t\te.dataTransfer.effectAllowed = 'move';\n\t};\n\n\tconst handleDragEnd = () => {\n\t\tsetDraggingCardId(null);\n\t\tsetSourceColumnId(null);\n\t\tsetDragOverColumnId(null);\n\t};\n\n\tconst handleDragOverCol = (e: React.DragEvent<HTMLDivElement>, colId: string) => {\n\t\te.preventDefault();\n\t\te.dataTransfer.dropEffect = 'move';\n\t\tif (dragOverColumnId !== colId) {\n\t\t\tsetDragOverColumnId(colId);\n\t\t}\n\t};\n\n\tconst handleDropOnCol = (\n\t\te: React.DragEvent<HTMLDivElement>,\n\t\ttargetColId: string,\n\t\ttargetIndex?: number,\n\t) => {\n\t\te.preventDefault();\n\t\tif (!draggingCardId || !sourceColumnId) return;\n\n\t\tconst targetColumn = columns.find((c) => c.id === targetColId);\n\t\tconst newIdx = targetIndex !== undefined ? targetIndex : targetColumn ? targetColumn.items.length : 0;\n\n\t\tonCardMove?.(draggingCardId, sourceColumnId, targetColId, newIdx);\n\t\thandleDragEnd();\n\t};\n\n\treturn (\n\t\t<div className={`rpc_kanban_board ${className}`} style={style}>\n\t\t\t{columns.map((col) => {\n\t\t\t\tconst isOver = dragOverColumnId === col.id;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={col.id}\n\t\t\t\t\t\tclassName={`rpc_kanban_board_column ${\n\t\t\t\t\t\t\tisOver ? 'rpc_kanban_board_column_dragover' : ''\n\t\t\t\t\t\t}`}\n\t\t\t\t\t\tonDragOver={(e) => handleDragOverCol(e, col.id)}\n\t\t\t\t\t\tonDrop={(e) => handleDropOnCol(e, col.id)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{/* 列头部 */}\n\t\t\t\t\t\t<div className=\"rpc_kanban_board_column_header\">\n\t\t\t\t\t\t\t<div className=\"rpc_kanban_board_column_title_wrap\">\n\t\t\t\t\t\t\t\t{col.color && (\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclassName=\"rpc_kanban_board_column_dot\"\n\t\t\t\t\t\t\t\t\t\tstyle={{ backgroundColor: col.color }}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<span>{col.title}</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<span className=\"rpc_kanban_board_column_count\">\n\t\t\t\t\t\t\t\t{col.items.length}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* 卡片列表 */}\n\t\t\t\t\t\t<div className=\"rpc_kanban_board_column_body\">\n\t\t\t\t\t\t\t{col.items.map((item, idx) => {\n\t\t\t\t\t\t\t\tconst cardId = keyExtractor(item);\n\t\t\t\t\t\t\t\tconst isDragging = draggingCardId === cardId;\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={cardId}\n\t\t\t\t\t\t\t\t\t\tdraggable\n\t\t\t\t\t\t\t\t\t\tonDragStart={(e) => handleDragStart(e, cardId, col.id)}\n\t\t\t\t\t\t\t\t\t\tonDragEnd={handleDragEnd}\n\t\t\t\t\t\t\t\t\t\tonDragOver={(e) => {\n\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonDrop={(e) => {\n\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\thandleDropOnCol(e, col.id, idx);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tclassName={`rpc_kanban_board_card ${\n\t\t\t\t\t\t\t\t\t\t\tisDragging ? 'rpc_kanban_board_card_dragging' : ''\n\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{renderCard(item, col.id)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n\nexport default KanbanBoard;\n"]}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var react = require('react');
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
|
|
6
|
+
// NumberStepper/index.tsx
|
|
7
|
+
var NumberStepper = ({
|
|
8
|
+
value: controlledVal,
|
|
9
|
+
defaultValue = 1,
|
|
10
|
+
min = 0,
|
|
11
|
+
max = 100,
|
|
12
|
+
step = 1,
|
|
13
|
+
onChange,
|
|
14
|
+
disabled = false,
|
|
15
|
+
className = "",
|
|
16
|
+
style
|
|
17
|
+
}) => {
|
|
18
|
+
const [internalVal, setInternalVal] = react.useState(defaultValue);
|
|
19
|
+
const currentVal = controlledVal !== void 0 ? controlledVal : internalVal;
|
|
20
|
+
const timerRef = react.useRef(null);
|
|
21
|
+
const updateVal = (val) => {
|
|
22
|
+
const clamped = Math.max(min, Math.min(max, val));
|
|
23
|
+
if (controlledVal === void 0) setInternalVal(clamped);
|
|
24
|
+
onChange == null ? void 0 : onChange(clamped);
|
|
25
|
+
};
|
|
26
|
+
const handleStep = (delta) => {
|
|
27
|
+
if (disabled) return;
|
|
28
|
+
updateVal(currentVal + delta);
|
|
29
|
+
};
|
|
30
|
+
const startLongPress = (delta) => {
|
|
31
|
+
if (disabled) return;
|
|
32
|
+
handleStep(delta);
|
|
33
|
+
timerRef.current = setInterval(() => {
|
|
34
|
+
handleStep(delta);
|
|
35
|
+
}, 120);
|
|
36
|
+
};
|
|
37
|
+
const stopLongPress = () => {
|
|
38
|
+
if (timerRef.current) {
|
|
39
|
+
clearInterval(timerRef.current);
|
|
40
|
+
timerRef.current = null;
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
react.useEffect(() => {
|
|
44
|
+
return () => stopLongPress();
|
|
45
|
+
}, []);
|
|
46
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rpc_num_stepper ${className}`, style, children: [
|
|
47
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
48
|
+
"button",
|
|
49
|
+
{
|
|
50
|
+
type: "button",
|
|
51
|
+
disabled: disabled || currentVal <= min,
|
|
52
|
+
className: "rpc_num_stepper_btn",
|
|
53
|
+
onMouseDown: () => startLongPress(-step),
|
|
54
|
+
onMouseUp: stopLongPress,
|
|
55
|
+
onMouseLeave: stopLongPress,
|
|
56
|
+
children: "-"
|
|
57
|
+
}
|
|
58
|
+
),
|
|
59
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
60
|
+
"input",
|
|
61
|
+
{
|
|
62
|
+
type: "number",
|
|
63
|
+
value: currentVal,
|
|
64
|
+
disabled,
|
|
65
|
+
onChange: (e) => updateVal(Number(e.target.value)),
|
|
66
|
+
className: "rpc_num_stepper_input"
|
|
67
|
+
}
|
|
68
|
+
),
|
|
69
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
70
|
+
"button",
|
|
71
|
+
{
|
|
72
|
+
type: "button",
|
|
73
|
+
disabled: disabled || currentVal >= max,
|
|
74
|
+
className: "rpc_num_stepper_btn",
|
|
75
|
+
onMouseDown: () => startLongPress(step),
|
|
76
|
+
onMouseUp: stopLongPress,
|
|
77
|
+
onMouseLeave: stopLongPress,
|
|
78
|
+
children: "+"
|
|
79
|
+
}
|
|
80
|
+
)
|
|
81
|
+
] });
|
|
82
|
+
};
|
|
83
|
+
var NumberStepper_default = NumberStepper;
|
|
84
|
+
|
|
85
|
+
exports.NumberStepper_default = NumberStepper_default;
|
|
86
|
+
//# sourceMappingURL=chunk-5GOF5EZU.cjs.map
|
|
87
|
+
//# sourceMappingURL=chunk-5GOF5EZU.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../NumberStepper/index.tsx"],"names":["useState","useRef","useEffect","jsx"],"mappings":"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","file":"chunk-5GOF5EZU.cjs","sourcesContent":["import React, { useState, useRef, useEffect, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface NumberStepperProps {\n\t/** 当前数值(受控) */\n\tvalue?: number;\n\t/** 默认数值 */\n\tdefaultValue?: number;\n\t/** 最小值,默认为 0 */\n\tmin?: number;\n\t/** 最大值,默认为 100 */\n\tmax?: number;\n\t/** 步长,默认为 1 */\n\tstep?: number;\n\t/** 改变回调 */\n\tonChange?: (val: number) => void;\n\t/** 是否禁用 */\n\tdisabled?: boolean;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst NumberStepper: React.FC<NumberStepperProps> = ({\n\tvalue: controlledVal,\n\tdefaultValue = 1,\n\tmin = 0,\n\tmax = 100,\n\tstep = 1,\n\tonChange,\n\tdisabled = false,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [internalVal, setInternalVal] = useState<number>(defaultValue);\n\tconst currentVal = controlledVal !== undefined ? controlledVal : internalVal;\n\n\tconst timerRef = useRef<ReturnType<typeof setInterval> | null>(null);\n\n\tconst updateVal = (val: number) => {\n\t\tconst clamped = Math.max(min, Math.min(max, val));\n\t\tif (controlledVal === undefined) setInternalVal(clamped);\n\t\tonChange?.(clamped);\n\t};\n\n\tconst handleStep = (delta: number) => {\n\t\tif (disabled) return;\n\t\tupdateVal(currentVal + delta);\n\t};\n\n\tconst startLongPress = (delta: number) => {\n\t\tif (disabled) return;\n\t\thandleStep(delta);\n\t\ttimerRef.current = setInterval(() => {\n\t\t\thandleStep(delta);\n\t\t}, 120);\n\t};\n\n\tconst stopLongPress = () => {\n\t\tif (timerRef.current) {\n\t\t\tclearInterval(timerRef.current);\n\t\t\ttimerRef.current = null;\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\treturn () => stopLongPress();\n\t}, []);\n\n\treturn (\n\t\t<div className={`rpc_num_stepper ${className}`} style={style}>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tdisabled={disabled || currentVal <= min}\n\t\t\t\tclassName=\"rpc_num_stepper_btn\"\n\t\t\t\tonMouseDown={() => startLongPress(-step)}\n\t\t\t\tonMouseUp={stopLongPress}\n\t\t\t\tonMouseLeave={stopLongPress}\n\t\t\t>\n\t\t\t\t-\n\t\t\t</button>\n\n\t\t\t<input\n\t\t\t\ttype=\"number\"\n\t\t\t\tvalue={currentVal}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonChange={(e) => updateVal(Number(e.target.value))}\n\t\t\t\tclassName=\"rpc_num_stepper_input\"\n\t\t\t/>\n\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tdisabled={disabled || currentVal >= max}\n\t\t\t\tclassName=\"rpc_num_stepper_btn\"\n\t\t\t\tonMouseDown={() => startLongPress(step)}\n\t\t\t\tonMouseUp={stopLongPress}\n\t\t\t\tonMouseLeave={stopLongPress}\n\t\t\t>\n\t\t\t\t+\n\t\t\t</button>\n\t\t</div>\n\t);\n};\n\nexport default NumberStepper;\n"]}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var react = require('react');
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
|
|
6
|
+
// FileDropZone/index.tsx
|
|
7
|
+
var FileDropZone = ({
|
|
8
|
+
onDropFiles,
|
|
9
|
+
accept,
|
|
10
|
+
multiple = true,
|
|
11
|
+
title = "\u70B9\u51FB\u6216\u5C06\u6587\u4EF6\u62D6\u62FD\u81F3\u6B64\u5904\u4E0A\u4F20",
|
|
12
|
+
hint = "\u652F\u6301\u62D6\u62FD\u6587\u4EF6\u6216\u76F4\u63A5\u6309 Ctrl+V / Cmd+V \u7C98\u8D34\u622A\u56FE",
|
|
13
|
+
className = "",
|
|
14
|
+
style
|
|
15
|
+
}) => {
|
|
16
|
+
const [isDragOver, setIsDragOver] = react.useState(false);
|
|
17
|
+
const inputRef = react.useRef(null);
|
|
18
|
+
const containerRef = react.useRef(null);
|
|
19
|
+
const handleFiles = (fileList) => {
|
|
20
|
+
if (!fileList || fileList.length === 0) return;
|
|
21
|
+
const files = Array.from(fileList);
|
|
22
|
+
onDropFiles(files);
|
|
23
|
+
};
|
|
24
|
+
const handleDragOver = (e) => {
|
|
25
|
+
e.preventDefault();
|
|
26
|
+
setIsDragOver(true);
|
|
27
|
+
};
|
|
28
|
+
const handleDragLeave = () => {
|
|
29
|
+
setIsDragOver(false);
|
|
30
|
+
};
|
|
31
|
+
const handleDrop = (e) => {
|
|
32
|
+
e.preventDefault();
|
|
33
|
+
setIsDragOver(false);
|
|
34
|
+
handleFiles(e.dataTransfer.files);
|
|
35
|
+
};
|
|
36
|
+
react.useEffect(() => {
|
|
37
|
+
const handlePaste = (e) => {
|
|
38
|
+
if (e.clipboardData && e.clipboardData.files.length > 0) {
|
|
39
|
+
handleFiles(e.clipboardData.files);
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
window.addEventListener("paste", handlePaste);
|
|
43
|
+
return () => window.removeEventListener("paste", handlePaste);
|
|
44
|
+
}, []);
|
|
45
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
46
|
+
"div",
|
|
47
|
+
{
|
|
48
|
+
ref: containerRef,
|
|
49
|
+
className: `rpc_file_dropzone ${isDragOver ? "rpc_file_dropzone_active" : ""} ${className}`,
|
|
50
|
+
style,
|
|
51
|
+
onClick: () => {
|
|
52
|
+
var _a;
|
|
53
|
+
return (_a = inputRef.current) == null ? void 0 : _a.click();
|
|
54
|
+
},
|
|
55
|
+
onDragOver: handleDragOver,
|
|
56
|
+
onDragLeave: handleDragLeave,
|
|
57
|
+
onDrop: handleDrop,
|
|
58
|
+
children: [
|
|
59
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
60
|
+
"input",
|
|
61
|
+
{
|
|
62
|
+
ref: inputRef,
|
|
63
|
+
type: "file",
|
|
64
|
+
accept,
|
|
65
|
+
multiple,
|
|
66
|
+
style: { display: "none" },
|
|
67
|
+
onChange: (e) => handleFiles(e.target.files)
|
|
68
|
+
}
|
|
69
|
+
),
|
|
70
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_file_dropzone_icon", children: "\u{1F4E5}" }),
|
|
71
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_file_dropzone_title", children: title }),
|
|
72
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_file_dropzone_hint", children: hint })
|
|
73
|
+
]
|
|
74
|
+
}
|
|
75
|
+
);
|
|
76
|
+
};
|
|
77
|
+
var FileDropZone_default = FileDropZone;
|
|
78
|
+
|
|
79
|
+
exports.FileDropZone_default = FileDropZone_default;
|
|
80
|
+
//# sourceMappingURL=chunk-5LA2NPLG.cjs.map
|
|
81
|
+
//# sourceMappingURL=chunk-5LA2NPLG.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../FileDropZone/index.tsx"],"names":["useState","useRef","useEffect","jsxs","jsx"],"mappings":"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","file":"chunk-5LA2NPLG.cjs","sourcesContent":["import React, { useState, useRef, useEffect, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface FileDropZoneProps {\n\t/** 文件选择/拖拽/粘贴回调 */\n\tonDropFiles: (files: File[]) => void;\n\t/** 允许的文件类型,例如 'image/*' 或 '.pdf,.png' */\n\taccept?: string;\n\t/** 是否支持多选,默认为 true */\n\tmultiple?: boolean;\n\t/** 提示标题,默认为 '点击或将文件拖拽至此处上传' */\n\ttitle?: ReactNode;\n\t/** 提示副标题,默认为 '支持拖拽文件或直接按 Ctrl+V 粘贴截图' */\n\thint?: ReactNode;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst FileDropZone: React.FC<FileDropZoneProps> = ({\n\tonDropFiles,\n\taccept,\n\tmultiple = true,\n\ttitle = '点击或将文件拖拽至此处上传',\n\thint = '支持拖拽文件或直接按 Ctrl+V / Cmd+V 粘贴截图',\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [isDragOver, setIsDragOver] = useState<boolean>(false);\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\n\tconst handleFiles = (fileList: FileList | null) => {\n\t\tif (!fileList || fileList.length === 0) return;\n\t\tconst files = Array.from(fileList);\n\t\tonDropFiles(files);\n\t};\n\n\tconst handleDragOver = (e: React.DragEvent) => {\n\t\te.preventDefault();\n\t\tsetIsDragOver(true);\n\t};\n\n\tconst handleDragLeave = () => {\n\t\tsetIsDragOver(false);\n\t};\n\n\tconst handleDrop = (e: React.DragEvent) => {\n\t\te.preventDefault();\n\t\tsetIsDragOver(false);\n\t\thandleFiles(e.dataTransfer.files);\n\t};\n\n\t// 监听剪贴板粘贴事件\n\tuseEffect(() => {\n\t\tconst handlePaste = (e: ClipboardEvent) => {\n\t\t\tif (e.clipboardData && e.clipboardData.files.length > 0) {\n\t\t\t\thandleFiles(e.clipboardData.files);\n\t\t\t}\n\t\t};\n\t\twindow.addEventListener('paste', handlePaste);\n\t\treturn () => window.removeEventListener('paste', handlePaste);\n\t}, []);\n\n\treturn (\n\t\t<div\n\t\t\tref={containerRef}\n\t\t\tclassName={`rpc_file_dropzone ${isDragOver ? 'rpc_file_dropzone_active' : ''} ${className}`}\n\t\t\tstyle={style}\n\t\t\tonClick={() => inputRef.current?.click()}\n\t\t\tonDragOver={handleDragOver}\n\t\t\tonDragLeave={handleDragLeave}\n\t\t\tonDrop={handleDrop}\n\t\t>\n\t\t\t<input\n\t\t\t\tref={inputRef}\n\t\t\t\ttype=\"file\"\n\t\t\t\taccept={accept}\n\t\t\t\tmultiple={multiple}\n\t\t\t\tstyle={{ display: 'none' }}\n\t\t\t\tonChange={(e) => handleFiles(e.target.files)}\n\t\t\t/>\n\n\t\t\t<div className=\"rpc_file_dropzone_icon\">📥</div>\n\t\t\t<div className=\"rpc_file_dropzone_title\">{title}</div>\n\t\t\t<div className=\"rpc_file_dropzone_hint\">{hint}</div>\n\t\t</div>\n\t);\n};\n\nexport default FileDropZone;\n"]}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { LockOutlined } from './chunk-TGSKTHTV.js';
|
|
2
|
+
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
3
|
+
|
|
4
|
+
var DisabledBox = (props) => {
|
|
5
|
+
const { title, children, disabled = false, iconAlign = "left" } = props;
|
|
6
|
+
const content = children != null ? children : title;
|
|
7
|
+
if (!disabled) {
|
|
8
|
+
return /* @__PURE__ */ jsx(Fragment, { children: content });
|
|
9
|
+
}
|
|
10
|
+
const handleClickCapture = (e) => {
|
|
11
|
+
if (disabled) {
|
|
12
|
+
e.stopPropagation();
|
|
13
|
+
e.preventDefault();
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
return /* @__PURE__ */ jsxs(
|
|
17
|
+
"div",
|
|
18
|
+
{
|
|
19
|
+
className: "disabled_box_container disabled_box_disabled",
|
|
20
|
+
onClickCapture: handleClickCapture,
|
|
21
|
+
children: [
|
|
22
|
+
iconAlign === "left" && /* @__PURE__ */ jsx(LockOutlined, { className: "disabled_box_icon" }),
|
|
23
|
+
/* @__PURE__ */ jsx("span", { className: "disabled_box_title", children: content }),
|
|
24
|
+
iconAlign === "right" && /* @__PURE__ */ jsx(LockOutlined, { className: "disabled_box_icon" })
|
|
25
|
+
]
|
|
26
|
+
}
|
|
27
|
+
);
|
|
28
|
+
};
|
|
29
|
+
var DisabledBox_default = DisabledBox;
|
|
30
|
+
|
|
31
|
+
export { DisabledBox_default };
|
|
32
|
+
//# sourceMappingURL=chunk-5MQCVYVD.js.map
|
|
33
|
+
//# sourceMappingURL=chunk-5MQCVYVD.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../DisabledBox/index.tsx"],"names":[],"mappings":";;;AAaA,IAAM,WAAA,GAAc,CAAC,KAAA,KAA4B;AAChD,EAAA,MAAM,EAAE,KAAA,EAAO,QAAA,EAAU,WAAW,KAAA,EAAO,SAAA,GAAY,QAAO,GAAI,KAAA;AAClE,EAAA,MAAM,UAAU,QAAA,IAAA,IAAA,GAAA,QAAA,GAAY,KAAA;AAG5B,EAAA,IAAI,CAAC,QAAA,EAAU;AACd,IAAA,uCAAU,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,EACnB;AAKA,EAAA,MAAM,kBAAA,GAAqB,CAAC,CAAA,KAAwB;AACnD,IAAA,IAAI,QAAA,EAAU;AACb,MAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,MAAA,CAAA,CAAE,cAAA,EAAe;AAAA,IAClB;AAAA,EACD,CAAA;AAEA,EAAA,uBACC,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,SAAA,EAAU,8CAAA;AAAA,MACV,cAAA,EAAgB,kBAAA;AAAA,MAEf,QAAA,EAAA;AAAA,QAAA,SAAA,KAAc,MAAA,oBAAU,GAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,mBAAA,EAAoB,CAAA;AAAA,wBACrE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oBAAA,EAAsB,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,QAC7C,SAAA,KAAc,OAAA,oBAAW,GAAA,CAAC,YAAA,EAAA,EAAa,WAAU,mBAAA,EAAoB;AAAA;AAAA;AAAA,GACvE;AAEF,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"chunk-5MQCVYVD.js","sourcesContent":["import type { ReactNode } from 'react';\nimport { LockOutlined } from '../src/icons';\nimport './index.less';\n\nexport interface DisabledBoxProps {\n\ttitle?: ReactNode;\n\tchildren?: ReactNode;\n\t// 是否禁用,禁用时显示锁图标 + 文字灰色 + 不可点击\n\tdisabled?: boolean;\n\t// 锁图标对齐方向\n\ticonAlign?: 'left' | 'right';\n}\n\nconst DisabledBox = (props: DisabledBoxProps) => {\n\tconst { title, children, disabled = false, iconAlign = 'left' } = props;\n\tconst content = children ?? title;\n\n\t// 未禁用时原样渲染,不加锁\n\tif (!disabled) {\n\t\treturn <>{content}</>;\n\t}\n\n\t// disabled 时用div渲染,样式模拟disabled效果\n\t// 在捕获阶段阻止click事件传播,既防止内部点击事件触发,也阻止冒泡到父组件\n\t// 不阻止mouseenter/mouseleave等hover事件,保证Tooltip正常显示\n\tconst handleClickCapture = (e: React.MouseEvent) => {\n\t\tif (disabled) {\n\t\t\te.stopPropagation();\n\t\t\te.preventDefault();\n\t\t}\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"disabled_box_container disabled_box_disabled\"\n\t\t\tonClickCapture={handleClickCapture}\n\t\t>\n\t\t\t{iconAlign === 'left' && <LockOutlined className=\"disabled_box_icon\" />}\n\t\t\t<span className=\"disabled_box_title\">{content}</span>\n\t\t\t{iconAlign === 'right' && <LockOutlined className=\"disabled_box_icon\" />}\n\t\t</div>\n\t);\n};\n\nexport default DisabledBox;\n"]}
|