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

package/core/DateTimeRangePicker/index.js

@@ -2,16 +2,20 @@ import React from "react";
 import dayjs from "dayjs";
 import DatePicker from "antd/es/date-picker";
 import "./index.less";
-export class DateTimeRangePicker extends React.PureComponent {
-    static displayName = "DateTimeRangePicker";
-    static showTime = {
-        defaultValue: [dayjs().startOf("day"), dayjs().endOf("day")],
-    };
-    constructor(props) {
-        super(props);
-        this.state = { shouldCheckDateRangeValid: false };
-    }
-    isDateDisabled = (current) => {
+import { ReactUtil } from "../../util/ReactUtil";
+export const DateTimeRangePicker = ReactUtil.memo("DateTimeRangePicker", (props) => {
+    const { value, allowNull, disabled, className, presets, showSecond, preserveInvalidOnBlur = true, disabledRange, 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;
         /**
@@ -22,10 +26,10 @@ export class DateTimeRangePicker extends React.PureComponent {
         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) {
             // need manually reset the min/max millisecond
             // otherwise, from/to will use now's millisecond value, which is inaccurate
@@ -39,23 +43,9 @@ export class DateTimeRangePicker extends React.PureComponent {
             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, showSecond, preserveInvalidOnBlur = true } = this.props;
-        const parsedValue = [value[0] ? dayjs(value[0]) : null, value[1] ? dayjs(value[1]) : null];
-        return (React.createElement(DatePicker.RangePicker, { className: className, value: parsedValue, onCalendarChange: this.onChange, disabledDate: this.isDateDisabled, allowClear: allowNull, disabled: disabled, presets: presets, showTime: DateTimeRangePicker.showTime, showSecond: showSecond, preserveInvalidOnBlur: preserveInvalidOnBlur, onOpenChange: this.onOpenChange, needConfirm: false }));
-    }
-}
+    return (React.createElement(DatePicker.RangePicker, { className: className, value: [value[0] ? dayjs(value[0]) : null, value[1] ? dayjs(value[1]) : null], onCalendarChange: onAntChange, disabledDate: isDateDisabled, allowClear: allowNull, disabled: disabled, presets: presets, showTime: { defaultValue: [dayjs().startOf("day"), dayjs().endOf("day")] }, showSecond: showSecond, preserveInvalidOnBlur: preserveInvalidOnBlur, onOpenChange: onOpenChange, needConfirm: false }));
+});
 //# sourceMappingURL=index.js.map

package/core/DateTimeRangePicker/index.js.map

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

package/core/Descriptions/index.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import type { PickOptional } from "../../internal/type";
 import "./index.less";
 export interface Props {
     children: React.ReactNode;
@@ -17,10 +16,6 @@ export interface DescriptionsItemProps {
     style?: React.CSSProperties;
     span?: number;
 }
-export declare class Descriptions extends React.PureComponent<Props> {
-    static defaultProps: PickOptional<Props>;
-    static displayName: string;
-    static Item: (props: DescriptionsItemProps) => React.JSX.Element;
-    private readonly containerStyle;
-    render(): React.JSX.Element;
-}
+export declare const Descriptions: ((props: Props) => React.JSX.Element) & {
+    Item: (props: DescriptionsItemProps) => React.JSX.Element;
+};

package/core/Descriptions/index.js

@@ -1,17 +1,11 @@
 import React from "react";
 import AntDescriptions from "antd/es/descriptions";
 import "./index.less";
-export class Descriptions extends React.PureComponent {
-    static defaultProps = {
-        bordered: true,
-    };
-    static displayName = "Descriptions";
-    static Item = (props) => React.createElement(AntDescriptions.Item, { ...props });
-    containerStyle = { marginBottom: 15 };
-    render() {
-        const { horizontal, column, title, children, className, style, bordered } = this.props;
-        const columnCount = column || React.Children.count(children);
-        return (React.createElement(AntDescriptions, { style: { ...this.containerStyle, ...style }, className: className, layout: horizontal ? "horizontal" : "vertical", bordered: bordered, title: title, column: columnCount }, children));
-    }
-}
+import { ReactUtil } from "../../util/ReactUtil";
+const containerStyle = { marginBottom: 15 };
+export const Descriptions = ReactUtil.compound("Descriptions", { Item: (props) => React.createElement(AntDescriptions.Item, { ...props }) }, (props) => {
+    const { horizontal, column, title, children, className, style, bordered = true } = props;
+    const columnCount = column || React.Children.count(children);
+    return (React.createElement(AntDescriptions, { style: { ...containerStyle, ...style }, className: className, layout: horizontal ? "horizontal" : "vertical", bordered: bordered, title: title, column: columnCount }, children));
+});
 //# sourceMappingURL=index.js.map

package/core/Descriptions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Descriptions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,sBAAsB,CAAC;AAEnD,OAAO,cAAc,CAAC;AAoBtB,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,aAAoB;IACxD,MAAM,CAAC,YAAY,GAAwB;QACvC,QAAQ,EAAE,IAAI;KACjB,CAAC;IAEF,MAAM,CAAC,WAAW,GAAG,cAAc,CAAC;IAEpC,MAAM,CAAC,IAAI,GAAG,CAAC,KAA4B,EAAE,EAAE,CAAC,oBAAC,eAAe,CAAC,IAAI,OAAK,KAAK,GAAI,CAAC;IAEnE,cAAc,GAAwB,EAAC,YAAY,EAAE,EAAE,EAAC,CAAC;IAE1E,MAAM;QACF,MAAM,EAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACrF,MAAM,WAAW,GAAG,MAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC7D,OAAO,CACH,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAC,GAAG,IAAI,CAAC,cAAc,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,IAClL,QAAQ,CACK,CACrB,CAAC;IACN,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Descriptions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,cAAc,CAAC;AACtB,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAoB/C,MAAM,cAAc,GAAwB,EAAC,YAAY,EAAE,EAAE,EAAC,CAAC;AAE/D,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAE,EAAC,IAAI,EAAE,CAAC,KAA4B,EAAE,EAAE,CAAC,oBAAC,eAAe,CAAC,IAAI,OAAK,KAAK,GAAI,EAAC,EAAE,CAAC,KAAY,EAAE,EAAE;IAC3J,MAAM,EAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC;IACvF,MAAM,WAAW,GAAG,MAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,OAAO,CACH,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAC,GAAG,cAAc,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,IAC7K,QAAQ,CACK,CACrB,CAAC;AACN,CAAC,CAAC,CAAC"}

package/core/Descriptions/index.less

@@ -1,21 +1,13 @@
 .ant-descriptions {
-    padding: 0;
-
     .ant-descriptions-title {
-        font-size: 24px;
         margin-bottom: 12px;
-        color: #777;
     }
 
     .ant-descriptions-item-label {
-        padding: 8px 10px;
         width: 120px;
-        text-align: left;
     }
 
     .ant-descriptions-item-content {
-        padding: 8px 10px;
         position: relative;
-        color: inherit;
     }
 }

package/core/DocumentTitle/index.d.ts

@@ -13,16 +13,7 @@ interface BaseOption {
     baseTitle: string;
     separator: string;
 }
-export declare class DocumentTitle extends React.PureComponent<Props> {
-    static displayName: string;
-    static baseOption: BaseOption;
-    static register: <K extends keyof BaseOption>(option: Pick<BaseOption, K> | BaseOption) => BaseOption | (BaseOption & Pick<BaseOption, K>);
-    private readonly prevTitle;
-    constructor(props: Props);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<Props>): void;
-    componentWillUnmount(): void;
-    updateTitle: () => void;
-    render(): React.ReactNode;
-}
-export {};
+declare const DocumentTitle: (({ title, children }: Props) => React.ReactNode) & {
+    register: <K extends keyof BaseOption>(option: Pick<BaseOption, K> | BaseOption) => BaseOption | (BaseOption & Pick<BaseOption, K>);
+};
+export { DocumentTitle };

package/core/DocumentTitle/index.js

@@ -1,35 +1,22 @@
 import React from "react";
-export class DocumentTitle extends React.PureComponent {
-    static displayName = "DocumentTitle";
-    static baseOption = {
-        baseTitle: "<Document Title Unset>",
-        separator: "-",
-    };
-    static register = (option) => Object.assign(DocumentTitle.baseOption, option);
-    prevTitle;
-    constructor(props) {
-        super(props);
-        this.prevTitle = document.title;
-    }
-    componentDidMount() {
-        this.updateTitle();
-    }
-    componentDidUpdate(prevProps) {
-        if (prevProps.title !== this.props.title) {
-            this.updateTitle();
-        }
-    }
-    componentWillUnmount() {
-        document.title = this.prevTitle;
-    }
-    updateTitle = () => {
-        const { title } = this.props;
-        const { baseTitle, separator } = DocumentTitle.baseOption;
+import { ReactUtil } from "../../util/ReactUtil";
+import { useWillUnmountEffect } from "../../hooks/useWillUnmountEffect";
+const baseOption = {
+    baseTitle: "<Document Title Unset>",
+    separator: "-",
+};
+const InternalDocumentTitle = ReactUtil.memo("DocumentTitle", ({ title, children }) => {
+    const prevTitle = React.useRef(document.title);
+    React.useEffect(() => {
+        const { baseTitle, separator } = baseOption;
         const fullTitle = title ? `${baseTitle} ${separator} ${title}` : baseTitle;
         document.title = fullTitle;
-    };
-    render() {
-        return this.props.children;
-    }
-}
+    }, [title]);
+    useWillUnmountEffect(() => {
+        document.title = prevTitle.current;
+    });
+    return children;
+});
+const DocumentTitle = Object.assign(InternalDocumentTitle, { register: (option) => Object.assign(baseOption, option) });
+export { DocumentTitle };
 //# sourceMappingURL=index.js.map

package/core/DocumentTitle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/DocumentTitle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAoB;IACzD,MAAM,CAAC,WAAW,GAAG,eAAe,CAAC;IACrC,MAAM,CAAC,UAAU,GAAe;QAC5B,SAAS,EAAE,wBAAwB;QACnC,SAAS,EAAE,GAAG;KACjB,CAAC;IACF,MAAM,CAAC,QAAQ,GAAG,CAA6B,MAAwC,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IAE3H,SAAS,CAAS;IAEnC,YAAY,KAAY;QACpB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC;IACpC,CAAC;IAED,iBAAiB;QACb,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAED,kBAAkB,CAAC,SAA0B;QACzC,IAAI,SAAS,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACvC,IAAI,CAAC,WAAW,EAAE,CAAC;QACvB,CAAC;IACL,CAAC;IAED,oBAAoB;QAChB,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC;IACpC,CAAC;IAED,WAAW,GAAG,GAAG,EAAE;QACf,MAAM,EAAC,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3B,MAAM,EAAC,SAAS,EAAE,SAAS,EAAC,GAAG,aAAa,CAAC,UAAU,CAAC;QACxD,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QAC3E,QAAQ,CAAC,KAAK,GAAG,SAAS,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM;QACF,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC/B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/DocumentTitle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAC,oBAAoB,EAAC,MAAM,kCAAkC,CAAC;AAkBtE,MAAM,UAAU,GAAe;IAC3B,SAAS,EAAE,wBAAwB;IACnC,SAAS,EAAE,GAAG;CACjB,CAAC;AAEF,MAAM,qBAAqB,GAAG,SAAS,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAQ,EAAE,EAAE;IACvF,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE/C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,EAAC,SAAS,EAAE,SAAS,EAAC,GAAG,UAAU,CAAC;QAC1C,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QAC3E,QAAQ,CAAC,KAAK,GAAG,SAAS,CAAC;IAC/B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,oBAAoB,CAAC,GAAG,EAAE;QACtB,QAAQ,CAAC,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,OAAO,QAAQ,CAAC;AACpB,CAAC,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,qBAAqB,EAAE,EAAC,QAAQ,EAAE,CAA6B,MAAwC,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,EAAC,CAAC,CAAC;AAEpL,OAAO,EAAC,aAAa,EAAC,CAAC"}

package/core/Drawer/index.d.ts

@@ -2,7 +2,5 @@ import React from "react";
 import type { DrawerProps, PushState } from "antd/es/drawer";
 export interface Props extends DrawerProps {
 }
-export declare class Drawer extends React.PureComponent<Props> {
-    render(): React.JSX.Element;
-}
 export type { PushState };
+export declare const Drawer: ({ ...props }: Props) => React.JSX.Element;

package/core/Drawer/index.js

@@ -1,8 +1,7 @@
 import React from "react";
 import AntdDrawer from "antd/es/drawer";
-export class Drawer extends React.PureComponent {
-    render() {
-        return React.createElement(AntdDrawer, { ...this.props });
-    }
-}
+import { ReactUtil } from "../../util/ReactUtil";
+export const Drawer = ReactUtil.memo("Drawer", ({ ...props }) => {
+    return React.createElement(AntdDrawer, { ...props });
+});
 //# sourceMappingURL=index.js.map

package/core/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,gBAAgB,CAAC;AAKxC,MAAM,OAAO,MAAO,SAAQ,KAAK,CAAC,aAAoB;IAClD,MAAM;QACF,OAAO,oBAAC,UAAU,OAAK,IAAI,CAAC,KAAK,GAAI,CAAC;IAC1C,CAAC;CACJ"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAK/C,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAC,GAAG,KAAK,EAAQ,EAAE,EAAE;IACjE,OAAO,oBAAC,UAAU,OAAK,KAAK,GAAI,CAAC;AACrC,CAAC,CAAC,CAAC"}

package/core/Dropdown/index.d.ts

@@ -1,8 +1,7 @@
-import AntdDropdown from "antd/es/dropdown";
 import type { DropdownProps } from "antd/es/dropdown";
 export type { DropdownButtonProps, DropdownButtonType } from "antd/es/dropdown";
 export interface Props extends DropdownProps {
 }
-export declare class Dropdown {
-    static Button: typeof AntdDropdown.Button;
-}
+export declare const Dropdown: {
+    Button: import("react").FC<import("antd/es/dropdown").DropdownButtonProps>;
+};

package/core/Dropdown/index.js

@@ -1,5 +1,6 @@
 import AntdDropdown from "antd/es/dropdown";
-export class Dropdown {
-    static Button = AntdDropdown.Button;
-}
+import { ReactUtil } from "../../util/ReactUtil";
+export const Dropdown = ReactUtil.statics("Dropdown", {
+    Button: AntdDropdown.Button,
+});
 //# sourceMappingURL=index.js.map

package/core/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Dropdown/index.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAM5C,MAAM,OAAO,QAAQ;IACjB,MAAM,CAAC,MAAM,GAA+B,YAAY,CAAC,MAAM,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Dropdown/index.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAK/C,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE;IAClD,MAAM,EAAE,YAAY,CAAC,MAAM;CAC9B,CAAC,CAAC"}

package/core/EnumCheckboxGroup/Map.d.ts

@@ -4,7 +4,4 @@ export interface Props<Enum extends string> extends ControlledFormValue<Enum[]>
     map: Record<Enum, React.ReactElement | string | number | null>;
     disabledItems?: Enum[] | "all";
 }
-export declare class Map<Enum extends string> extends React.PureComponent<Props<Enum>> {
-    static displayName: string;
-    render(): React.JSX.Element;
-}
+export declare const Map: <Enum extends string>({ map, ...restProps }: Props<Enum>) => React.JSX.Element;

package/core/EnumCheckboxGroup/Map.js

@@ -1,12 +1,8 @@
 import React from "react";
 import { EnumCheckboxGroup } from "./index";
-export class Map extends React.PureComponent {
-    static displayName = "EnumCheckboxGroup.Map";
-    render() {
-        const { map, ...restProps } = this.props;
-        const list = Object.keys(map);
-        const translator = (_) => map[_];
-        return React.createElement(EnumCheckboxGroup, { list: list, translator: translator, ...restProps });
-    }
-}
+import { ReactUtil } from "../../util/ReactUtil";
+export const Map = ReactUtil.memo("Map", ({ map, ...restProps }) => {
+    const list = Object.keys(map);
+    return React.createElement(EnumCheckboxGroup, { list: list, translator: _ => map[_], ...restProps });
+});
 //# sourceMappingURL=Map.js.map

package/core/EnumCheckboxGroup/Map.js.map

@@ -1 +1 @@
-{"version":3,"file":"Map.js","sourceRoot":"","sources":["../../../src/core/EnumCheckboxGroup/Map.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAQ1C,MAAM,OAAO,GAAyB,SAAQ,KAAK,CAAC,aAA0B;IAC1E,MAAM,CAAC,WAAW,GAAG,uBAAuB,CAAC;IAE7C,MAAM;QACF,MAAM,EAAC,GAAG,EAAE,GAAG,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAEvC,MAAM,IAAI,GAAW,MAAM,CAAC,IAAI,CAAC,GAAG,CAAW,CAAC;QAChD,MAAM,UAAU,GAAG,CAAC,CAAO,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAEvC,OAAO,oBAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,KAAM,SAAS,GAAI,CAAC;IACpF,CAAC"}
+{"version":3,"file":"Map.js","sourceRoot":"","sources":["../../../src/core/EnumCheckboxGroup/Map.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAO/C,MAAM,CAAC,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,CAAsB,EAAC,GAAG,EAAE,GAAG,SAAS,EAAc,EAAE,EAAE;IAC/F,MAAM,IAAI,GAAW,MAAM,CAAC,IAAI,CAAC,GAAG,CAAW,CAAC;IAChD,OAAO,oBAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,KAAM,SAAS,GAAI,CAAC;AACrF,CAAC,CAAC,CAAC"}

package/core/EnumCheckboxGroup/index.d.ts

@@ -5,8 +5,7 @@ interface Props<Enum extends string | boolean | number> extends ControlledFormVa
     translator?: (enumValue: Enum) => React.ReactElement | string | number | null;
     disabledItems?: Enum[] | "all";
 }
-export declare class EnumCheckboxGroup<Enum extends string | boolean | number> extends React.PureComponent<Props<Enum>> {
-    static displayName: string;
-    render(): React.JSX.Element;
-}
+export declare const EnumCheckboxGroup: (<Enum extends string | boolean | number>(props: Props<Enum>) => React.JSX.Element) & {
+    Map: <Enum extends string>({ map, ...restProps }: import("./Map").Props<Enum>) => React.JSX.Element;
+};
 export {};

package/core/EnumCheckboxGroup/index.js

@@ -1,15 +1,14 @@
 import React from "react";
 import { Checkbox } from "../Checkbox";
-export class EnumCheckboxGroup extends React.PureComponent {
-    static displayName = "EnumCheckboxGroup";
-    render() {
-        const { list, translator, disabledItems, value, onChange } = this.props;
-        const options = list.map(_ => ({
-            label: translator ? translator(_) : _.toString(),
-            value: _,
-            disabled: disabledItems ? disabledItems === "all" || disabledItems.includes(_) : false,
-        }));
-        return React.createElement(Checkbox.Group, { options: options, value: value, onChange: onChange });
-    }
-}
+import { ReactUtil } from "../../util/ReactUtil";
+import { Map } from "./Map";
+export const EnumCheckboxGroup = ReactUtil.compound("EnumCheckboxGroup", { Map }, (props) => {
+    const { list, translator, disabledItems, value, onChange } = props;
+    const options = list.map(_ => ({
+        label: translator ? translator(_) : _.toString(),
+        value: _,
+        disabled: disabledItems ? disabledItems === "all" || disabledItems.includes(_) : false,
+    }));
+    return React.createElement(Checkbox.Group, { options: options, value: value, onChange: onChange });
+});
 //# sourceMappingURL=index.js.map

package/core/EnumCheckboxGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/EnumCheckboxGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AASrC,MAAM,OAAO,iBAA0D,SAAQ,KAAK,CAAC,aAA0B;IAC3G,MAAM,CAAC,WAAW,GAAG,mBAAmB,CAAC;IAEzC,MAAM;QACF,MAAM,EAAC,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACtE,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YAC3B,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;YAChD,KAAK,EAAE,CAAC;YACR,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,KAAK,KAAK,IAAI,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK;SACzF,CAAC,CAAC,CAAC;QACJ,OAAO,oBAAC,QAAQ,CAAC,KAAK,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAe,GAAI,CAAC;IACzF,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/EnumCheckboxGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AAErC,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAQ1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,SAAS,CAAC,QAAQ,CAAC,mBAAmB,EAAE,EAAC,GAAG,EAAC,EAAE,CAAyC,KAAkB,EAAE,EAAE;IAC3I,MAAM,EAAC,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;IACjE,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAC3B,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;QAChD,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,KAAK,KAAK,IAAI,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK;KACzF,CAAC,CAAC,CAAC;IACJ,OAAO,oBAAC,QAAQ,CAAC,KAAK,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAe,GAAI,CAAC;AACzF,CAAC,CAAC,CAAC"}

package/core/EnumRadio/InitialNullable.d.ts

@@ -4,8 +4,4 @@ export interface Props<Enum extends string | boolean | number> extends BaseProps
     value: Enum | null;
     onChange: (newValue: Enum) => void;
 }
-export declare class InitialNullable<Enum extends string | boolean | number> extends React.PureComponent<Props<Enum>> {
-    static displayName: string;
-    private readonly nullValue;
-    render(): React.JSX.Element;
-}
+export declare const InitialNullable: <Enum extends string | boolean | number>({ value, ...restProps }: Props<Enum>) => React.JSX.Element;

package/core/EnumRadio/InitialNullable.js

@@ -1,12 +1,9 @@
 import React from "react";
 import { EnumRadio } from "./index";
-export class InitialNullable extends React.PureComponent {
-    static displayName = "EnumRadio.InitialNullable";
-    nullValue = "@@NULL";
-    render() {
-        const { value, ...restProps } = this.props;
-        const wrappedValue = (value === null ? this.nullValue : value); // nullValue does not exist in list, so no Radio will be selected
-        return React.createElement(EnumRadio, { value: wrappedValue, ...restProps });
-    }
-}
+import { ReactUtil } from "../../util/ReactUtil";
+const NULL_VALUE = "@@NULL";
+export const InitialNullable = ReactUtil.memo("InitialNullable", ({ value, ...restProps }) => {
+    const wrappedValue = (value === null ? NULL_VALUE : value); // nullValue does not exist in list, so no Radio will be selected
+    return React.createElement(EnumRadio, { value: wrappedValue, ...restProps });
+});
 //# sourceMappingURL=InitialNullable.js.map

package/core/EnumRadio/InitialNullable.js.map

@@ -1 +1 @@
-{"version":3,"file":"InitialNullable.js","sourceRoot":"","sources":["../../../src/core/EnumRadio/InitialNullable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AASlC,MAAM,OAAO,eAAwD,SAAQ,KAAK,CAAC,aAA0B;IACzG,MAAM,CAAC,WAAW,GAAG,2BAA2B,CAAC;IAEhC,SAAS,GAAa,QAAQ,CAAC;IAEhD,MAAM;QACF,MAAM,EAAC,KAAK,EAAE,GAAG,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAEzC,MAAM,YAAY,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAS,CAAC,CAAC,iEAAiE;QAEzI,OAAO,oBAAC,SAAS,IAAC,KAAK,EAAE,YAAY,KAAM,SAAS,GAAI,CAAC;IAC7D,CAAC"}
+{"version":3,"file":"InitialNullable.js","sourceRoot":"","sources":["../../../src/core/EnumRadio/InitialNullable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C,MAAM,UAAU,GAAG,QAAQ,CAAC;AAO5B,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAyC,EAAC,KAAK,EAAE,GAAG,SAAS,EAAc,EAAE,EAAE;IAC5I,MAAM,YAAY,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAS,CAAC,CAAC,iEAAiE;IACrI,OAAO,oBAAC,SAAS,IAAC,KAAK,EAAE,YAAY,KAAM,SAAS,GAAI,CAAC;AAC7D,CAAC,CAAC,CAAC"}

package/core/EnumRadio/Map.d.ts

@@ -4,7 +4,4 @@ import type { ControlledFormValue } from "../../internal/type";
 export interface Props<Enum extends string> extends Omit<BaseProps<any>, "list" | "translator">, ControlledFormValue<Enum> {
     map: Record<Enum, React.ReactElement | string | number | null>;
 }
-export declare class Map<Enum extends string> extends React.PureComponent<Props<Enum>> {
-    static displayName: string;
-    render(): React.JSX.Element;
-}
+export declare const Map: <Enum extends string>({ map, ...restProps }: Props<Enum>) => React.JSX.Element;

package/core/EnumRadio/Map.js

@@ -1,12 +1,9 @@
 import React from "react";
 import { EnumRadio } from "./index";
-export class Map extends React.PureComponent {
-    static displayName = "EnumRadio.Map";
-    render() {
-        const { map, ...restProps } = this.props;
-        const list = Object.keys(map);
-        const translator = (_) => map[_];
-        return React.createElement(EnumRadio, { list: list, translator: translator, ...restProps });
-    }
-}
+import { ReactUtil } from "../../util/ReactUtil";
+export const Map = ReactUtil.memo("Map", ({ map, ...restProps }) => {
+    const list = Object.keys(map);
+    const translator = (_) => map[_];
+    return React.createElement(EnumRadio, { list: list, translator: translator, ...restProps });
+});
 //# sourceMappingURL=Map.js.map

package/core/EnumRadio/Map.js.map

@@ -1 +1 @@
-{"version":3,"file":"Map.js","sourceRoot":"","sources":["../../../src/core/EnumRadio/Map.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAOlC,MAAM,OAAO,GAAyB,SAAQ,KAAK,CAAC,aAA0B;IAC1E,MAAM,CAAC,WAAW,GAAG,eAAe,CAAC;IAErC,MAAM;QACF,MAAM,EAAC,GAAG,EAAE,GAAG,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAEvC,MAAM,IAAI,GAAW,MAAM,CAAC,IAAI,CAAC,GAAG,CAAW,CAAC;QAChD,MAAM,UAAU,GAAG,CAAC,CAAO,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAEvC,OAAO,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,KAAM,SAAS,GAAI,CAAC;IAC5E,CAAC"}
+{"version":3,"file":"Map.js","sourceRoot":"","sources":["../../../src/core/EnumRadio/Map.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAElC,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAM/C,MAAM,CAAC,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,CAAsB,EAAC,GAAG,EAAE,GAAG,SAAS,EAAc,EAAE,EAAE;IAC/F,MAAM,IAAI,GAAW,MAAM,CAAC,IAAI,CAAC,GAAG,CAAW,CAAC;IAChD,MAAM,UAAU,GAAG,CAAC,CAAO,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACvC,OAAO,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,KAAM,SAAS,GAAI,CAAC;AAC5E,CAAC,CAAC,CAAC"}

package/core/EnumRadio/Nullable.d.ts

@@ -5,8 +5,4 @@ export interface Props<Enum extends string | boolean | number> extends BaseProps
     nullText?: React.ReactElement | string | number | null;
     nullPositionIndex?: number;
 }
-export declare class Nullable<Enum extends string | boolean | number> extends React.PureComponent<Props<Enum>> {
-    static displayName: string;
-    private readonly nullValue;
-    render(): React.JSX.Element;
-}
+export declare const Nullable: <Enum extends string | boolean | number>(props: Props<Enum>) => React.JSX.Element;

package/core/EnumRadio/Nullable.js

@@ -1,18 +1,16 @@
 import React from "react";
 import { EnumRadio } from "./index";
 import { i18n } from "../../internal/i18n/core";
-export class Nullable extends React.PureComponent {
-    static displayName = "EnumRadio.Nullable";
-    nullValue = "@@NULL";
-    render() {
-        const { value, onChange, nullText, nullPositionIndex, list, translator, ...restProps } = this.props;
-        const t = i18n();
-        const wrappedValue = value === null ? this.nullValue : value;
-        const wrappedOnChange = (value) => onChange(value === this.nullValue ? null : value);
-        const wrappedList = [...list];
-        wrappedList.splice(nullPositionIndex || 0, 0, this.nullValue);
-        const wrappedTranslator = (value) => (value === this.nullValue ? (nullText ?? t.all) : translator ? translator(value) : value.toString());
-        return React.createElement(EnumRadio, { value: wrappedValue, onChange: wrappedOnChange, list: wrappedList, translator: wrappedTranslator, ...restProps });
-    }
-}
+import { ReactUtil } from "../../util/ReactUtil";
+const NULL_VALUE = "@@NULL";
+export const Nullable = ReactUtil.memo("Nullable", (props) => {
+    const { value, onChange, nullText, nullPositionIndex, list, translator, ...restProps } = props;
+    const t = i18n();
+    const wrappedValue = value === null ? NULL_VALUE : value;
+    const wrappedOnChange = (value) => onChange(value === NULL_VALUE ? null : value);
+    const wrappedList = [...list];
+    wrappedList.splice(nullPositionIndex || 0, 0, NULL_VALUE);
+    const wrappedTranslator = (value) => (value === NULL_VALUE ? (nullText ?? t.all) : translator ? translator(value) : value.toString());
+    return React.createElement(EnumRadio, { value: wrappedValue, onChange: wrappedOnChange, list: wrappedList, translator: wrappedTranslator, ...restProps });
+});
 //# sourceMappingURL=Nullable.js.map

package/core/EnumRadio/Nullable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Nullable.js","sourceRoot":"","sources":["../../../src/core/EnumRadio/Nullable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAElC,OAAO,EAAC,IAAI,EAAC,MAAM,0BAA0B,CAAC;AAS9C,MAAM,OAAO,QAAiD,SAAQ,KAAK,CAAC,aAA0B;IAClG,MAAM,CAAC,WAAW,GAAG,oBAAoB,CAAC;IAEzB,SAAS,GAAa,QAAQ,CAAC;IAEhD,MAAM;QACF,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAClG,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;QAEjB,MAAM,YAAY,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;QAC7D,MAAM,eAAe,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACtG,MAAM,WAAW,GAA2B,CAAC,GAAG,IAAI,CAAC,CAAC;QACtD,WAAW,CAAC,MAAM,CAAC,iBAAiB,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAC9D,MAAM,iBAAiB,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;QAE3J,OAAO,oBAAC,SAAS,IAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,KAAM,SAAS,GAAI,CAAC;IAC1I,CAAC"}
+{"version":3,"file":"Nullable.js","sourceRoot":"","sources":["../../../src/core/EnumRadio/Nullable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAElC,OAAO,EAAC,IAAI,EAAC,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C,MAAM,UAAU,GAAG,QAAQ,CAAC;AAQ5B,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,UAAU,EAAE,CAAyC,KAAkB,EAAE,EAAE;IAC9G,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,SAAS,EAAC,GAAG,KAAK,CAAC;IAC7F,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IAEjB,MAAM,YAAY,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;IACzD,MAAM,eAAe,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAElG,MAAM,WAAW,GAA2B,CAAC,GAAG,IAAI,CAAC,CAAC;IACtD,WAAW,CAAC,MAAM,CAAC,iBAAiB,IAAI,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC;IAE1D,MAAM,iBAAiB,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IAEvJ,OAAO,oBAAC,SAAS,IAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,KAAM,SAAS,GAAI,CAAC;AAC1I,CAAC,CAAC,CAAC"}

package/core/EnumRadio/index.d.ts

@@ -1,9 +1,5 @@
 import React from "react";
-import type { RadioChangeEvent } from "../Radio";
 import type { ControlledFormValue } from "../../internal/type";
-import { Nullable } from "./Nullable";
-import { InitialNullable } from "./InitialNullable";
-import { Map } from "./Map";
 import type { RadioGroupButtonStyle } from "antd/es/radio";
 export interface BaseProps<Enum extends string | boolean | number> {
     list: readonly Enum[];
@@ -16,11 +12,8 @@ export interface BaseProps<Enum extends string | boolean | number> {
 }
 export interface Props<Enum extends string | boolean | number> extends BaseProps<Enum>, ControlledFormValue<Enum> {
 }
-export declare class EnumRadio<Enum extends string | boolean | number> extends React.PureComponent<Props<Enum>> {
-    static displayName: string;
-    static Nullable: typeof Nullable;
-    static InitialNullable: typeof InitialNullable;
-    static Map: typeof Map;
-    onChange: (event: RadioChangeEvent) => void;
-    render(): React.JSX.Element;
-}
+export declare const EnumRadio: (<Enum extends string | boolean | number>(props: Props<Enum>) => React.JSX.Element) & {
+    Nullable: <Enum extends string | boolean | number>(props: import("./Nullable").Props<Enum>) => React.JSX.Element;
+    InitialNullable: <Enum extends string | boolean | number>({ value, ...restProps }: import("./InitialNullable").Props<Enum>) => React.JSX.Element;
+    Map: <Enum extends string>({ map, ...restProps }: import("./Map").Props<Enum>) => React.JSX.Element;
+};

package/core/EnumRadio/index.js

@@ -3,21 +3,13 @@ import { Radio } from "../Radio";
 import { Nullable } from "./Nullable";
 import { InitialNullable } from "./InitialNullable";
 import { Map } from "./Map";
-export class EnumRadio extends React.PureComponent {
-    static displayName = "EnumRadio";
-    static Nullable = Nullable;
-    static InitialNullable = InitialNullable;
-    static Map = Map;
-    onChange = (event) => {
-        const enumValue = event.target.value;
-        this.props.onChange(enumValue);
-    };
-    render() {
-        const { list, translator, value, useButtonMode, buttonStyle, disabled, className, style } = this.props;
-        const RadioItem = useButtonMode ? Radio.Button : Radio;
-        return (React.createElement(Radio.Group, { value: value, onChange: this.onChange, disabled: disabled, className: className, style: style, optionType: useButtonMode ? "button" : undefined, buttonStyle: buttonStyle }, list.map(_ => (
-        // RadioItem can accept any type as value, and emit the exact type while onChange
-        React.createElement(RadioItem, { key: _.toString(), value: _ }, translator ? translator(_) : _.toString())))));
-    }
-}
+import { ReactUtil } from "../../util/ReactUtil";
+export const EnumRadio = ReactUtil.compound("EnumRadio", { Nullable, InitialNullable, Map }, (props) => {
+    const { list, translator, value, useButtonMode, buttonStyle, disabled, className, style, onChange } = props;
+    const RadioItem = useButtonMode ? Radio.Button : Radio;
+    const onAntChange = (event) => onChange(event.target.value);
+    return (React.createElement(Radio.Group, { value: value, onChange: onAntChange, disabled: disabled, className: className, style: style, optionType: useButtonMode ? "button" : undefined, buttonStyle: buttonStyle }, list.map(_ => (
+    // RadioItem can accept any type as value, and emit the exact type while onChange
+    React.createElement(RadioItem, { key: _.toString(), value: _ }, translator ? translator(_) : _.toString())))));
+});
 //# sourceMappingURL=index.js.map