easy-three-utils 0.0.384 → 0.0.385

package/cesium/components/index.ts

@@ -2,6 +2,7 @@ import Timeline from './react/Timeline/index.tsx'
 import TerrainLine from './react/TerrainLine/index.tsx'
 import ProFileEcharts from './react/ProFileEcharts/index.tsx'
 import SunshineLine from './react/SunshineLine/index.tsx'
+import CurrentTIme from './react/CurrentTime/index.tsx'
 
 const components = {
     vue: {
@@ -10,7 +11,8 @@ const components = {
         Timeline,
         TerrainLine,
         ProFileEcharts,
-        SunshineLine
+        SunshineLine,
+        CurrentTIme
     }
 }
 

package/cesium/components/react/CurrentTime/index.tsx

@@ -0,0 +1,26 @@
+import { useEffect, useState } from 'react'
+import dayjs from 'dayjs'
+
+const CurrentTime: React.FC<{
+    type?: string | 'YYYY-MM-DD HH:mm:ss' | 'HH:mm:ss' | 'YYYY-MM-DD';
+    interval?: number;
+}> = (props) => {
+
+    const { type, interval } = props
+
+    const [currentTime, setCurrentTime] = useState(dayjs().format(type || 'YYYY-MM-DD HH:mm:ss'))
+
+    useEffect(() => {
+        const timer = setInterval(() => {
+            setCurrentTime(dayjs().format(type || 'YYYY-MM-DD HH:mm:ss'))
+        }, interval || 1000)
+
+        return () => {
+            clearInterval(timer)
+        }
+    }, [currentTime])
+
+    return (<div>{currentTime}</div>)
+}
+
+export default CurrentTime

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy-three-utils",
-  "version": "0.0.384",
+  "version": "0.0.385",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -8,5 +8,5 @@
   "author": "",
   "license": "ISC",
   "types": "./index.d.ts",
-  "description": "新增根据id获取实体"
+  "description": "新增时间组件"
 }