feat(dees-chart-log): Enhance log component with realistic log simulation and improved UI controls
This commit is contained in:
@@ -1,4 +1,28 @@
|
||||
!!! Please pay attention to the following points when writing the readme: !!!
|
||||
* Give a short rundown of components and a few points abputspecific features on each.
|
||||
* Try to list all components in a summary.
|
||||
* Then list all components with a short description.
|
||||
* Then list all components with a short description.
|
||||
|
||||
## Chart Components
|
||||
|
||||
### dees-chart-area
|
||||
- Fully functional area chart component using ApexCharts
|
||||
- Displays time-series data with gradient fills
|
||||
- Responsive with ResizeObserver
|
||||
- Demo shows CPU and memory usage metrics
|
||||
|
||||
### dees-chart-log
|
||||
- Server log viewer component (not a chart despite the name)
|
||||
- Terminal-style interface with monospace font
|
||||
- Supports log levels: debug, info, warn, error, success
|
||||
- Features:
|
||||
- Auto-scroll toggle
|
||||
- Clear logs button
|
||||
- Colored log levels
|
||||
- Timestamp with milliseconds
|
||||
- Source labels for log entries
|
||||
- Maximum 1000 entries (configurable)
|
||||
- Light/dark theme support
|
||||
- Demo includes realistic server log simulation
|
||||
- Note: In demos, buttons use `@clicked` event (not `@click`)
|
||||
- Demo uses global reference to access log element (window.__demoLogElement)
|
||||
Reference in New Issue
Block a user