@wener/console/lib/console/components/DockLayout/DockClock.js

Base console UI toolkit

import React, { memo, useMemo, useRef, useState } from "react";
import { ClockWidget } from "@wener/console/console/applets";
import { useInterval } from "@wener/reaction";
import dayjs from "dayjs";
export const DockClock = /*#__PURE__*/ memo(()=>{
    const [date, setDate] = useState(()=>dayjs());
    useInterval(()=>{
        setDate(dayjs());
    }, 1000 * 60);
    const title = useMemo(()=>new Intl.DateTimeFormat('zh-CN', {
            calendar: 'chinese',
            dateStyle: 'full'
        }).format(date.toDate()), [
        date.dayOfYear()
    ]);
    const winRef = useRef();
    return /*#__PURE__*/ React.createElement("div", {
        className: 'flex flex-col items-center self-center',
        title: title,
        onClick: ()=>{
            ClockWidget.toggle();
        }
    }, /*#__PURE__*/ React.createElement("span", {
        style: {
            fontSize: 10
        }
    }, date.format('ddd hh:mm')), /*#__PURE__*/ React.createElement("span", {
        style: {
            fontSize: 9
        }
    }, date.format('YYYY/MM/DD')));
});
DockClock.displayName = 'DockClock';

//# sourceMappingURL=DockClock.js.map