@pinnacle0/web-ui 0.6.45 → 0.7.0-beta.1

package/core/Countdown/index.js

@@ -1,10 +1,41 @@
 import React from "react";
 import { SlidingDigit } from "./SlidingDigit";
+import { ReactUtil } from "../../util/ReactUtil";
 import "./index.less";
-export class Countdown extends React.PureComponent {
-    static displayName = "Countdown";
-    static defaultProps = {
-        renderer: (hours, minutes, seconds) => (React.createElement(React.Fragment, null,
+export const Countdown = ReactUtil.memo("Countdown", (props) => {
+    const { timeToComplete, onComplete, onTick, renderer, isHidden, className, style } = props;
+    const computeRemainingSecond = () => {
+        if (timeToComplete <= 0)
+            return 0;
+        return Math.ceil((timeToComplete - Date.now()) / 1000);
+    };
+    const [remainingSecond, setRemainingSecond] = React.useState(computeRemainingSecond());
+    const isTimerCompleted = React.useRef(false);
+    React.useEffect(() => {
+        const timer = setInterval(handleTick, 1000);
+        return () => clearInterval(timer);
+    });
+    React.useEffect(() => {
+        isTimerCompleted.current = false;
+    }, [timeToComplete]);
+    const handleTick = () => {
+        if (!isTimerCompleted.current && timeToComplete > 0) {
+            const newRemainingSecond = computeRemainingSecond();
+            if (newRemainingSecond <= 0) {
+                isTimerCompleted.current = true; // To avoid call onComplete more than once
+                onComplete?.();
+            }
+            else if (newRemainingSecond !== remainingSecond) {
+                setRemainingSecond(newRemainingSecond);
+                onTick?.(newRemainingSecond);
+            }
+        }
+    };
+    return isHidden ? null : (React.createElement("div", { className: `g-countdown ${className || ""}`, style: style }, BodyNode(timeToComplete, remainingSecond, renderer)));
+});
+const BodyNode = (timeToComplete, remainingSecond, renderer) => {
+    const bodyRenderer = renderer ||
+        ((hours, minutes, seconds) => (React.createElement(React.Fragment, null,
             React.createElement(SlidingDigit, { digit: hours.charAt(0) }),
             React.createElement(SlidingDigit, { digit: hours.charAt(1) }),
             React.createElement("div", { className: "colon" }, ":"),
@@ -12,77 +43,25 @@ export class Countdown extends React.PureComponent {
             React.createElement(SlidingDigit, { digit: minutes.charAt(1) }),
             React.createElement("div", { className: "colon" }, ":"),
             React.createElement(SlidingDigit, { digit: seconds.charAt(0) }),
-            React.createElement(SlidingDigit, { digit: seconds.charAt(1) }))),
-    };
-    timer;
-    isTimerCompleted = false;
-    constructor(props) {
-        super(props);
-        this.state = { remainingSecond: this.computeRemainingSecond() };
-    }
-    componentDidMount() {
-        this.timer = window.setInterval(this.onTick, 1000);
-    }
-    componentWillUnmount() {
-        window.clearInterval(this.timer);
+            React.createElement(SlidingDigit, { digit: seconds.charAt(1) }))));
+    if (timeToComplete <= 0)
+        return bodyRenderer("--", "--", "--", null);
+    if (remainingSecond / 3600 >= 100) {
+        return bodyRenderer("99", "59", "59", remainingSecond);
     }
-    componentDidUpdate(prevProps) {
-        if (prevProps.timeToComplete !== this.props.timeToComplete) {
-            this.isTimerCompleted = false;
-        }
+    else if (remainingSecond <= 0) {
+        return bodyRenderer("00", "00", "00", 0);
     }
-    computeRemainingSecond = () => {
-        const { timeToComplete } = this.props;
-        if (timeToComplete > 0) {
-            return Math.ceil((timeToComplete - Date.now()) / 1000);
-        }
-        else {
-            return 0;
-        }
-    };
-    onTick = () => {
-        const { timeToComplete, onComplete, onTick } = this.props;
-        if (!this.isTimerCompleted && timeToComplete > 0) {
-            const remainingSecond = this.computeRemainingSecond();
-            if (remainingSecond <= 0) {
-                this.isTimerCompleted = true; // To avoid call onComplete more than once
-                onComplete?.();
-            }
-            else if (remainingSecond !== this.state.remainingSecond) {
-                this.setState({ remainingSecond }, () => onTick?.(remainingSecond));
-            }
-        }
-    };
-    render() {
-        const { isHidden, renderer, timeToComplete, className, style } = this.props;
-        const { remainingSecond } = this.state;
-        if (isHidden) {
-            return null;
-        }
-        let bodyNode;
-        if (timeToComplete > 0) {
-            if (remainingSecond / 3600 >= 100) {
-                bodyNode = renderer("99", "59", "59", remainingSecond);
-            }
-            else if (remainingSecond <= 0) {
-                bodyNode = renderer("00", "00", "00", 0);
-            }
-            else {
-                const hours = Math.floor(remainingSecond / 3600)
-                    .toString()
-                    .padStart(2, "0");
-                const remainingSecondWithinHour = remainingSecond % 3600;
-                const minutes = Math.floor(remainingSecondWithinHour / 60)
-                    .toString()
-                    .padStart(2, "0");
-                const seconds = (remainingSecondWithinHour % 60).toString().padStart(2, "0");
-                bodyNode = renderer(hours, minutes, seconds, remainingSecond);
-            }
-        }
-        else {
-            bodyNode = renderer("--", "--", "--", null);
-        }
-        return (React.createElement("div", { className: `g-countdown ${className || ""}`, style: style }, bodyNode));
+    else {
+        const hours = Math.floor(remainingSecond / 3600)
+            .toString()
+            .padStart(2, "0");
+        const remainingSecondWithinHour = remainingSecond % 3600;
+        const minutes = Math.floor(remainingSecondWithinHour / 60)
+            .toString()
+            .padStart(2, "0");
+        const seconds = (remainingSecondWithinHour % 60).toString().padStart(2, "0");
+        return bodyRenderer(hours, minutes, seconds, remainingSecond);
     }
-}
+};
 //# sourceMappingURL=index.js.map

package/core/Countdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Countdown/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Countdown/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAC/C,OAAO,cAAc,CAAC;AAsBtB,MAAM,CAAC,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAY,EAAE,EAAE;IAClE,MAAM,EAAC,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC;IAEzF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,IAAI,cAAc,IAAI,CAAC;YAAE,OAAO,CAAC,CAAC;QAClC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,sBAAsB,EAAE,CAAC,CAAC;IACvF,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAE7C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,KAAK,GAAG,WAAW,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,gBAAgB,CAAC,OAAO,GAAG,KAAK,CAAC;IACrC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,CAAC,gBAAgB,CAAC,OAAO,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;YAClD,MAAM,kBAAkB,GAAG,sBAAsB,EAAE,CAAC;YACpD,IAAI,kBAAkB,IAAI,CAAC,EAAE,CAAC;gBAC1B,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,0CAA0C;gBAC3E,UAAU,EAAE,EAAE,CAAC;YACnB,CAAC;iBAAM,IAAI,kBAAkB,KAAK,eAAe,EAAE,CAAC;gBAChD,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;gBACvC,MAAM,EAAE,CAAC,kBAAkB,CAAC,CAAC;YACjC,CAAC;QACL,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACrB,6BAAK,SAAS,EAAE,eAAe,SAAS,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,IACzD,QAAQ,CAAC,cAAc,EAAE,eAAe,EAAE,QAAQ,CAAC,CAClD,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAG,CAAC,cAAsB,EAAE,eAAuB,EAAE,QAA2H,EAAE,EAAE;IAC9L,MAAM,YAAY,GACd,QAAQ;QACR,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,CAC1B,oBAAC,KAAK,CAAC,QAAQ;YACX,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAI;YACxC,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAI;YACxC,6BAAK,SAAS,EAAC,OAAO,QAAQ;YAC9B,oBAAC,YAAY,IAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,GAAI;YAC1C,oBAAC,YAAY,IAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,GAAI;YAC1C,6BAAK,SAAS,EAAC,OAAO,QAAQ;YAC9B,oBAAC,YAAY,IAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,GAAI;YAC1C,oBAAC,YAAY,IAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,GAAI,CAC7B,CACpB,CAAC,CAAC;IAEP,IAAI,cAAc,IAAI,CAAC;QAAE,OAAO,YAAY,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAErE,IAAI,eAAe,GAAG,IAAI,IAAI,GAAG,EAAE,CAAC;QAChC,OAAO,YAAY,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,eAAe,CAAC,CAAC;IAC3D,CAAC;SAAM,IAAI,eAAe,IAAI,CAAC,EAAE,CAAC;QAC9B,OAAO,YAAY,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC7C,CAAC;SAAM,CAAC;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC;aAC3C,QAAQ,EAAE;aACV,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QACtB,MAAM,yBAAyB,GAAG,eAAe,GAAG,IAAI,CAAC;QACzD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,yBAAyB,GAAG,EAAE,CAAC;aACrD,QAAQ,EAAE;aACV,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QACtB,MAAM,OAAO,GAAG,CAAC,yBAAyB,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAC7E,OAAO,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC;IAClE,CAAC;AACL,CAAC,CAAC"}

package/core/DarkOverlay/index.d.ts

@@ -6,7 +6,4 @@ export interface Props {
     style?: React.CSSProperties;
     onClick?: () => void;
 }
-export declare class DarkOverlay extends React.PureComponent<Props> {
-    static displayName: string;
-    render(): React.ReactPortal;
-}
+export declare const DarkOverlay: ({ children, className, style, onClick }: Props) => React.ReactPortal;

package/core/DarkOverlay/index.js

@@ -1,11 +1,8 @@
 import React from "react";
 import ReactDOM from "react-dom";
+import { ReactUtil } from "../../util/ReactUtil";
 import "./index.less";
-export class DarkOverlay extends React.PureComponent {
-    static displayName = "DarkOverlay";
-    render() {
-        const { children, className, style, onClick } = this.props;
-        return ReactDOM.createPortal(React.createElement("div", { className: `g-dark-overlay ${className || ""}`, style: style, onClick: e => e.target === e.currentTarget && onClick?.() }, children), document.body);
-    }
-}
+export const DarkOverlay = ReactUtil.memo("DarkOverlay", ({ children, className, style, onClick }) => {
+    return ReactDOM.createPortal(React.createElement("div", { className: `g-dark-overlay ${className || ""}`, style: style, onClick: e => e.target === e.currentTarget && onClick?.() }, children), document.body);
+});
 //# sourceMappingURL=index.js.map

package/core/DarkOverlay/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/DarkOverlay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,cAAc,CAAC;AAStB,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,aAAoB;IACvD,MAAM,CAAC,WAAW,GAAG,aAAa,CAAC;IAEnC,MAAM;QACF,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACzD,OAAO,QAAQ,CAAC,YAAY,CACxB,6BAAK,SAAS,EAAE,kBAAkB,SAAS,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa,IAAI,OAAO,EAAE,EAAE,IACvH,QAAQ,CACP,EACN,QAAQ,CAAC,IAAI,CAChB,CAAC;IACN,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/DarkOverlay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAC/C,OAAO,cAAc,CAAC;AAStB,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAQ,EAAE,EAAE;IACtG,OAAO,QAAQ,CAAC,YAAY,CACxB,6BAAK,SAAS,EAAE,kBAAkB,SAAS,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa,IAAI,OAAO,EAAE,EAAE,IACvH,QAAQ,CACP,EACN,QAAQ,CAAC,IAAI,CAChB,CAAC;AACN,CAAC,CAAC,CAAC"}

package/core/DateCalendar/index.d.ts

@@ -1,16 +1,5 @@
 import React from "react";
 import type { ControlledFormValue } from "../../internal/type";
-import type { HeaderRender } from "antd/es/calendar/generateCalendar";
-import type { Dayjs } from "dayjs";
-interface Props extends ControlledFormValue<string> {
+export interface Props extends ControlledFormValue<string> {
 }
-export declare class DateCalendar extends React.PureComponent<Props> {
-    static displayName: string;
-    private readonly headerStyle;
-    private readonly now;
-    isDateDisabled: (current: Dayjs) => boolean;
-    onChange: (date: Dayjs) => void;
-    renderHeader: HeaderRender<Dayjs>;
-    render(): React.JSX.Element;
-}
-export {};
+export declare const DateCalendar: ({ value, onChange }: Props) => React.JSX.Element;

package/core/DateCalendar/index.js

@@ -5,14 +5,13 @@ import dayjsGenerateConfig from "rc-picker/lib/generate/dayjs";
 import localeData from "dayjs/plugin/localeData";
 import { Select } from "../Select";
 import { Space } from "../Space";
+import { ReactUtil } from "../../util/ReactUtil";
 // load plugin when component is imported
 dayjs.extend(localeData);
 const AntCalendar = generateCalendar(dayjsGenerateConfig);
-export class DateCalendar extends React.PureComponent {
-    static displayName = "DateCalendar";
-    headerStyle = { padding: 8 };
-    now = dayjs();
-    isDateDisabled = (current) => {
+const headerStyle = { padding: 8 };
+export const DateCalendar = ReactUtil.memo("DateCalendar", ({ value, onChange }) => {
+    const isDateDisabled = (current) => {
         if (!current) {
             return false;
         }
@@ -26,12 +25,13 @@ export class DateCalendar extends React.PureComponent {
         }
         return false;
     };
-    onChange = (date) => this.props.onChange(dayjs(date).format("YYYY-MM-DD"));
-    renderHeader = ({ value, onChange }) => {
+    const onAntChange = (date) => onChange(dayjs(date).format("YYYY-MM-DD"));
+    const renderHeader = ({ value, onChange }) => {
         const start = 0;
         const end = 12;
         const monthOptions = [];
-        const localeData = this.now.localeData();
+        const now = dayjs();
+        const localeData = now.localeData();
         const months = [];
         for (let i = 0; i < 12; i++) {
             months.push(localeData.monthsShort(value.month(i)));
@@ -41,20 +41,18 @@ export class DateCalendar extends React.PureComponent {
         }
         const month = value.month();
         const year = value.year();
-        const yearOfNow = this.now.year();
+        const yearOfNow = now.year();
         const options = [];
         for (let i = yearOfNow - 100; i <= yearOfNow; i++) {
             options.push(React.createElement(Select.Option, { key: i, value: i }, i));
         }
-        return (React.createElement("div", { style: this.headerStyle },
+        return (React.createElement("div", { style: headerStyle },
             React.createElement(Space, null,
                 React.createElement("div", null,
                     React.createElement(Select, { size: "small", popupMatchSelectWidth: false, onChange: newYear => onChange(value.year(newYear)), value: year }, options)),
                 React.createElement("div", null,
                     React.createElement(Select, { size: "small", popupMatchSelectWidth: false, value: month, onChange: selectedMonth => onChange(value.month(selectedMonth)) }, monthOptions)))));
     };
-    render() {
-        return React.createElement(AntCalendar, { disabledDate: this.isDateDisabled, headerRender: this.renderHeader, value: dayjs(this.props.value, "YYYY-MM-DD"), fullscreen: false, onChange: this.onChange });
-    }
-}
+    return React.createElement(AntCalendar, { disabledDate: isDateDisabled, headerRender: renderHeader, value: dayjs(value, "YYYY-MM-DD"), fullscreen: false, onChange: onAntChange });
+});
 //# sourceMappingURL=index.js.map

package/core/DateCalendar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/DateCalendar/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/DateCalendar/index.tsx"],"names":[],"mappings":"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"}

package/core/DatePicker/index.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import type { Dayjs } from "dayjs";
 import type { ControlledFormValue } from "../../internal/type";
 export interface Props<T extends boolean> extends ControlledFormValue<T extends false ? string : string | null> {
     allowNull: T;
@@ -8,9 +7,4 @@ export interface Props<T extends boolean> extends ControlledFormValue<T extends
     className?: string;
     preserveInvalidOnBlur?: boolean;
 }
-export declare class DatePicker<T extends boolean> extends React.PureComponent<Props<T>> {
-    static displayName: string;
-    isDateDisabled: (current: Dayjs) => boolean;
-    onChange: (_: Dayjs | null, dateString: string | string[]) => void;
-    render(): React.JSX.Element;
-}
+export declare const DatePicker: <T extends boolean>(props: Props<T>) => React.JSX.Element;

package/core/DatePicker/index.js

@@ -1,32 +1,25 @@
 import React from "react";
 import AntDatePicker from "antd/es/date-picker";
 import dayjs from "dayjs";
-export class DatePicker extends React.PureComponent {
-    static displayName = "DatePicker";
-    isDateDisabled = (current) => {
-        if (!current) {
+import { ReactUtil } from "../../util/ReactUtil";
+export const DatePicker = ReactUtil.memo("DatePicker", (props) => {
+    const { value, allowNull, placeholder, disabled, className, preserveInvalidOnBlur = true, onChange } = props;
+    const isDateDisabled = (current) => {
+        if (!current)
             return false;
-        }
         /**
          * This is for compatibility of MySQL.
          * MySQL TIMESTAMP data type is used for values that contain both date and time parts.
          * TIMESTAMP has a range of '1970-01-01 00:00:01' UTC to '2038-01-19 03:14:07' UTC.
          */
-        if (current.valueOf() >= new Date(2038, 0).valueOf()) {
-            return true;
-        }
-        return false;
+        return current.valueOf() >= new Date(2038, 0).valueOf();
     };
-    onChange = (_, dateString) => {
-        const { onChange, allowNull } = this.props;
+    const onAntChange = (_, dateString) => {
         if (dateString || allowNull) {
             const typedOnChange = onChange;
             typedOnChange(dateString);
         }
     };
-    render() {
-        const { value, allowNull, placeholder, disabled, className, preserveInvalidOnBlur = true } = this.props;
-        return (React.createElement(AntDatePicker, { className: className, showTime: false, disabledDate: this.isDateDisabled, placeholder: placeholder, value: value ? dayjs(value) : null, onChange: this.onChange, allowClear: allowNull, disabled: disabled, preserveInvalidOnBlur: preserveInvalidOnBlur }));
-    }
-}
+    return (React.createElement(AntDatePicker, { className: className, showTime: false, disabledDate: isDateDisabled, placeholder: placeholder, value: value ? dayjs(value) : null, onChange: onAntChange, allowClear: allowNull, disabled: disabled, preserveInvalidOnBlur: preserveInvalidOnBlur }));
+});
 //# sourceMappingURL=index.js.map

package/core/DatePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAEhD,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,OAAO,UAA8B,SAAQ,KAAK,CAAC,aAAuB;IAC5E,MAAM,CAAC,WAAW,GAAG,YAAY,CAAC;IAElC,cAAc,GAAG,CAAC,OAAc,EAAW,EAAE;QACzC,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,OAAO,KAAK,CAAC;QACjB,CAAC;QAED;;;;WAIG;QACH,IAAI,OAAO,CAAC,OAAO,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC;YACnD,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC;IAEF,QAAQ,GAAG,CAAC,CAAe,EAAE,UAA6B,EAAE,EAAE;QAC1D,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACzC,IAAI,UAAU,IAAI,SAAS,EAAE,CAAC;YAC1B,MAAM,aAAa,GAAG,QAA8C,CAAC;YACrE,aAAa,CAAC,UAAU,CAAC,CAAC;QAC9B,CAAC;IACL,CAAC,CAAC;IAEF,MAAM;QACF,MAAM,EAAC,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,qBAAqB,GAAG,IAAI,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACtG,OAAO,CACH,oBAAC,aAAa,IACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,KAAK,EACf,YAAY,EAAE,IAAI,CAAC,cAAc,EACjC,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAClC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,SAAS,EACrB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,GAC9C,CACL,CAAC;IACN,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAEhD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAU/C,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,CAAoB,KAAe,EAAE,EAAE;IAC1F,MAAM,EAAC,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,qBAAqB,GAAG,IAAI,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;IAE3G,MAAM,cAAc,GAAG,CAAC,OAAc,EAAW,EAAE;QAC/C,IAAI,CAAC,OAAO;YAAE,OAAO,KAAK,CAAC;QAC3B;;;;WAIG;QACH,OAAO,OAAO,CAAC,OAAO,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;IAC5D,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAAe,EAAE,UAAyB,EAAE,EAAE;QAC/D,IAAI,UAAU,IAAI,SAAS,EAAE,CAAC;YAC1B,MAAM,aAAa,GAAG,QAA0C,CAAC;YACjE,aAAa,CAAC,UAAU,CAAC,CAAC;QAC9B,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,aAAa,IACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,KAAK,EACf,YAAY,EAAE,cAAc,EAC5B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAClC,QAAQ,EAAE,WAAW,EACrB,UAAU,EAAE,SAAS,EACrB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,GAC9C,CACL,CAAC;AACN,CAAC,CAAC,CAAC"}

package/core/DateRangePicker/index.d.ts

@@ -12,17 +12,4 @@ export interface Props<T extends boolean> extends ControlledFormValue<T extends
     }>;
     preserveInvalidOnBlur?: boolean;
 }
-interface State {
-    shouldCheckDateRangeValid: boolean;
-}
-export declare class DateRangePicker<T extends boolean> extends React.PureComponent<Props<T>, State> {
-    static displayName: string;
-    private readonly dateFormatter;
-    constructor(props: Props<T>);
-    isDateDisabled: (current: Dayjs) => boolean;
-    onChange: (dates: [Dayjs | null, Dayjs | null] | null) => void;
-    onOpenChange: (open: boolean) => void;
-    componentDidUpdate(): void;
-    render(): React.JSX.Element;
-}
-export {};
+export declare const DateRangePicker: <T extends boolean>(props: Props<T>) => React.JSX.Element;

package/core/DateRangePicker/index.js

@@ -1,56 +1,47 @@
 import React from "react";
 import dayjs from "dayjs";
 import DatePicker from "antd/es/date-picker";
-export class DateRangePicker extends React.PureComponent {
-    static displayName = "DateRangePicker";
-    dateFormatter = "YYYY-MM-DD";
-    constructor(props) {
-        super(props);
-        this.state = { shouldCheckDateRangeValid: false };
-    }
-    isDateDisabled = (current) => {
-        if (!current) {
-            return false;
+import { ReactUtil } from "../../util/ReactUtil";
+const DATE_FORMATTER = "YYYY-MM-DD";
+export const DateRangePicker = ReactUtil.memo("DateRangePicker", (props) => {
+    const { value, allowNull, disabledRange, disabled, className, presets, preserveInvalidOnBlur = true, onChange } = props;
+    const [shouldCheckDateRangeValid, setShouldCheckDateRangeValid] = React.useState(false);
+    React.useEffect(() => {
+        if (shouldCheckDateRangeValid && value[0] && value[1]) {
+            const typedOnChange = onChange;
+            if (dayjs(value[0]).isAfter(dayjs(value[1]))) {
+                typedOnChange([value[1], value[0]]);
+            }
+            setShouldCheckDateRangeValid(false);
         }
+    }, [shouldCheckDateRangeValid, value, onChange]);
+    const isDateDisabled = (current) => {
+        if (!current)
+            return false;
         /**
          * This is for compatibility of MySQL.
          * MySQL TIMESTAMP data type is used for values that contain both date and time parts.
          * TIMESTAMP has a range of '1970-01-01 00:00:01' UTC to '2038-01-19 03:14:07' UTC.
          */
-        if (current.valueOf() >= new Date(2038, 0).valueOf()) {
+        if (current.valueOf() >= new Date(2038, 0).valueOf())
             return true;
-        }
         const diffToToday = Math.floor(current.diff(dayjs().startOf("day"), "day", true));
-        return this.props.disabledRange?.(diffToToday, current.toDate()) || false;
+        return disabledRange?.(diffToToday, current.toDate()) || false;
     };
-    onChange = (dates) => {
-        const typedOnChange = this.props.onChange;
+    const onAntChange = (dates) => {
+        const typedOnChange = onChange;
         if (dates) {
             const start = dates[0];
             const end = dates[1];
-            typedOnChange([start ? start.format(this.dateFormatter) : null, end ? end.format(this.dateFormatter) : null]);
+            typedOnChange([start ? start.format(DATE_FORMATTER) : null, end ? end.format(DATE_FORMATTER) : null]);
         }
         else {
             typedOnChange([null, null]);
         }
     };
-    onOpenChange = (open) => {
-        this.setState({ shouldCheckDateRangeValid: !open });
+    const onOpenChange = (open) => {
+        setShouldCheckDateRangeValid(!open);
     };
-    componentDidUpdate() {
-        if (this.state.shouldCheckDateRangeValid && this.props.value[0] && this.props.value[1]) {
-            const dates = this.props.value;
-            const typedOnChange = this.props.onChange;
-            if (dayjs(dates[0]).isAfter(dayjs(dates[1]))) {
-                typedOnChange([dates[1], dates[0]]);
-            }
-            this.setState({ shouldCheckDateRangeValid: false });
-        }
-    }
-    render() {
-        const { value, allowNull, disabled, className, presets, preserveInvalidOnBlur = true } = this.props;
-        const parsedValue = [value[0] ? dayjs(value[0]) : null, value[1] ? dayjs(value[1]) : null];
-        return (React.createElement(DatePicker.RangePicker, { disabledDate: this.isDateDisabled, className: className, showTime: false, value: parsedValue, onCalendarChange: this.onChange, allowClear: allowNull, disabled: disabled, presets: presets, preserveInvalidOnBlur: preserveInvalidOnBlur, onOpenChange: this.onOpenChange }));
-    }
-}
+    return (React.createElement(DatePicker.RangePicker, { disabledDate: isDateDisabled, className: className, showTime: false, value: [value[0] ? dayjs(value[0]) : null, value[1] ? dayjs(value[1]) : null], onCalendarChange: onAntChange, allowClear: allowNull, disabled: disabled, presets: presets, preserveInvalidOnBlur: preserveInvalidOnBlur, onOpenChange: onOpenChange }));
+});
 //# sourceMappingURL=index.js.map

package/core/DateRangePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/DateRangePicker/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/DateRangePicker/index.tsx"],"names":[],"mappings":"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"}

package/core/DateTimePicker/index.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import type { Dayjs } from "dayjs";
 import type { ControlledFormValue } from "../../internal/type";
 export interface Props<T extends boolean> extends ControlledFormValue<T extends false ? Date : Date | null> {
     allowNull: T;
@@ -11,9 +10,4 @@ export interface Props<T extends boolean> extends ControlledFormValue<T extends
     preserveInvalidOnBlur?: boolean;
     showSecond?: boolean;
 }
-export declare class DateTimePicker<T extends boolean> extends React.PureComponent<Props<T>> {
-    static displayName: string;
-    isDateDisabled: (current: Dayjs) => boolean;
-    onChange: (date: Dayjs | null) => void;
-    render(): React.JSX.Element;
-}
+export declare const DateTimePicker: <T extends boolean>(props: Props<T>) => React.JSX.Element;

package/core/DateTimePicker/index.js

@@ -1,35 +1,26 @@
 import React from "react";
 import DatePicker from "antd/es/date-picker";
 import dayjs from "dayjs";
-export class DateTimePicker extends React.PureComponent {
-    static displayName = "DateTimePicker";
-    isDateDisabled = (current) => {
-        if (!current) {
+import { ReactUtil } from "../../util/ReactUtil";
+export const DateTimePicker = ReactUtil.memo("DateTimePicker", (props) => {
+    const { value, allowNull, disabled, showNow, className, placeholder, showSecond, preserveInvalidOnBlur = true, disabledRange, onChange } = props;
+    const isDateDisabled = (current) => {
+        if (!current)
             return false;
-        }
         /**
          * This is for compatibility of MySQL.
          * MySQL TIMESTAMP data type is used for values that contain both date and time parts.
          * TIMESTAMP has a range of '1970-01-01 00:00:01' UTC to '2038-01-19 03:14:07' UTC.
          */
-        if (current.valueOf() >= new Date(2038, 0).valueOf()) {
+        if (current.valueOf() >= new Date(2038, 0).valueOf())
             return true;
-        }
         const diffHourToToday = Math.floor(current.diff(dayjs().startOf("hour"), "hour", true));
-        return this.props.disabledRange?.(diffHourToToday, current.toDate()) || false;
+        return disabledRange?.(diffHourToToday, current.toDate()) || false;
     };
-    onChange = (date) => {
-        const typedOnChange = this.props.onChange;
-        if (date) {
-            typedOnChange(date.toDate());
-        }
-        else {
-            typedOnChange(null);
-        }
+    const onAntChange = (date) => {
+        const typedOnChange = onChange;
+        typedOnChange(date ? date.toDate() : null);
     };
-    render() {
-        const { value, allowNull, disabled, showNow, className, placeholder, showSecond, preserveInvalidOnBlur = true } = this.props;
-        return (React.createElement(DatePicker, { className: className, placeholder: placeholder, disabledDate: this.isDateDisabled, value: value ? dayjs(value) : null, onChange: this.onChange, allowClear: allowNull, disabled: disabled, showTime: true, showSecond: showSecond, showNow: showNow, preserveInvalidOnBlur: preserveInvalidOnBlur, needConfirm: false }));
-    }
-}
+    return (React.createElement(DatePicker, { className: className, placeholder: placeholder, disabledDate: isDateDisabled, value: value ? dayjs(value) : null, onChange: onAntChange, allowClear: allowNull, disabled: disabled, showTime: true, showSecond: showSecond, showNow: showNow, preserveInvalidOnBlur: preserveInvalidOnBlur, needConfirm: false }));
+});
 //# sourceMappingURL=index.js.map

package/core/DateTimePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/DateTimePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,MAAM,OAAO,cAAkC,SAAQ,KAAK,CAAC,aAAuB;IAChF,MAAM,CAAC,WAAW,GAAG,gBAAgB,CAAC;IAEtC,cAAc,GAAG,CAAC,OAAc,EAAW,EAAE;QACzC,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,OAAO,KAAK,CAAC;QACjB,CAAC;QAED;;;;WAIG;QACH,IAAI,OAAO,CAAC,OAAO,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC;YACnD,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;QACxF,OAAO,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC,eAAe,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC,IAAI,KAAK,CAAC;IAClF,CAAC,CAAC;IAEF,QAAQ,GAAG,CAAC,IAAkB,EAAE,EAAE;QAC9B,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAwC,CAAC;QAC1E,IAAI,IAAI,EAAE,CAAC;YACP,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QACjC,CAAC;aAAM,CAAC;YACJ,aAAa,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IACL,CAAC,CAAC;IAEF,MAAM;QACF,MAAM,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,qBAAqB,GAAG,IAAI,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3H,OAAO,CACH,oBAAC,UAAU,IACP,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,IAAI,CAAC,cAAc,EACjC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAClC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,SAAS,EACrB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,QACR,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,qBAAqB,EAC5C,WAAW,EAAE,KAAK,GACpB,CACL,CAAC;IACN,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/DateTimePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAa/C,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAoB,KAAe,EAAE,EAAE;IAClG,MAAM,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,qBAAqB,GAAG,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;IAE/I,MAAM,cAAc,GAAG,CAAC,OAAc,EAAW,EAAE;QAC/C,IAAI,CAAC,OAAO;YAAE,OAAO,KAAK,CAAC;QAC3B;;;;WAIG;QACH,IAAI,OAAO,CAAC,OAAO,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE;YAAE,OAAO,IAAI,CAAC;QAElE,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;QACxF,OAAO,aAAa,EAAE,CAAC,eAAe,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC,IAAI,KAAK,CAAC;IACvE,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,IAAkB,EAAE,EAAE;QACvC,MAAM,aAAa,GAAG,QAAwC,CAAC;QAC/D,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,UAAU,IACP,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,cAAc,EAC5B,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAClC,QAAQ,EAAE,WAAW,EACrB,UAAU,EAAE,SAAS,EACrB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,QACR,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,qBAAqB,EAC5C,WAAW,EAAE,KAAK,GACpB,CACL,CAAC;AACN,CAAC,CAAC,CAAC"}

package/core/DateTimeRangePicker/index.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import dayjs from "dayjs";
 import type { Dayjs } from "dayjs";
 import type { ControlledFormValue } from "../../internal/type";
 import "./index.less";
@@ -15,19 +14,4 @@ export interface Props<T extends boolean> extends ControlledFormValue<T extends
     preserveInvalidOnBlur?: boolean;
     showSecond?: boolean;
 }
-interface State {
-    shouldCheckDateRangeValid: boolean;
-}
-export declare class DateTimeRangePicker<T extends boolean> extends React.PureComponent<Props<T>, State> {
-    static displayName: string;
-    static showTime: {
-        defaultValue: dayjs.Dayjs[];
-    };
-    constructor(props: Props<T>);
-    isDateDisabled: (current: Dayjs) => boolean;
-    onChange: (dates: [Dayjs | null, Dayjs | null] | null) => void;
-    onOpenChange: (open: boolean) => void;
-    componentDidUpdate(): void;
-    render(): React.JSX.Element;
-}
-export {};
+export declare const DateTimeRangePicker: <T extends boolean>(props: Props<T>) => React.JSX.Element;