react-public-components 1.2.1 → 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/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 -8101
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +63 -8026
- 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 -1624
- package/dist/index.d.ts +0 -1624
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var react = require('react');
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
|
|
6
|
+
// EnvBadge/index.tsx
|
|
7
|
+
var defaultEnvLabels = {
|
|
8
|
+
dev: "DEV \u5F00\u53D1\u73AF\u5883",
|
|
9
|
+
test: "TEST \u6D4B\u8BD5\u73AF\u5883",
|
|
10
|
+
uat: "UAT \u9884\u9A8C\u6536",
|
|
11
|
+
staging: "STAGING \u9884\u53D1",
|
|
12
|
+
prod: "\u{1F6A8} PROD \u751F\u4EA7\u73AF\u5883"
|
|
13
|
+
};
|
|
14
|
+
var EnvBadge = ({
|
|
15
|
+
env,
|
|
16
|
+
label,
|
|
17
|
+
placement = "top-right",
|
|
18
|
+
info,
|
|
19
|
+
switchList,
|
|
20
|
+
visible = true,
|
|
21
|
+
className = "",
|
|
22
|
+
style
|
|
23
|
+
}) => {
|
|
24
|
+
const [isOpen, setIsOpen] = react.useState(false);
|
|
25
|
+
const badgeRef = react.useRef(null);
|
|
26
|
+
const text = label || defaultEnvLabels[env] || env.toUpperCase();
|
|
27
|
+
react.useEffect(() => {
|
|
28
|
+
const handleClickOutside = (e) => {
|
|
29
|
+
if (badgeRef.current && !badgeRef.current.contains(e.target)) {
|
|
30
|
+
setIsOpen(false);
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
if (isOpen) {
|
|
34
|
+
document.addEventListener("mousedown", handleClickOutside);
|
|
35
|
+
}
|
|
36
|
+
return () => document.removeEventListener("mousedown", handleClickOutside);
|
|
37
|
+
}, [isOpen]);
|
|
38
|
+
if (!visible) return null;
|
|
39
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
40
|
+
"div",
|
|
41
|
+
{
|
|
42
|
+
ref: badgeRef,
|
|
43
|
+
className: `rpc_env_badge rpc_env_badge_${placement.replace("-", "_")} ${className}`,
|
|
44
|
+
style,
|
|
45
|
+
children: [
|
|
46
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
47
|
+
"div",
|
|
48
|
+
{
|
|
49
|
+
className: `rpc_env_badge_tag rpc_env_badge_tag_${env}`,
|
|
50
|
+
onClick: () => setIsOpen(!isOpen),
|
|
51
|
+
children: [
|
|
52
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u25CF" }),
|
|
53
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: text })
|
|
54
|
+
]
|
|
55
|
+
}
|
|
56
|
+
),
|
|
57
|
+
isOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_env_badge_popover", children: [
|
|
58
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_env_badge_pop_header", children: [
|
|
59
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u7CFB\u7EDF\u73AF\u5883\u4FE1\u606F" }),
|
|
60
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12, color: "#8c8c8c" }, children: env.toUpperCase() })
|
|
61
|
+
] }),
|
|
62
|
+
info ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
63
|
+
info.version && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_env_badge_pop_row", children: [
|
|
64
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u53D1\u5E03\u7248\u672C" }),
|
|
65
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
|
|
66
|
+
"v",
|
|
67
|
+
info.version
|
|
68
|
+
] })
|
|
69
|
+
] }),
|
|
70
|
+
info.branch && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_env_badge_pop_row", children: [
|
|
71
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "Git \u5206\u652F" }),
|
|
72
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: info.branch })
|
|
73
|
+
] }),
|
|
74
|
+
info.commit && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_env_badge_pop_row", children: [
|
|
75
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "Commit" }),
|
|
76
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: info.commit })
|
|
77
|
+
] }),
|
|
78
|
+
info.apiHost && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_env_badge_pop_row", children: [
|
|
79
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "API \u7F51\u5173" }),
|
|
80
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 11 }, children: info.apiHost })
|
|
81
|
+
] }),
|
|
82
|
+
info.buildTime && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_env_badge_pop_row", children: [
|
|
83
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u6784\u5EFA\u65F6\u95F4" }),
|
|
84
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: info.buildTime })
|
|
85
|
+
] })
|
|
86
|
+
] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "#8c8c8c", fontSize: 12, padding: "8px 0" }, children: "\u6682\u65E0\u8BE6\u7EC6\u6784\u5EFA\u5143\u6570\u636E" }),
|
|
87
|
+
switchList && switchList.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_env_badge_switch_wrap", children: [
|
|
88
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 11, color: "#8c8c8c", width: "100%" }, children: "\u5207\u6362\u73AF\u5883\uFF1A" }),
|
|
89
|
+
switchList.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
90
|
+
"a",
|
|
91
|
+
{
|
|
92
|
+
href: item.url,
|
|
93
|
+
className: "rpc_env_badge_switch_btn",
|
|
94
|
+
children: item.label
|
|
95
|
+
},
|
|
96
|
+
idx
|
|
97
|
+
))
|
|
98
|
+
] })
|
|
99
|
+
] })
|
|
100
|
+
]
|
|
101
|
+
}
|
|
102
|
+
);
|
|
103
|
+
};
|
|
104
|
+
var EnvBadge_default = EnvBadge;
|
|
105
|
+
|
|
106
|
+
exports.EnvBadge_default = EnvBadge_default;
|
|
107
|
+
//# sourceMappingURL=chunk-6OKTK3AQ.cjs.map
|
|
108
|
+
//# sourceMappingURL=chunk-6OKTK3AQ.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../EnvBadge/index.tsx"],"names":["useState","useRef","useEffect","jsxs","jsx"],"mappings":"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","file":"chunk-6OKTK3AQ.cjs","sourcesContent":["import React, { useState, useRef, useEffect, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport type EnvType = 'dev' | 'test' | 'uat' | 'staging' | 'prod';\nexport type EnvPlacement = 'top-right' | 'top-left' | 'bottom-right';\n\nexport interface EnvBuildInfo {\n\tapiHost?: string;\n\tbranch?: string;\n\tcommit?: string;\n\tbuildTime?: string;\n\tversion?: string;\n}\n\nexport interface EnvSwitchItem {\n\tlabel: string;\n\turl: string;\n\tenv: EnvType;\n}\n\nexport interface EnvBadgeProps {\n\t/** 当前运行环境:'dev' | 'test' | 'uat' | 'staging' | 'prod' */\n\tenv: EnvType;\n\t/** 显示文本(不传则默认大写环境名) */\n\tlabel?: ReactNode;\n\t/** 悬浮挂载位置,默认为 'top-right' */\n\tplacement?: EnvPlacement;\n\t/** 当前构建与部署版本信息 */\n\tinfo?: EnvBuildInfo;\n\t/** 快捷切换至其他环境列表 */\n\tswitchList?: EnvSwitchItem[];\n\t/** 是否默认常驻,默认为 true */\n\tvisible?: boolean;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst defaultEnvLabels: Record<EnvType, string> = {\n\tdev: 'DEV 开发环境',\n\ttest: 'TEST 测试环境',\n\tuat: 'UAT 预验收',\n\tstaging: 'STAGING 预发',\n\tprod: '🚨 PROD 生产环境',\n};\n\nconst EnvBadge: React.FC<EnvBadgeProps> = ({\n\tenv,\n\tlabel,\n\tplacement = 'top-right',\n\tinfo,\n\tswitchList,\n\tvisible = true,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [isOpen, setIsOpen] = useState<boolean>(false);\n\tconst badgeRef = useRef<HTMLDivElement>(null);\n\n\tconst text = label || defaultEnvLabels[env] || env.toUpperCase();\n\n\t// 点击外部自动关闭气泡\n\tuseEffect(() => {\n\t\tconst handleClickOutside = (e: MouseEvent) => {\n\t\t\tif (badgeRef.current && !badgeRef.current.contains(e.target as Node)) {\n\t\t\t\tsetIsOpen(false);\n\t\t\t}\n\t\t};\n\n\t\tif (isOpen) {\n\t\t\tdocument.addEventListener('mousedown', handleClickOutside);\n\t\t}\n\t\treturn () => document.removeEventListener('mousedown', handleClickOutside);\n\t}, [isOpen]);\n\n\tif (!visible) return null;\n\n\treturn (\n\t\t<div\n\t\t\tref={badgeRef}\n\t\t\tclassName={`rpc_env_badge rpc_env_badge_${placement.replace('-', '_')} ${className}`}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={`rpc_env_badge_tag rpc_env_badge_tag_${env}`}\n\t\t\t\tonClick={() => setIsOpen(!isOpen)}\n\t\t\t>\n\t\t\t\t<span>●</span>\n\t\t\t\t<span>{text}</span>\n\t\t\t</div>\n\n\t\t\t{isOpen && (\n\t\t\t\t<div className=\"rpc_env_badge_popover\">\n\t\t\t\t\t<div className=\"rpc_env_badge_pop_header\">\n\t\t\t\t\t\t<span>系统环境信息</span>\n\t\t\t\t\t\t<span style={{ fontSize: 12, color: '#8c8c8c' }}>{env.toUpperCase()}</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{info ? (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t{info.version && (\n\t\t\t\t\t\t\t\t<div className=\"rpc_env_badge_pop_row\">\n\t\t\t\t\t\t\t\t\t<span>发布版本</span>\n\t\t\t\t\t\t\t\t\t<span>v{info.version}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{info.branch && (\n\t\t\t\t\t\t\t\t<div className=\"rpc_env_badge_pop_row\">\n\t\t\t\t\t\t\t\t\t<span>Git 分支</span>\n\t\t\t\t\t\t\t\t\t<span>{info.branch}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{info.commit && (\n\t\t\t\t\t\t\t\t<div className=\"rpc_env_badge_pop_row\">\n\t\t\t\t\t\t\t\t\t<span>Commit</span>\n\t\t\t\t\t\t\t\t\t<span>{info.commit}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{info.apiHost && (\n\t\t\t\t\t\t\t\t<div className=\"rpc_env_badge_pop_row\">\n\t\t\t\t\t\t\t\t\t<span>API 网关</span>\n\t\t\t\t\t\t\t\t\t<span style={{ fontSize: 11 }}>{info.apiHost}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{info.buildTime && (\n\t\t\t\t\t\t\t\t<div className=\"rpc_env_badge_pop_row\">\n\t\t\t\t\t\t\t\t\t<span>构建时间</span>\n\t\t\t\t\t\t\t\t\t<span>{info.buildTime}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div style={{ color: '#8c8c8c', fontSize: 12, padding: '8px 0' }}>\n\t\t\t\t\t\t\t暂无详细构建元数据\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{switchList && switchList.length > 0 && (\n\t\t\t\t\t\t<div className=\"rpc_env_badge_switch_wrap\">\n\t\t\t\t\t\t\t<span style={{ fontSize: 11, color: '#8c8c8c', width: '100%' }}>\n\t\t\t\t\t\t\t\t切换环境:\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t{switchList.map((item, idx) => (\n\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t\t\t\t\thref={item.url}\n\t\t\t\t\t\t\t\t\tclassName=\"rpc_env_badge_switch_btn\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default EnvBadge;\n"]}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { useState, useRef } from 'react';
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
|
|
4
|
+
// HoverCard/index.tsx
|
|
5
|
+
var HoverCard = ({
|
|
6
|
+
children,
|
|
7
|
+
content,
|
|
8
|
+
openDelay = 200,
|
|
9
|
+
closeDelay = 200,
|
|
10
|
+
className = "",
|
|
11
|
+
style
|
|
12
|
+
}) => {
|
|
13
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
14
|
+
const timerRef = useRef(null);
|
|
15
|
+
const handleMouseEnter = () => {
|
|
16
|
+
if (timerRef.current) clearTimeout(timerRef.current);
|
|
17
|
+
timerRef.current = setTimeout(() => {
|
|
18
|
+
setIsOpen(true);
|
|
19
|
+
}, openDelay);
|
|
20
|
+
};
|
|
21
|
+
const handleMouseLeave = () => {
|
|
22
|
+
if (timerRef.current) clearTimeout(timerRef.current);
|
|
23
|
+
timerRef.current = setTimeout(() => {
|
|
24
|
+
setIsOpen(false);
|
|
25
|
+
}, closeDelay);
|
|
26
|
+
};
|
|
27
|
+
return /* @__PURE__ */ jsxs(
|
|
28
|
+
"div",
|
|
29
|
+
{
|
|
30
|
+
className: `rpc_hover_card ${className}`,
|
|
31
|
+
style,
|
|
32
|
+
onMouseEnter: handleMouseEnter,
|
|
33
|
+
onMouseLeave: handleMouseLeave,
|
|
34
|
+
children: [
|
|
35
|
+
children,
|
|
36
|
+
isOpen && /* @__PURE__ */ jsx(
|
|
37
|
+
"div",
|
|
38
|
+
{
|
|
39
|
+
className: "rpc_hover_card_popover",
|
|
40
|
+
onMouseEnter: handleMouseEnter,
|
|
41
|
+
onMouseLeave: handleMouseLeave,
|
|
42
|
+
children: content
|
|
43
|
+
}
|
|
44
|
+
)
|
|
45
|
+
]
|
|
46
|
+
}
|
|
47
|
+
);
|
|
48
|
+
};
|
|
49
|
+
var HoverCard_default = HoverCard;
|
|
50
|
+
|
|
51
|
+
export { HoverCard_default };
|
|
52
|
+
//# sourceMappingURL=chunk-6TKNFV4B.js.map
|
|
53
|
+
//# sourceMappingURL=chunk-6TKNFV4B.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../HoverCard/index.tsx"],"names":[],"mappings":";;;;AAkBA,IAAM,YAAsC,CAAC;AAAA,EAC5C,QAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA,GAAY,GAAA;AAAA,EACZ,UAAA,GAAa,GAAA;AAAA,EACb,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAkB,KAAK,CAAA;AACnD,EAAA,MAAM,QAAA,GAAW,OAA6C,IAAI,CAAA;AAElE,EAAA,MAAM,mBAAmB,MAAM;AAC9B,IAAA,IAAI,QAAA,CAAS,OAAA,EAAS,YAAA,CAAa,QAAA,CAAS,OAAO,CAAA;AACnD,IAAA,QAAA,CAAS,OAAA,GAAU,WAAW,MAAM;AACnC,MAAA,SAAA,CAAU,IAAI,CAAA;AAAA,IACf,GAAG,SAAS,CAAA;AAAA,EACb,CAAA;AAEA,EAAA,MAAM,mBAAmB,MAAM;AAC9B,IAAA,IAAI,QAAA,CAAS,OAAA,EAAS,YAAA,CAAa,QAAA,CAAS,OAAO,CAAA;AACnD,IAAA,QAAA,CAAS,OAAA,GAAU,WAAW,MAAM;AACnC,MAAA,SAAA,CAAU,KAAK,CAAA;AAAA,IAChB,GAAG,UAAU,CAAA;AAAA,EACd,CAAA;AAEA,EAAA,uBACC,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,SAAA,EAAW,kBAAkB,SAAS,CAAA,CAAA;AAAA,MACtC,KAAA;AAAA,MACA,YAAA,EAAc,gBAAA;AAAA,MACd,YAAA,EAAc,gBAAA;AAAA,MAEb,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QAEA,MAAA,oBACA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACA,SAAA,EAAU,wBAAA;AAAA,YACV,YAAA,EAAc,gBAAA;AAAA,YACd,YAAA,EAAc,gBAAA;AAAA,YAEb,QAAA,EAAA;AAAA;AAAA;AACF;AAAA;AAAA,GAEF;AAEF,CAAA;AAEA,IAAO,iBAAA,GAAQ","file":"chunk-6TKNFV4B.js","sourcesContent":["import React, { useState, useRef, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface HoverCardProps {\n\t/** 触发宿主元素 */\n\tchildren: ReactNode;\n\t/** 悬浮弹出的卡片内容 */\n\tcontent: ReactNode;\n\t/** 鼠标移入展开延迟(毫秒),默认为 200 */\n\topenDelay?: number;\n\t/** 鼠标移出关闭延迟(毫秒),默认为 200 */\n\tcloseDelay?: number;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst HoverCard: React.FC<HoverCardProps> = ({\n\tchildren,\n\tcontent,\n\topenDelay = 200,\n\tcloseDelay = 200,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [isOpen, setIsOpen] = useState<boolean>(false);\n\tconst timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n\tconst handleMouseEnter = () => {\n\t\tif (timerRef.current) clearTimeout(timerRef.current);\n\t\ttimerRef.current = setTimeout(() => {\n\t\t\tsetIsOpen(true);\n\t\t}, openDelay);\n\t};\n\n\tconst handleMouseLeave = () => {\n\t\tif (timerRef.current) clearTimeout(timerRef.current);\n\t\ttimerRef.current = setTimeout(() => {\n\t\t\tsetIsOpen(false);\n\t\t}, closeDelay);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`rpc_hover_card ${className}`}\n\t\t\tstyle={style}\n\t\t\tonMouseEnter={handleMouseEnter}\n\t\t\tonMouseLeave={handleMouseLeave}\n\t\t>\n\t\t\t{children}\n\n\t\t\t{isOpen && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"rpc_hover_card_popover\"\n\t\t\t\t\tonMouseEnter={handleMouseEnter}\n\t\t\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default HoverCard;\n"]}
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
import { useState } from 'react';
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
|
|
4
|
+
// TreeFilterPanel/index.tsx
|
|
5
|
+
var TreeFilterPanel = ({
|
|
6
|
+
options = [],
|
|
7
|
+
value: controlledValue,
|
|
8
|
+
defaultValue = [],
|
|
9
|
+
onChange,
|
|
10
|
+
multiple = true,
|
|
11
|
+
levelLabels = ["\u4E00\u7EA7\u5206\u7C7B", "\u4E8C\u7EA7\u5206\u7C7B", "\u4E09\u7EA7\u6807\u7B7E"],
|
|
12
|
+
className = "",
|
|
13
|
+
style
|
|
14
|
+
}) => {
|
|
15
|
+
var _a, _b;
|
|
16
|
+
const [internalVal, setInternalVal] = useState(defaultValue);
|
|
17
|
+
const selectedValues = controlledValue !== void 0 ? controlledValue : internalVal;
|
|
18
|
+
const [activeLevel1, setActiveLevel1] = useState(
|
|
19
|
+
((_a = options[0]) == null ? void 0 : _a.value) || null
|
|
20
|
+
);
|
|
21
|
+
const level1Option = options.find((opt) => opt.value === activeLevel1) || options[0];
|
|
22
|
+
const level2Options = (level1Option == null ? void 0 : level1Option.children) || [];
|
|
23
|
+
const [activeLevel2, setActiveLevel2] = useState(
|
|
24
|
+
((_b = level2Options[0]) == null ? void 0 : _b.value) || null
|
|
25
|
+
);
|
|
26
|
+
const level2Option = level2Options.find((opt) => opt.value === activeLevel2) || level2Options[0];
|
|
27
|
+
const level3Options = (level2Option == null ? void 0 : level2Option.children) || [];
|
|
28
|
+
const handleSelect = (val) => {
|
|
29
|
+
let next;
|
|
30
|
+
if (!multiple) {
|
|
31
|
+
next = [val];
|
|
32
|
+
} else {
|
|
33
|
+
if (selectedValues.includes(val)) {
|
|
34
|
+
next = selectedValues.filter((v) => v !== val);
|
|
35
|
+
} else {
|
|
36
|
+
next = [...selectedValues, val];
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
if (controlledValue === void 0) setInternalVal(next);
|
|
40
|
+
onChange == null ? void 0 : onChange(next);
|
|
41
|
+
};
|
|
42
|
+
const handleClear = () => {
|
|
43
|
+
if (controlledValue === void 0) setInternalVal([]);
|
|
44
|
+
onChange == null ? void 0 : onChange([]);
|
|
45
|
+
};
|
|
46
|
+
return /* @__PURE__ */ jsxs("div", { className: `rpc_tree_filter_panel ${className}`, style, children: [
|
|
47
|
+
options.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rpc_tree_filter_panel_row", children: [
|
|
48
|
+
/* @__PURE__ */ jsxs("div", { className: "rpc_tree_filter_panel_label", children: [
|
|
49
|
+
levelLabels[0] || "\u4E00\u7EA7\u5206\u7C7B",
|
|
50
|
+
"\uFF1A"
|
|
51
|
+
] }),
|
|
52
|
+
/* @__PURE__ */ jsx("div", { className: "rpc_tree_filter_panel_options", children: options.map((opt) => {
|
|
53
|
+
const isSelected = selectedValues.includes(opt.value);
|
|
54
|
+
const isCurrentActive = activeLevel1 === opt.value;
|
|
55
|
+
return /* @__PURE__ */ jsx(
|
|
56
|
+
"span",
|
|
57
|
+
{
|
|
58
|
+
className: `rpc_tree_filter_panel_item ${isSelected || isCurrentActive ? "rpc_tree_filter_panel_item_active" : ""}`,
|
|
59
|
+
onClick: () => {
|
|
60
|
+
setActiveLevel1(opt.value);
|
|
61
|
+
if (opt.children && opt.children.length > 0) {
|
|
62
|
+
setActiveLevel2(opt.children[0].value);
|
|
63
|
+
}
|
|
64
|
+
handleSelect(opt.value);
|
|
65
|
+
},
|
|
66
|
+
children: opt.label
|
|
67
|
+
},
|
|
68
|
+
opt.value
|
|
69
|
+
);
|
|
70
|
+
}) })
|
|
71
|
+
] }),
|
|
72
|
+
level2Options.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rpc_tree_filter_panel_row", children: [
|
|
73
|
+
/* @__PURE__ */ jsxs("div", { className: "rpc_tree_filter_panel_label", children: [
|
|
74
|
+
levelLabels[1] || "\u4E8C\u7EA7\u5206\u7C7B",
|
|
75
|
+
"\uFF1A"
|
|
76
|
+
] }),
|
|
77
|
+
/* @__PURE__ */ jsx("div", { className: "rpc_tree_filter_panel_options", children: level2Options.map((opt) => {
|
|
78
|
+
const isSelected = selectedValues.includes(opt.value);
|
|
79
|
+
const isCurrentActive = activeLevel2 === opt.value;
|
|
80
|
+
return /* @__PURE__ */ jsx(
|
|
81
|
+
"span",
|
|
82
|
+
{
|
|
83
|
+
className: `rpc_tree_filter_panel_item ${isSelected || isCurrentActive ? "rpc_tree_filter_panel_item_active" : ""}`,
|
|
84
|
+
onClick: () => {
|
|
85
|
+
setActiveLevel2(opt.value);
|
|
86
|
+
handleSelect(opt.value);
|
|
87
|
+
},
|
|
88
|
+
children: opt.label
|
|
89
|
+
},
|
|
90
|
+
opt.value
|
|
91
|
+
);
|
|
92
|
+
}) })
|
|
93
|
+
] }),
|
|
94
|
+
level3Options.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rpc_tree_filter_panel_row", children: [
|
|
95
|
+
/* @__PURE__ */ jsxs("div", { className: "rpc_tree_filter_panel_label", children: [
|
|
96
|
+
levelLabels[2] || "\u4E09\u7EA7\u6807\u7B7E",
|
|
97
|
+
"\uFF1A"
|
|
98
|
+
] }),
|
|
99
|
+
/* @__PURE__ */ jsx("div", { className: "rpc_tree_filter_panel_options", children: level3Options.map((opt) => {
|
|
100
|
+
const isSelected = selectedValues.includes(opt.value);
|
|
101
|
+
return /* @__PURE__ */ jsx(
|
|
102
|
+
"span",
|
|
103
|
+
{
|
|
104
|
+
className: `rpc_tree_filter_panel_item ${isSelected ? "rpc_tree_filter_panel_item_active" : ""}`,
|
|
105
|
+
onClick: () => handleSelect(opt.value),
|
|
106
|
+
children: opt.label
|
|
107
|
+
},
|
|
108
|
+
opt.value
|
|
109
|
+
);
|
|
110
|
+
}) })
|
|
111
|
+
] }),
|
|
112
|
+
/* @__PURE__ */ jsxs("div", { className: "rpc_tree_filter_panel_footer", children: [
|
|
113
|
+
/* @__PURE__ */ jsxs("span", { children: [
|
|
114
|
+
"\u5DF2\u9009\u6761\u4EF6\uFF1A",
|
|
115
|
+
selectedValues.length,
|
|
116
|
+
" \u9879"
|
|
117
|
+
] }),
|
|
118
|
+
selectedValues.length > 0 && /* @__PURE__ */ jsx(
|
|
119
|
+
"button",
|
|
120
|
+
{
|
|
121
|
+
type: "button",
|
|
122
|
+
className: "rpc_tree_filter_panel_clear_btn",
|
|
123
|
+
onClick: handleClear,
|
|
124
|
+
children: "\u6E05\u7A7A\u6240\u6709\u7B5B\u9009"
|
|
125
|
+
}
|
|
126
|
+
)
|
|
127
|
+
] })
|
|
128
|
+
] });
|
|
129
|
+
};
|
|
130
|
+
var TreeFilterPanel_default = TreeFilterPanel;
|
|
131
|
+
|
|
132
|
+
export { TreeFilterPanel_default };
|
|
133
|
+
//# sourceMappingURL=chunk-7AKHSOSZ.js.map
|
|
134
|
+
//# sourceMappingURL=chunk-7AKHSOSZ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../TreeFilterPanel/index.tsx"],"names":[],"mappings":"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","file":"chunk-7AKHSOSZ.js","sourcesContent":["import React, { useState, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface TreeFilterNode {\n\tlabel: string;\n\tvalue: string | number;\n\tchildren?: TreeFilterNode[];\n}\n\nexport interface TreeFilterPanelProps {\n\t/** 树形分类选项列表 */\n\toptions: TreeFilterNode[];\n\t/** 当前选中的值数组(受控) */\n\tvalue?: (string | number)[];\n\t/** 默认选中的值数组 */\n\tdefaultValue?: (string | number)[];\n\t/** 选中值变化回调 */\n\tonChange?: (values: (string | number)[]) => void;\n\t/** 是否支持多选,默认为 true */\n\tmultiple?: boolean;\n\t/** 标题前缀,默认为 ['一级分类', '二级分类', '三级标签'] */\n\tlevelLabels?: string[];\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst TreeFilterPanel: React.FC<TreeFilterPanelProps> = ({\n\toptions = [],\n\tvalue: controlledValue,\n\tdefaultValue = [],\n\tonChange,\n\tmultiple = true,\n\tlevelLabels = ['一级分类', '二级分类', '三级标签'],\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [internalVal, setInternalVal] = useState<(string | number)[]>(defaultValue);\n\tconst selectedValues = controlledValue !== undefined ? controlledValue : internalVal;\n\n\t// 记录每一层当前激活选中的父节点\n\tconst [activeLevel1, setActiveLevel1] = useState<string | number | null>(\n\t\toptions[0]?.value || null,\n\t);\n\n\tconst level1Option = options.find((opt) => opt.value === activeLevel1) || options[0];\n\tconst level2Options = level1Option?.children || [];\n\n\tconst [activeLevel2, setActiveLevel2] = useState<string | number | null>(\n\t\tlevel2Options[0]?.value || null,\n\t);\n\n\tconst level2Option = level2Options.find((opt) => opt.value === activeLevel2) || level2Options[0];\n\tconst level3Options = level2Option?.children || [];\n\n\tconst handleSelect = (val: string | number) => {\n\t\tlet next: (string | number)[];\n\t\tif (!multiple) {\n\t\t\tnext = [val];\n\t\t} else {\n\t\t\tif (selectedValues.includes(val)) {\n\t\t\t\tnext = selectedValues.filter((v) => v !== val);\n\t\t\t} else {\n\t\t\t\tnext = [...selectedValues, val];\n\t\t\t}\n\t\t}\n\n\t\tif (controlledValue === undefined) setInternalVal(next);\n\t\tonChange?.(next);\n\t};\n\n\tconst handleClear = () => {\n\t\tif (controlledValue === undefined) setInternalVal([]);\n\t\tonChange?.([]);\n\t};\n\n\treturn (\n\t\t<div className={`rpc_tree_filter_panel ${className}`} style={style}>\n\t\t\t{/* 一级分类 */}\n\t\t\t{options.length > 0 && (\n\t\t\t\t<div className=\"rpc_tree_filter_panel_row\">\n\t\t\t\t\t<div className=\"rpc_tree_filter_panel_label\">{levelLabels[0] || '一级分类'}:</div>\n\t\t\t\t\t<div className=\"rpc_tree_filter_panel_options\">\n\t\t\t\t\t\t{options.map((opt) => {\n\t\t\t\t\t\t\tconst isSelected = selectedValues.includes(opt.value);\n\t\t\t\t\t\t\tconst isCurrentActive = activeLevel1 === opt.value;\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tkey={opt.value}\n\t\t\t\t\t\t\t\t\tclassName={`rpc_tree_filter_panel_item ${\n\t\t\t\t\t\t\t\t\t\tisSelected || isCurrentActive ? 'rpc_tree_filter_panel_item_active' : ''\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetActiveLevel1(opt.value);\n\t\t\t\t\t\t\t\t\t\tif (opt.children && opt.children.length > 0) {\n\t\t\t\t\t\t\t\t\t\t\tsetActiveLevel2(opt.children[0].value);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\thandleSelect(opt.value);\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\t{opt.label}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* 二级分类 */}\n\t\t\t{level2Options.length > 0 && (\n\t\t\t\t<div className=\"rpc_tree_filter_panel_row\">\n\t\t\t\t\t<div className=\"rpc_tree_filter_panel_label\">{levelLabels[1] || '二级分类'}:</div>\n\t\t\t\t\t<div className=\"rpc_tree_filter_panel_options\">\n\t\t\t\t\t\t{level2Options.map((opt) => {\n\t\t\t\t\t\t\tconst isSelected = selectedValues.includes(opt.value);\n\t\t\t\t\t\t\tconst isCurrentActive = activeLevel2 === opt.value;\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tkey={opt.value}\n\t\t\t\t\t\t\t\t\tclassName={`rpc_tree_filter_panel_item ${\n\t\t\t\t\t\t\t\t\t\tisSelected || isCurrentActive ? 'rpc_tree_filter_panel_item_active' : ''\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetActiveLevel2(opt.value);\n\t\t\t\t\t\t\t\t\t\thandleSelect(opt.value);\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\t{opt.label}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* 三级标签 */}\n\t\t\t{level3Options.length > 0 && (\n\t\t\t\t<div className=\"rpc_tree_filter_panel_row\">\n\t\t\t\t\t<div className=\"rpc_tree_filter_panel_label\">{levelLabels[2] || '三级标签'}:</div>\n\t\t\t\t\t<div className=\"rpc_tree_filter_panel_options\">\n\t\t\t\t\t\t{level3Options.map((opt) => {\n\t\t\t\t\t\t\tconst isSelected = selectedValues.includes(opt.value);\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tkey={opt.value}\n\t\t\t\t\t\t\t\t\tclassName={`rpc_tree_filter_panel_item ${\n\t\t\t\t\t\t\t\t\t\tisSelected ? 'rpc_tree_filter_panel_item_active' : ''\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tonClick={() => handleSelect(opt.value)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* 底部汇总与重置 */}\n\t\t\t<div className=\"rpc_tree_filter_panel_footer\">\n\t\t\t\t<span>已选条件:{selectedValues.length} 项</span>\n\t\t\t\t{selectedValues.length > 0 && (\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclassName=\"rpc_tree_filter_panel_clear_btn\"\n\t\t\t\t\t\tonClick={handleClear}\n\t\t\t\t\t>\n\t\t\t\t\t\t清空所有筛选\n\t\t\t\t\t</button>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default TreeFilterPanel;\n"]}
|
|
@@ -0,0 +1,106 @@
|
|
|
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 formatDimension = (value) => {
|
|
8
|
+
if (value === void 0 || value === null) return void 0;
|
|
9
|
+
return typeof value === "number" ? `${value}px` : value;
|
|
10
|
+
};
|
|
11
|
+
var ChevronLeft = () => /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.LeftOutlined, {});
|
|
12
|
+
var ChevronRight = () => /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.RightOutlined, {});
|
|
13
|
+
var ChevronUp = () => /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.UpOutlined, {});
|
|
14
|
+
var ChevronDown = () => /* @__PURE__ */ jsxRuntime.jsx(chunkQ4QF6UYX_cjs.DownOutlined, {});
|
|
15
|
+
var CollapsibleBox = ({
|
|
16
|
+
children,
|
|
17
|
+
title = "\u5185\u5BB9\u533A\u57DF",
|
|
18
|
+
direction = "horizontal",
|
|
19
|
+
buttonPosition = "right",
|
|
20
|
+
defaultWidth = 600,
|
|
21
|
+
defaultHeight = 300,
|
|
22
|
+
contentPadding = "16px",
|
|
23
|
+
headerHeight = 16,
|
|
24
|
+
className
|
|
25
|
+
}) => {
|
|
26
|
+
const [isExpanded, setIsExpanded] = react.useState(true);
|
|
27
|
+
const getContentMaxHeight = () => {
|
|
28
|
+
if (typeof defaultHeight === "number") {
|
|
29
|
+
return `${defaultHeight - headerHeight}px`;
|
|
30
|
+
}
|
|
31
|
+
if (typeof defaultHeight === "string") {
|
|
32
|
+
return headerHeight ? `calc(${defaultHeight} - ${headerHeight}px)` : defaultHeight;
|
|
33
|
+
}
|
|
34
|
+
return "100%";
|
|
35
|
+
};
|
|
36
|
+
const getIcon = () => {
|
|
37
|
+
if (direction === "horizontal") {
|
|
38
|
+
if (buttonPosition === "right") {
|
|
39
|
+
return isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, {}) : /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft, {});
|
|
40
|
+
}
|
|
41
|
+
return isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft, {}) : /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, {});
|
|
42
|
+
}
|
|
43
|
+
if (buttonPosition === "bottom") {
|
|
44
|
+
return isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, {}) : /* @__PURE__ */ jsxRuntime.jsx(ChevronUp, {});
|
|
45
|
+
}
|
|
46
|
+
return isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(ChevronUp, {}) : /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, {});
|
|
47
|
+
};
|
|
48
|
+
const getButtonClass = () => {
|
|
49
|
+
if (direction === "horizontal") {
|
|
50
|
+
return buttonPosition === "right" ? "button-right" : "button-left";
|
|
51
|
+
}
|
|
52
|
+
return buttonPosition === "bottom" ? "button-bottom" : "button-top";
|
|
53
|
+
};
|
|
54
|
+
const getContainerStyle = () => {
|
|
55
|
+
if (direction === "horizontal") {
|
|
56
|
+
return {
|
|
57
|
+
width: isExpanded ? "100%" : "0px",
|
|
58
|
+
height: "100%"
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
return {
|
|
62
|
+
height: isExpanded ? "100%" : "0px",
|
|
63
|
+
width: "100%"
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
const baseWrapperClass = direction === "horizontal" ? "collapsible-wrapper horizontal" : "collapsible-wrapper vertical";
|
|
67
|
+
const wrapperClass = className ? `${baseWrapperClass} ${className}` : baseWrapperClass;
|
|
68
|
+
const containerClass = [
|
|
69
|
+
"collapsible-container",
|
|
70
|
+
direction === "horizontal" && buttonPosition === "right" ? "align-right" : "",
|
|
71
|
+
direction === "vertical" && buttonPosition === "bottom" ? "align-bottom" : ""
|
|
72
|
+
].filter(Boolean).join(" ");
|
|
73
|
+
const height = getContentMaxHeight();
|
|
74
|
+
const contentStyle = {
|
|
75
|
+
maxHeight: direction === "vertical" ? isExpanded ? height : "0px" : height,
|
|
76
|
+
overflowY: "auto",
|
|
77
|
+
padding: contentPadding,
|
|
78
|
+
boxSizing: "border-box"
|
|
79
|
+
};
|
|
80
|
+
const formattedWidth = formatDimension(defaultWidth);
|
|
81
|
+
const formattedHeight = formatDimension(defaultHeight);
|
|
82
|
+
const wrapperStyle = {
|
|
83
|
+
width: formattedWidth,
|
|
84
|
+
height: formattedHeight
|
|
85
|
+
};
|
|
86
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClass, style: wrapperStyle, children: [
|
|
87
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { style: getContainerStyle(), className: containerClass, children: [
|
|
88
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "collapsible-header", style: { display: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx("h3", { children: title }) }),
|
|
89
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "collapsible-content", style: contentStyle, children })
|
|
90
|
+
] }),
|
|
91
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
92
|
+
"div",
|
|
93
|
+
{
|
|
94
|
+
onClick: () => setIsExpanded(!isExpanded),
|
|
95
|
+
className: `toggle-button ${getButtonClass()}`,
|
|
96
|
+
title: isExpanded ? "\u9690\u85CF" : "\u5C55\u5F00",
|
|
97
|
+
children: getIcon()
|
|
98
|
+
}
|
|
99
|
+
)
|
|
100
|
+
] });
|
|
101
|
+
};
|
|
102
|
+
var CollapseBox_default = CollapsibleBox;
|
|
103
|
+
|
|
104
|
+
exports.CollapseBox_default = CollapseBox_default;
|
|
105
|
+
//# sourceMappingURL=chunk-7JLQOQJZ.cjs.map
|
|
106
|
+
//# sourceMappingURL=chunk-7JLQOQJZ.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../CollapseBox/index.tsx"],"names":["jsx","LeftOutlined","RightOutlined","UpOutlined","DownOutlined","useState","jsxs"],"mappings":"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","file":"chunk-7JLQOQJZ.cjs","sourcesContent":["import { useState, type CSSProperties, type ReactNode } from 'react';\nimport { DownOutlined, LeftOutlined, RightOutlined, UpOutlined } from '../src/icons';\nimport './index.less';\n\nexport type CollapseBoxDirection = 'horizontal' | 'vertical';\nexport type CollapseBoxButtonPosition = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface CollapseBoxProps {\n\tchildren?: ReactNode;\n\ttitle?: string;\n\tdirection?: CollapseBoxDirection;\n\tbuttonPosition?: CollapseBoxButtonPosition;\n\tdefaultWidth?: number | string;\n\tdefaultHeight?: number | string;\n\tcontentPadding?: string;\n\theaderHeight?: number;\n\tclassName?: string;\n}\n\nconst formatDimension = (value?: number | string): string | undefined => {\n\tif (value === undefined || value === null) return undefined;\n\treturn typeof value === 'number' ? `${value}px` : value;\n};\n\nconst ChevronLeft = () => <LeftOutlined />;\n\nconst ChevronRight = () => <RightOutlined />;\n\nconst ChevronUp = () => <UpOutlined />;\n\nconst ChevronDown = () => <DownOutlined />;\n\nconst CollapsibleBox = ({\n\tchildren,\n\ttitle = '内容区域',\n\tdirection = 'horizontal',\n\tbuttonPosition = 'right',\n\tdefaultWidth = 600,\n\tdefaultHeight = 300,\n\tcontentPadding = '16px',\n\theaderHeight = 16,\n\tclassName,\n}: CollapseBoxProps) => {\n\tconst [isExpanded, setIsExpanded] = useState(true);\n\n\tconst getContentMaxHeight = () => {\n\t\tif (typeof defaultHeight === 'number') {\n\t\t\treturn `${defaultHeight - headerHeight}px`;\n\t\t}\n\t\tif (typeof defaultHeight === 'string') {\n\t\t\treturn headerHeight ? `calc(${defaultHeight} - ${headerHeight}px)` : defaultHeight;\n\t\t}\n\t\treturn '100%';\n\t};\n\n\tconst getIcon = () => {\n\t\tif (direction === 'horizontal') {\n\t\t\tif (buttonPosition === 'right') {\n\t\t\t\treturn isExpanded ? <ChevronRight /> : <ChevronLeft />;\n\t\t\t}\n\t\t\treturn isExpanded ? <ChevronLeft /> : <ChevronRight />;\n\t\t}\n\t\tif (buttonPosition === 'bottom') {\n\t\t\treturn isExpanded ? <ChevronDown /> : <ChevronUp />;\n\t\t}\n\t\treturn isExpanded ? <ChevronUp /> : <ChevronDown />;\n\t};\n\n\tconst getButtonClass = () => {\n\t\tif (direction === 'horizontal') {\n\t\t\treturn buttonPosition === 'right' ? 'button-right' : 'button-left';\n\t\t}\n\t\treturn buttonPosition === 'bottom' ? 'button-bottom' : 'button-top';\n\t};\n\n\tconst getContainerStyle = (): CSSProperties => {\n\t\tif (direction === 'horizontal') {\n\t\t\treturn {\n\t\t\t\twidth: isExpanded ? '100%' : '0px',\n\t\t\t\theight: '100%',\n\t\t\t};\n\t\t}\n\t\treturn {\n\t\t\theight: isExpanded ? '100%' : '0px',\n\t\t\twidth: '100%',\n\t\t};\n\t};\n\n\tconst baseWrapperClass =\n\t\tdirection === 'horizontal' ? 'collapsible-wrapper horizontal' : 'collapsible-wrapper vertical';\n\tconst wrapperClass = className ? `${baseWrapperClass} ${className}` : baseWrapperClass;\n\n\tconst containerClass = [\n\t\t'collapsible-container',\n\t\tdirection === 'horizontal' && buttonPosition === 'right' ? 'align-right' : '',\n\t\tdirection === 'vertical' && buttonPosition === 'bottom' ? 'align-bottom' : '',\n\t]\n\t\t.filter(Boolean)\n\t\t.join(' ');\n\n\tconst height = getContentMaxHeight();\n\tconst contentStyle: CSSProperties = {\n\t\tmaxHeight: direction === 'vertical' ? (isExpanded ? height : '0px') : height,\n\t\toverflowY: 'auto',\n\t\tpadding: contentPadding,\n\t\tboxSizing: 'border-box',\n\t};\n\n\tconst formattedWidth = formatDimension(defaultWidth);\n\tconst formattedHeight = formatDimension(defaultHeight);\n\tconst wrapperStyle: CSSProperties = {\n\t\twidth: formattedWidth,\n\t\theight: formattedHeight,\n\t};\n\n\treturn (\n\t\t<div className={wrapperClass} style={wrapperStyle}>\n\t\t\t<div style={getContainerStyle()} className={containerClass}>\n\t\t\t\t{title && (\n\t\t\t\t\t<div className=\"collapsible-header\" style={{ display: 'none' }}>\n\t\t\t\t\t\t<h3>{title}</h3>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<div className=\"collapsible-content\" style={contentStyle}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tonClick={() => setIsExpanded(!isExpanded)}\n\t\t\t\tclassName={`toggle-button ${getButtonClass()}`}\n\t\t\t\ttitle={isExpanded ? '隐藏' : '展开'}\n\t\t\t>\n\t\t\t\t{getIcon()}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default CollapsibleBox;\n"]}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { ZoomOutOutlined, ZoomInOutlined, RotateRightOutlined, DownloadOutlined } from './chunk-TGSKTHTV.js';
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
var PdfViewer = ({
|
|
6
|
+
src,
|
|
7
|
+
title = "PDF Document Preview",
|
|
8
|
+
width = "100%",
|
|
9
|
+
height = 500,
|
|
10
|
+
showDownload = true,
|
|
11
|
+
className = "",
|
|
12
|
+
style
|
|
13
|
+
}) => {
|
|
14
|
+
const [zoom, setZoom] = useState(100);
|
|
15
|
+
const [rotation, setRotation] = useState(0);
|
|
16
|
+
const handleZoomIn = () => {
|
|
17
|
+
setZoom((prev) => Math.min(200, prev + 15));
|
|
18
|
+
};
|
|
19
|
+
const handleZoomOut = () => {
|
|
20
|
+
setZoom((prev) => Math.max(50, prev - 15));
|
|
21
|
+
};
|
|
22
|
+
const handleRotate = () => {
|
|
23
|
+
setRotation((prev) => (prev + 90) % 360);
|
|
24
|
+
};
|
|
25
|
+
return /* @__PURE__ */ jsxs("div", { className: `rpc_pdf_viewer ${className}`, style: { width, height, ...style }, children: [
|
|
26
|
+
/* @__PURE__ */ jsxs("div", { className: "rpc_pdf_viewer_toolbar", children: [
|
|
27
|
+
/* @__PURE__ */ jsx("span", { className: "rpc_pdf_viewer_title", children: title }),
|
|
28
|
+
/* @__PURE__ */ jsxs("div", { className: "rpc_pdf_viewer_actions", children: [
|
|
29
|
+
/* @__PURE__ */ jsx("button", { type: "button", className: "rpc_pdf_viewer_btn", onClick: handleZoomOut, title: "\u7F29\u5C0F", children: /* @__PURE__ */ jsx(ZoomOutOutlined, {}) }),
|
|
30
|
+
/* @__PURE__ */ jsxs("span", { style: { fontSize: 12, minWidth: 40, textAlign: "center" }, children: [
|
|
31
|
+
zoom,
|
|
32
|
+
"%"
|
|
33
|
+
] }),
|
|
34
|
+
/* @__PURE__ */ jsx("button", { type: "button", className: "rpc_pdf_viewer_btn", onClick: handleZoomIn, title: "\u653E\u5927", children: /* @__PURE__ */ jsx(ZoomInOutlined, {}) }),
|
|
35
|
+
/* @__PURE__ */ jsx("button", { type: "button", className: "rpc_pdf_viewer_btn", onClick: handleRotate, title: "\u987A\u65F6\u9488\u65CB\u8F6C 90\xB0", children: /* @__PURE__ */ jsx(RotateRightOutlined, {}) }),
|
|
36
|
+
showDownload && /* @__PURE__ */ jsxs("a", { href: src, download: true, className: "rpc_pdf_viewer_btn", title: "\u4E0B\u8F7D PDF", children: [
|
|
37
|
+
/* @__PURE__ */ jsx(DownloadOutlined, {}),
|
|
38
|
+
/* @__PURE__ */ jsx("span", { children: "\u4E0B\u8F7D" })
|
|
39
|
+
] })
|
|
40
|
+
] })
|
|
41
|
+
] }),
|
|
42
|
+
/* @__PURE__ */ jsx("div", { className: "rpc_pdf_viewer_body", children: /* @__PURE__ */ jsx(
|
|
43
|
+
"iframe",
|
|
44
|
+
{
|
|
45
|
+
src: `${src}#toolbar=0&navpanes=0`,
|
|
46
|
+
title: "PDF Preview Frame",
|
|
47
|
+
className: "rpc_pdf_viewer_frame",
|
|
48
|
+
style: {
|
|
49
|
+
transform: `scale(${zoom / 100}) rotate(${rotation}deg)`
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
) })
|
|
53
|
+
] });
|
|
54
|
+
};
|
|
55
|
+
var PdfViewer_default = PdfViewer;
|
|
56
|
+
|
|
57
|
+
export { PdfViewer_default };
|
|
58
|
+
//# sourceMappingURL=chunk-7JRGQL63.js.map
|
|
59
|
+
//# sourceMappingURL=chunk-7JRGQL63.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../PdfViewer/index.tsx"],"names":[],"mappings":"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","file":"chunk-7JRGQL63.js","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,80 @@
|
|
|
1
|
+
import { useState, useRef } from 'react';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
+
|
|
4
|
+
// DualRangeSlider/index.tsx
|
|
5
|
+
var DualRangeSlider = ({
|
|
6
|
+
min = 0,
|
|
7
|
+
max = 100,
|
|
8
|
+
value: controlledVal,
|
|
9
|
+
defaultValue = [20, 80],
|
|
10
|
+
onChange,
|
|
11
|
+
className = "",
|
|
12
|
+
style
|
|
13
|
+
}) => {
|
|
14
|
+
const [internalVal, setInternalVal] = useState(defaultValue);
|
|
15
|
+
const rangeVal = controlledVal !== void 0 ? controlledVal : internalVal;
|
|
16
|
+
const trackRef = useRef(null);
|
|
17
|
+
const activeThumbRef = useRef(null);
|
|
18
|
+
const updateVal = (val) => {
|
|
19
|
+
if (controlledVal === void 0) setInternalVal(val);
|
|
20
|
+
onChange == null ? void 0 : onChange(val);
|
|
21
|
+
};
|
|
22
|
+
const handleThumbMouseDown = (thumb) => {
|
|
23
|
+
activeThumbRef.current = thumb;
|
|
24
|
+
const handleMouseMove = (e) => {
|
|
25
|
+
if (!activeThumbRef.current || !trackRef.current) return;
|
|
26
|
+
const rect = trackRef.current.getBoundingClientRect();
|
|
27
|
+
const ratio = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));
|
|
28
|
+
const currentNum = Math.round(min + ratio * (max - min));
|
|
29
|
+
if (activeThumbRef.current === "left") {
|
|
30
|
+
const clamped = Math.min(currentNum, rangeVal[1]);
|
|
31
|
+
updateVal([clamped, rangeVal[1]]);
|
|
32
|
+
} else {
|
|
33
|
+
const clamped = Math.max(currentNum, rangeVal[0]);
|
|
34
|
+
updateVal([rangeVal[0], clamped]);
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
const handleMouseUp = () => {
|
|
38
|
+
activeThumbRef.current = null;
|
|
39
|
+
document.removeEventListener("mousemove", handleMouseMove);
|
|
40
|
+
document.removeEventListener("mouseup", handleMouseUp);
|
|
41
|
+
};
|
|
42
|
+
document.addEventListener("mousemove", handleMouseMove);
|
|
43
|
+
document.addEventListener("mouseup", handleMouseUp);
|
|
44
|
+
};
|
|
45
|
+
const leftPct = (rangeVal[0] - min) / (max - min) * 100;
|
|
46
|
+
const rightPct = (rangeVal[1] - min) / (max - min) * 100;
|
|
47
|
+
return /* @__PURE__ */ jsx("div", { className: `rpc_dual_slider ${className}`, style, children: /* @__PURE__ */ jsxs("div", { ref: trackRef, className: "rpc_dual_slider_track", children: [
|
|
48
|
+
/* @__PURE__ */ jsx(
|
|
49
|
+
"div",
|
|
50
|
+
{
|
|
51
|
+
className: "rpc_dual_slider_highlight",
|
|
52
|
+
style: {
|
|
53
|
+
left: `${leftPct}%`,
|
|
54
|
+
width: `${rightPct - leftPct}%`
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
),
|
|
58
|
+
/* @__PURE__ */ jsx(
|
|
59
|
+
"div",
|
|
60
|
+
{
|
|
61
|
+
className: "rpc_dual_slider_thumb",
|
|
62
|
+
style: { left: `${leftPct}%` },
|
|
63
|
+
onMouseDown: () => handleThumbMouseDown("left")
|
|
64
|
+
}
|
|
65
|
+
),
|
|
66
|
+
/* @__PURE__ */ jsx(
|
|
67
|
+
"div",
|
|
68
|
+
{
|
|
69
|
+
className: "rpc_dual_slider_thumb",
|
|
70
|
+
style: { left: `${rightPct}%` },
|
|
71
|
+
onMouseDown: () => handleThumbMouseDown("right")
|
|
72
|
+
}
|
|
73
|
+
)
|
|
74
|
+
] }) });
|
|
75
|
+
};
|
|
76
|
+
var DualRangeSlider_default = DualRangeSlider;
|
|
77
|
+
|
|
78
|
+
export { DualRangeSlider_default };
|
|
79
|
+
//# sourceMappingURL=chunk-A4LXKZQ5.js.map
|
|
80
|
+
//# sourceMappingURL=chunk-A4LXKZQ5.js.map
|