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

package/core/Carousel3D/index.js

@@ -1,97 +1,90 @@
 import React from "react";
 import "./index.less";
-export class Carousel3D extends React.PureComponent {
-    static displayName = "Carousel3D";
-    autoPlayInterval = 3000;
-    isTimerComplete = false; // onCarouselTransitionEnd each frame is executed only once.
-    isChildTransition = true; // whether transition is necessary or not.
-    timer;
-    constructor(props) {
-        super(props);
-        this.state = {
-            current: 0,
-        };
-    }
-    componentDidMount() {
-        this.startAnimation();
-    }
-    componentDidUpdate() {
-        if (this.state.current === React.Children.count(this.props.children)) {
-            this.isChildTransition = false;
+import { ReactUtil } from "../../util/ReactUtil";
+import { useDidMountEffect } from "../../hooks/useDidMountEffect";
+import { useWillUnmountEffect } from "../../hooks/useWillUnmountEffect";
+const AUTO_PLAY_INTERVAL = 3000;
+export const Carousel3D = ReactUtil.memo("Carousel3D", ({ children }) => {
+    const [current, setCurrent] = React.useState(0); // Range: [-1, children.length], 1st & last are cloned
+    const isTimerComplete = React.useRef(false);
+    const isChildTransition = React.useRef(true);
+    const timer = React.useRef(undefined);
+    useDidMountEffect(() => {
+        startAnimation();
+    });
+    useWillUnmountEffect(() => {
+        clearTimeout(timer.current);
+    });
+    React.useEffect(() => {
+        if (current === React.Children.count(children)) {
+            isChildTransition.current = false;
         }
         else {
-            this.isChildTransition = true;
+            isChildTransition.current = true;
         }
-        this.isTimerComplete = false;
-    }
-    componentWillUnmount() {
-        clearTimeout(this.timer);
-    }
-    jumpToPrevSlide = () => {
-        clearTimeout(this.timer);
-        this.setState(prev => ({ current: prev.current === 0 ? React.Children.count(this.props.children) - 1 : prev.current - 1 }));
-        this.isTimerComplete = true;
+        isTimerComplete.current = false;
+    }, [children, current]);
+    const jumpToPrevSlide = () => {
+        clearTimeout(timer.current);
+        setCurrent(prev => (prev === 0 ? React.Children.count(children) - 1 : prev - 1));
+        isTimerComplete.current = true;
     };
-    jumpToNextSlide = () => {
-        clearTimeout(this.timer);
-        this.setState(prev => ({ current: prev.current === React.Children.count(this.props.children) ? 0 : prev.current + 1 }));
-        this.isTimerComplete = true;
+    const jumpToNextSlide = () => {
+        clearTimeout(timer.current);
+        setCurrent(prev => (prev === React.Children.count(children) ? 0 : prev + 1));
+        isTimerComplete.current = true;
     };
-    jumpToSlide = (index) => {
-        clearTimeout(this.timer);
-        this.setState({ current: index });
-        this.isTimerComplete = true;
+    const jumpToSlide = (index) => {
+        clearTimeout(timer.current);
+        setCurrent(index);
+        isTimerComplete.current = true;
     };
-    startAnimation = () => {
-        if (!this.isTimerComplete) {
-            this.isTimerComplete = true;
-            if (this.state.current === React.Children.count(this.props.children)) {
-                this.setState({ current: 0 });
-            }
-            else {
-                this.timer = window.setTimeout(() => this.setState({ current: this.state.current + 1 }), this.autoPlayInterval);
-            }
+    const startAnimation = () => {
+        if (isTimerComplete.current)
+            return;
+        isTimerComplete.current = true;
+        if (current === React.Children.count(children)) {
+            setCurrent(0);
+        }
+        else {
+            timer.current = setTimeout(() => setCurrent(prev => prev + 1), AUTO_PLAY_INTERVAL);
         }
     };
-    handleMouseEnter = () => {
-        clearTimeout(this.timer);
-        this.isTimerComplete = true;
+    const handleMouseEnter = () => {
+        clearTimeout(timer.current);
+        isTimerComplete.current = true;
     };
-    handleMouseLeave = () => {
-        clearTimeout(this.timer);
-        this.isTimerComplete = false;
-        this.startAnimation();
+    const handleMouseLeave = () => {
+        clearTimeout(timer.current);
+        isTimerComplete.current = false;
+        startAnimation();
     };
-    render() {
-        const { children } = this.props;
-        const { current } = this.state;
-        const childrenLength = React.Children.count(children);
-        if (childrenLength <= 1) {
-            return (React.createElement("div", { className: "g-carousel-3d" },
-                React.createElement("div", { className: "child-slide active" }, children)));
-        }
-        else {
-            return (React.createElement("div", { className: `g-carousel-3d ${this.isChildTransition ? "has-transition" : ""}`, onTransitionEnd: this.startAnimation },
-                React.createElement("div", { className: `child-slide child-clone ${current === -1 ? "pre" : ""}` }, children[childrenLength - 2]),
-                React.createElement("div", { className: `child-slide child-clone ${current === -1 ? "active" : ""} ${current === 0 ? "pre" : ""} ` }, children[childrenLength - 1]),
-                React.Children.map(children, (child, key) => (React.createElement("div", { key: key, className: `child-slide ${current === key - 1 ? "next" : current === key ? "active" : current === key + 1 ? "pre" : ""}`, onMouseEnter: () => current === key && this.handleMouseEnter(), onMouseLeave: () => current === key && this.handleMouseLeave() },
-                    child,
-                    React.createElement("div", { className: "arrow arrow-left", onClick: this.jumpToPrevSlide },
-                        React.createElement("svg", { width: "40px", height: "44px", viewBox: "0 0 40 44", version: "1.1" },
-                            React.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", opacity: "0.300000012" },
-                                React.createElement("g", { transform: "translate(-80.000000, -133.000000)", fill: "#000000" },
-                                    React.createElement("g", { transform: "translate(80.000000, 133.000000)" },
-                                        React.createElement("path", { d: "M38,-1.42108547e-14 C39.1045695,-1.44137608e-14 40,0.8954305 40,2 L40,41.1428571 C40,42.2474266 39.1045695,43.1428571 38,43.1428571 L2,43.1428571 C0.8954305,43.1428571 1.3527075e-16,42.2474266 0,41.1428571 L0,2 C-1.3527075e-16,0.8954305 0.8954305,-1.40079486e-14 2,-1.42108547e-14 L38,-1.42108547e-14 Z M22.2974465,7.582202 L11.3775647,19.7056672 C10.5306088,20.6475229 10.5306088,22.1746071 11.3775647,23.1145987 L22.2974465,35.2376129 C23.146744,36.1794687 24.5218276,36.1794687 25.3693131,35.2376129 C26.2181367,34.2971102 26.2181367,32.7703567 25.3693131,31.8282905 L15.984835,21.4100879 L25.3693131,10.9930879 C26.2181088,10.0512322 26.2181088,8.52441857 25.3693131,7.58208173 C24.5219391,6.64203 23.1469112,6.64203 22.2974465,7.582202 Z" })))))),
-                    React.createElement("div", { className: "arrow arrow-right", onClick: this.jumpToNextSlide },
-                        React.createElement("svg", { width: "40px", height: "44px", viewBox: "0 0 40 44", version: "1.1" },
-                            React.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", opacity: "0.300000012" },
-                                React.createElement("g", { transform: "translate(-1240.000000, -133.000000)", fill: "#000000" },
-                                    React.createElement("g", { transform: "translate(1240.000000, 133.000000)" },
-                                        React.createElement("path", { d: "M38,-1.42108547e-14 C39.1045695,-1.44137608e-14 40,0.8954305 40,2 L40,41.1428571 C40,42.2474266 39.1045695,43.1428571 38,43.1428571 L2,43.1428571 C0.8954305,43.1428571 1.3527075e-16,42.2474266 0,41.1428571 L0,2 C-1.3527075e-16,0.8954305 0.8954305,-1.40079486e-14 2,-1.42108547e-14 L38,-1.42108547e-14 Z M22.2974465,7.582202 L11.3775647,19.7056672 C10.5306088,20.6475229 10.5306088,22.1746071 11.3775647,23.1145987 L22.2974465,35.2376129 C23.146744,36.1794687 24.5218276,36.1794687 25.3693131,35.2376129 C26.2181367,34.2971102 26.2181367,32.7703567 25.3693131,31.8282905 L15.984835,21.4100879 L25.3693131,10.9930879 C26.2181088,10.0512322 26.2181088,8.52441857 25.3693131,7.58208173 C24.5219391,6.64203 23.1469112,6.64203 22.2974465,7.582202 Z", transform: "translate(20.000000, 21.571429) scale(-1, 1) translate(-20.000000, -21.571429) " }))))))))),
-                React.createElement("div", { className: `child-slide child-clone ${current === childrenLength ? "active" : ""} ${current === childrenLength - 1 ? "next" : ""}` }, children[0]),
-                React.createElement("div", { className: `child-slide child-clone ${current === childrenLength ? "next" : ""}` }, children[1]),
-                React.createElement("div", { className: "pagination" }, React.Children.map(children, (_, key) => (React.createElement("div", { key: key, className: current % childrenLength === key ? "active" : "", onClick: () => this.jumpToSlide(key), onMouseEnter: () => current === key && this.handleMouseEnter() }))))));
-        }
+    const childrenLength = React.Children.count(children);
+    if (childrenLength <= 1) {
+        return (React.createElement("div", { className: "g-carousel-3d" },
+            React.createElement("div", { className: "child-slide active" }, children)));
+    }
+    else {
+        return (React.createElement("div", { className: `g-carousel-3d ${isChildTransition.current ? "has-transition" : ""}`, onTransitionEnd: startAnimation },
+            React.createElement("div", { className: `child-slide child-clone ${current === -1 ? "pre" : ""}` }, children[childrenLength - 2]),
+            React.createElement("div", { className: `child-slide child-clone ${current === -1 ? "active" : ""} ${current === 0 ? "pre" : ""} ` }, children[childrenLength - 1]),
+            React.Children.map(children, (child, key) => (React.createElement("div", { key: key, className: `child-slide ${current === key - 1 ? "next" : current === key ? "active" : current === key + 1 ? "pre" : ""}`, onMouseEnter: () => current === key && handleMouseEnter(), onMouseLeave: () => current === key && handleMouseLeave() },
+                child,
+                React.createElement("div", { className: "arrow arrow-left", onClick: jumpToPrevSlide },
+                    React.createElement("svg", { width: "40px", height: "44px", viewBox: "0 0 40 44", version: "1.1" },
+                        React.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", opacity: "0.300000012" },
+                            React.createElement("g", { transform: "translate(-80.000000, -133.000000)", fill: "#000000" },
+                                React.createElement("g", { transform: "translate(80.000000, 133.000000)" },
+                                    React.createElement("path", { d: "M38,-1.42108547e-14 C39.1045695,-1.44137608e-14 40,0.8954305 40,2 L40,41.1428571 C40,42.2474266 39.1045695,43.1428571 38,43.1428571 L2,43.1428571 C0.8954305,43.1428571 1.3527075e-16,42.2474266 0,41.1428571 L0,2 C-1.3527075e-16,0.8954305 0.8954305,-1.40079486e-14 2,-1.42108547e-14 L38,-1.42108547e-14 Z M22.2974465,7.582202 L11.3775647,19.7056672 C10.5306088,20.6475229 10.5306088,22.1746071 11.3775647,23.1145987 L22.2974465,35.2376129 C23.146744,36.1794687 24.5218276,36.1794687 25.3693131,35.2376129 C26.2181367,34.2971102 26.2181367,32.7703567 25.3693131,31.8282905 L15.984835,21.4100879 L25.3693131,10.9930879 C26.2181088,10.0512322 26.2181088,8.52441857 25.3693131,7.58208173 C24.5219391,6.64203 23.1469112,6.64203 22.2974465,7.582202 Z" })))))),
+                React.createElement("div", { className: "arrow arrow-right", onClick: jumpToNextSlide },
+                    React.createElement("svg", { width: "40px", height: "44px", viewBox: "0 0 40 44", version: "1.1" },
+                        React.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", opacity: "0.300000012" },
+                            React.createElement("g", { transform: "translate(-1240.000000, -133.000000)", fill: "#000000" },
+                                React.createElement("g", { transform: "translate(1240.000000, 133.000000)" },
+                                    React.createElement("path", { d: "M38,-1.42108547e-14 C39.1045695,-1.44137608e-14 40,0.8954305 40,2 L40,41.1428571 C40,42.2474266 39.1045695,43.1428571 38,43.1428571 L2,43.1428571 C0.8954305,43.1428571 1.3527075e-16,42.2474266 0,41.1428571 L0,2 C-1.3527075e-16,0.8954305 0.8954305,-1.40079486e-14 2,-1.42108547e-14 L38,-1.42108547e-14 Z M22.2974465,7.582202 L11.3775647,19.7056672 C10.5306088,20.6475229 10.5306088,22.1746071 11.3775647,23.1145987 L22.2974465,35.2376129 C23.146744,36.1794687 24.5218276,36.1794687 25.3693131,35.2376129 C26.2181367,34.2971102 26.2181367,32.7703567 25.3693131,31.8282905 L15.984835,21.4100879 L25.3693131,10.9930879 C26.2181088,10.0512322 26.2181088,8.52441857 25.3693131,7.58208173 C24.5219391,6.64203 23.1469112,6.64203 22.2974465,7.582202 Z", transform: "translate(20.000000, 21.571429) scale(-1, 1) translate(-20.000000, -21.571429) " }))))))))),
+            React.createElement("div", { className: `child-slide child-clone ${current === childrenLength ? "active" : ""} ${current === childrenLength - 1 ? "next" : ""}` }, children[0]),
+            React.createElement("div", { className: `child-slide child-clone ${current === childrenLength ? "next" : ""}` }, children[1]),
+            React.createElement("div", { className: "pagination" }, React.Children.map(children, (_, key) => (React.createElement("div", { key: key, className: current % childrenLength === key ? "active" : "", onClick: () => jumpToSlide(key), onMouseEnter: () => current === key && handleMouseEnter() }))))));
     }
-}
+});
 //# sourceMappingURL=index.js.map

package/core/Carousel3D/index.js.map

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

package/core/Cascader/InitialNullable.d.ts

@@ -4,7 +4,4 @@ export interface Props<T extends string | number> extends BaseProps<T> {
     value: T | null;
     onChange: (newValue: T) => void;
 }
-export declare class InitialNullable<T extends string | number> extends React.PureComponent<Props<T>> {
-    static displayName: string;
-    render(): React.JSX.Element;
-}
+export declare const InitialNullable: <T extends string | number>(props: Props<T>) => React.JSX.Element;

package/core/Cascader/InitialNullable.js

@@ -1,11 +1,8 @@
 import React from "react";
 import { Cascader } from "./index";
-export class InitialNullable extends React.PureComponent {
-    static displayName = "EnumSelect.InitialNullable";
-    render() {
-        const { value, ...restProps } = this.props;
-        const wrappedValue = value;
-        return React.createElement(Cascader, { value: wrappedValue, ...restProps });
-    }
-}
+import { ReactUtil } from "../../util/ReactUtil";
+export const InitialNullable = ReactUtil.memo("InitialNullable", (props) => {
+    const { value, ...restProps } = props;
+    return React.createElement(Cascader, { value: value, ...restProps });
+});
 //# sourceMappingURL=InitialNullable.js.map

package/core/Cascader/InitialNullable.js.map

@@ -1 +1 @@
-{"version":3,"file":"InitialNullable.js","sourceRoot":"","sources":["../../../src/core/Cascader/InitialNullable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAOjC,MAAM,OAAO,eAA2C,SAAQ,KAAK,CAAC,aAAuB;IACzF,MAAM,CAAC,WAAW,GAAG,4BAA4B,CAAC;IAElD,MAAM;QACF,MAAM,EAAC,KAAK,EAAE,GAAG,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAEzC,MAAM,YAAY,GAAG,KAAU,CAAC;QAEhC,OAAO,oBAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,KAAM,SAAS,GAAI,CAAC;IAC5D,CAAC"}
+{"version":3,"file":"InitialNullable.js","sourceRoot":"","sources":["../../../src/core/Cascader/InitialNullable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACjC,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAO/C,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAA4B,KAAe,EAAE,EAAE;IAC5G,MAAM,EAAC,KAAK,EAAE,GAAG,SAAS,EAAC,GAAG,KAAK,CAAC;IACpC,OAAO,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAU,KAAM,SAAS,GAAI,CAAC;AAC1D,CAAC,CAAC,CAAC"}

package/core/Cascader/Nullable.d.ts

@@ -1,12 +1,7 @@
 import React from "react";
 import type { ControlledFormValue } from "../../internal/type";
 import type { BaseProps } from "./index";
-interface Props<T extends string | number> extends BaseProps<T>, ControlledFormValue<T | null> {
+export interface Props<T extends string | number> extends BaseProps<T>, ControlledFormValue<T | null> {
     nullText?: string;
 }
-export declare class Nullable<T extends string> extends React.PureComponent<Props<T>> {
-    static displayName: string;
-    private readonly nullValue;
-    render(): React.JSX.Element;
-}
-export {};
+export declare const Nullable: <T extends string | number>(props: Props<T>) => React.JSX.Element;

package/core/Cascader/Nullable.js

@@ -1,16 +1,14 @@
 import React from "react";
 import { i18n } from "../../internal/i18n/core";
 import { Cascader } from "./index";
-export class Nullable extends React.PureComponent {
-    static displayName = "Cascader.Nullable";
-    nullValue = "@@NULL";
-    render() {
-        const { nullText, data, value, onChange, ...restProps } = this.props;
-        const t = i18n();
-        const wrappedData = [{ label: nullText || t.all, value: this.nullValue }, ...data];
-        const wrappedValue = value === null ? this.nullValue : value;
-        const wrappedOnChange = (newValue) => onChange(newValue === this.nullValue ? null : newValue);
-        return React.createElement(Cascader, { data: wrappedData, value: wrappedValue, onChange: wrappedOnChange, ...restProps });
-    }
-}
+import { ReactUtil } from "../../util/ReactUtil";
+const NULL_VALUE = "@@NULL";
+export const Nullable = ReactUtil.memo("Nullable", (props) => {
+    const { nullText, data, value, onChange, ...restProps } = props;
+    const t = i18n();
+    const wrappedData = [{ label: nullText || t.all, value: NULL_VALUE }, ...data];
+    const wrappedValue = value === null ? NULL_VALUE : value;
+    const wrappedOnChange = (newValue) => onChange(newValue === NULL_VALUE ? null : newValue);
+    return React.createElement(Cascader, { data: wrappedData, value: wrappedValue, onChange: wrappedOnChange, ...restProps });
+});
 //# sourceMappingURL=Nullable.js.map

package/core/Cascader/Nullable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Nullable.js","sourceRoot":"","sources":["../../../src/core/Cascader/Nullable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,0BAA0B,CAAC;AAE9C,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAQjC,MAAM,OAAO,QAA2B,SAAQ,KAAK,CAAC,aAAuB;IACzE,MAAM,CAAC,WAAW,GAAG,mBAAmB,CAAC;IAExB,SAAS,GAAa,QAAQ,CAAC;IAEvC,MAAM;QACX,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACnE,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;QAEjB,MAAM,WAAW,GAA0C,CAAC,EAAC,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAC,EAAE,GAAG,IAAI,CAAC,CAAC;QACxH,MAAM,YAAY,GAAiB,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;QAC3E,MAAM,eAAe,GAAG,CAAC,QAAsB,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QAE5G,OAAO,oBAAC,QAAQ,IAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,KAAM,SAAS,GAAI,CAAC;IAC1G,CAAC"}
+{"version":3,"file":"Nullable.js","sourceRoot":"","sources":["../../../src/core/Cascader/Nullable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,0BAA0B,CAAC;AAE9C,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACjC,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C,MAAM,UAAU,GAAG,QAAQ,CAAC;AAO5B,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,UAAU,EAAE,CAA4B,KAAe,EAAE,EAAE;IAC9F,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAC,GAAG,KAAK,CAAC;IAC9D,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IAEjB,MAAM,WAAW,GAA0C,CAAC,EAAC,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,UAAU,EAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IACpH,MAAM,YAAY,GAAiB,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;IACvE,MAAM,eAAe,GAAG,CAAC,QAAsB,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAExG,OAAO,oBAAC,QAAQ,IAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,KAAM,SAAS,GAAI,CAAC;AAC1G,CAAC,CAAC,CAAC"}

package/core/Cascader/index.d.ts

@@ -1,8 +1,5 @@
 import React from "react";
-import type { DefaultOptionType } from "antd/es/cascader";
 import type { ControlledFormValue } from "../../internal/type";
-import { Nullable } from "./Nullable";
-import { InitialNullable } from "./InitialNullable";
 import "./index.less";
 /**
  * Attention:
@@ -25,13 +22,7 @@ export interface BaseProps<T extends string | number> {
 }
 export interface Props<T extends string | number> extends BaseProps<T>, ControlledFormValue<T> {
 }
-export declare class Cascader<T extends string | number> extends React.PureComponent<Props<T>> {
-    static displayName: string;
-    static Nullable: typeof Nullable;
-    static InitialNullable: typeof InitialNullable;
-    getAntValue: () => Array<string | number>;
-    getAntDataSource: () => DefaultOptionType[];
-    displayRender: (labels: React.ReactNode[]) => string | React.JSX.Element;
-    onChange: (antValue: Array<string | number | null>) => void;
-    render(): React.JSX.Element;
-}
+export declare const Cascader: (<T extends string | number>(props: Props<T>) => React.JSX.Element) & {
+    Nullable: <T extends string | number>(props: import("./Nullable").Props<T>) => React.JSX.Element;
+    InitialNullable: <T extends string | number>(props: import("./InitialNullable").Props<T>) => React.JSX.Element;
+};

package/core/Cascader/index.js

@@ -3,14 +3,12 @@ import AntCascader from "antd/es/cascader";
 import { Nullable } from "./Nullable";
 import { InitialNullable } from "./InitialNullable";
 import "./index.less";
-export class Cascader extends React.PureComponent {
-    static displayName = "Cascader";
-    static Nullable = Nullable;
-    static InitialNullable = InitialNullable;
-    getAntValue = () => {
-        const data = this.getAntDataSource();
+import { ReactUtil } from "../../util/ReactUtil";
+export const Cascader = ReactUtil.compound("Cascader", { Nullable, InitialNullable }, (props) => {
+    const { data, canSelectAnyLevel, placeholder, className, style, disabled, prefix, value, onChange } = props;
+    const getAntValue = () => {
+        const data = getAntDataSource();
         const getCascaderValues = (data) => {
-            const { value } = this.props;
             for (const item of data) {
                 if (item.value === value) {
                     return [item.value];
@@ -26,7 +24,7 @@ export class Cascader extends React.PureComponent {
         };
         return getCascaderValues(data);
     };
-    getAntDataSource = () => {
+    const getAntDataSource = () => {
         const getAntChildren = (list) => {
             return list.map(node => ({
                 label: node.label,
@@ -35,17 +33,17 @@ export class Cascader extends React.PureComponent {
                 children: node.children && node.children.length > 0 ? getAntChildren(node.children) : undefined,
             }));
         };
-        return getAntChildren(this.props.data);
+        return getAntChildren(data);
     };
-    displayRender = (labels) => this.props.prefix ? (React.createElement("div", { className: "prefixed-label-wrapper" },
-        this.props.prefix,
-        labels.join("/"))) : (labels.join("/"));
-    onChange = (antValue) => this.props.onChange(antValue[antValue.length - 1]);
-    render() {
-        const { canSelectAnyLevel, placeholder, disabled, style, className, prefix } = this.props;
-        return (React.createElement(AntCascader, { multiple: false, className: `g-cascader ${className || ""}`, popupClassName: "g-cascader-popup", style: style, changeOnSelect: canSelectAnyLevel, value: this.getAntValue(), onChange: this.onChange, options: this.getAntDataSource(), allowClear: false, expandTrigger: "hover", displayRender: this.displayRender, placeholder: prefix ? (React.createElement("div", { className: "prefixed-placeholder-wrapper" },
-                prefix,
-                placeholder)) : (placeholder), disabled: disabled }));
-    }
-}
+    const displayRender = (labels) => {
+        if (!prefix)
+            return labels.join("/");
+        return (React.createElement("div", { className: "prefixed-label-wrapper" },
+            prefix,
+            labels.join("/")));
+    };
+    return (React.createElement(AntCascader, { multiple: false, className: `g-cascader ${className || ""}`, classNames: { popup: { root: "g-cascader-popup" } }, style: style, changeOnSelect: canSelectAnyLevel, value: getAntValue(), onChange: antValue => onChange(antValue[antValue.length - 1]), options: getAntDataSource(), allowClear: false, expandTrigger: "hover", displayRender: displayRender, placeholder: prefix ? (React.createElement("div", { className: "prefixed-placeholder-wrapper" },
+            prefix,
+            placeholder)) : (placeholder), disabled: disabled }));
+});
 //# sourceMappingURL=index.js.map

package/core/Cascader/index.js.map

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

package/core/Checkbox/index.d.ts

@@ -1,12 +1,9 @@
 import React from "react";
 import type { CheckboxChangeEvent, CheckboxOptionType, CheckboxProps } from "antd/es/checkbox";
 import type { ControlledFormValue } from "../../internal/type";
+export type { CheckboxChangeEvent, CheckboxOptionType };
 export interface Props extends Omit<CheckboxProps, "value" | "onChange" | "checked">, ControlledFormValue<boolean> {
 }
-export declare class Checkbox extends React.PureComponent<Props> {
-    static displayName: string;
-    static Group: <T = any>(props: import("antd/es/checkbox").CheckboxGroupProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;
-    onChange: (e: CheckboxChangeEvent) => void;
-    render(): React.JSX.Element;
-}
-export type { CheckboxChangeEvent, CheckboxOptionType };
+export declare const Checkbox: ((props: Props) => React.JSX.Element) & {
+    Group: <T = any>(props: import("antd/es/checkbox").CheckboxGroupProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;
+};

package/core/Checkbox/index.js

@@ -1,12 +1,7 @@
 import React from "react";
 import AntCheckbox from "antd/es/checkbox";
-export class Checkbox extends React.PureComponent {
-    static displayName = "Checkbox";
-    static Group = AntCheckbox.Group;
-    onChange = (e) => this.props.onChange(e.target.checked);
-    render() {
-        const { value } = this.props;
-        return React.createElement(AntCheckbox, { ...this.props, checked: value, onChange: this.onChange });
-    }
-}
+import { ReactUtil } from "../../util/ReactUtil";
+export const Checkbox = ReactUtil.compound("Checkbox", { Group: AntCheckbox.Group }, (props) => {
+    return React.createElement(AntCheckbox, { ...props, checked: props.value, onChange: e => props.onChange(e.target.checked) });
+});
 //# sourceMappingURL=index.js.map

package/core/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAM3C,MAAM,OAAO,QAAS,SAAQ,KAAK,CAAC,aAAoB;IACpD,MAAM,CAAC,WAAW,GAAG,UAAU,CAAC;IAEhC,MAAM,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;IAEjC,QAAQ,GAAG,CAAC,CAAsB,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAE7E,MAAM;QACF,MAAM,EAAC,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3B,OAAO,oBAAC,WAAW,OAAK,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAAC;IACpF,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAG3C,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAK/C,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,UAAU,EAAE,EAAC,KAAK,EAAE,WAAW,CAAC,KAAK,EAAC,EAAE,CAAC,KAAY,EAAE,EAAE;IAChG,OAAO,oBAAC,WAAW,OAAK,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GAAI,CAAC;AAC7G,CAAC,CAAC,CAAC"}

package/core/Collapse/index.d.ts

@@ -1,11 +1,6 @@
 import React from "react";
-import type { CollapseProps, CollapsePanelProps } from "antd/es/collapse";
-/** Will be remove in future, replaced by Foldable and Accordion */
+import type { CollapseProps } from "antd/es/collapse";
 export interface Props extends CollapseProps {
 }
 export type CollapseItemsProps = CollapseProps["items"];
-export declare class Collapse extends React.PureComponent<Props> {
-    static displayName: string;
-    render(): React.JSX.Element;
-}
-export type PanelProps = CollapsePanelProps;
+export declare const Collapse: ({ ...props }: Props) => React.JSX.Element;

package/core/Collapse/index.js

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

package/core/Collapse/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Collapse/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAQ5C,MAAM,OAAO,QAAS,SAAQ,KAAK,CAAC,aAAoB;IACpD,MAAM,CAAC,WAAW,GAAG,UAAU,CAAC;IAEhC,MAAM;QACF,OAAO,oBAAC,YAAY,OAAK,IAAI,CAAC,KAAK,GAAI,CAAC;IAC5C,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Collapse/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAK/C,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,EAAC,GAAG,KAAK,EAAQ,EAAE,EAAE;IACrE,OAAO,oBAAC,YAAY,OAAK,KAAK,GAAI,CAAC;AACvC,CAAC,CAAC,CAAC"}

package/core/Countdown/SlidingDigit.d.ts

@@ -2,14 +2,5 @@ import React from "react";
 interface Props {
     digit: string;
 }
-interface State {
-    currentDigit: string;
-    withSlidedClass: boolean;
-}
-export declare class SlidingDigit extends React.PureComponent<Props, State> {
-    static displayName: string;
-    constructor(props: Props);
-    componentDidUpdate(): void;
-    render(): React.JSX.Element;
-}
+export declare const SlidingDigit: ({ digit }: Props) => React.JSX.Element;
 export {};

package/core/Countdown/SlidingDigit.js

@@ -1,23 +1,18 @@
 import React from "react";
-export class SlidingDigit extends React.PureComponent {
-    static displayName = "SlidingDigit";
-    constructor(props) {
-        super(props);
-        this.state = {
-            currentDigit: this.props.digit,
-            withSlidedClass: false,
-        };
-    }
-    componentDidUpdate() {
-        if (this.state.currentDigit !== this.props.digit) {
-            this.setState({ withSlidedClass: true });
-        }
-    }
-    render() {
-        return (React.createElement("div", { className: "sliding-digit-outer" },
-            React.createElement("div", { onTransitionEnd: () => this.setState({ currentDigit: this.props.digit, withSlidedClass: false }), className: `sliding-digit-inner ${this.state.withSlidedClass ? "slided" : ""}` },
-                React.createElement("p", null, this.props.digit),
-                React.createElement("p", null, this.state.currentDigit))));
-    }
-}
+import { ReactUtil } from "../../util/ReactUtil";
+export const SlidingDigit = ReactUtil.memo("SlidingDigit", ({ digit }) => {
+    const [currentDigit, setCurrentDigit] = React.useState(digit);
+    const [withSlidedClass, setWithSlidedClass] = React.useState(false);
+    React.useEffect(() => {
+        setWithSlidedClass(true);
+    }, [digit]);
+    const handleTransitionEnd = () => {
+        setCurrentDigit(digit);
+        setWithSlidedClass(false);
+    };
+    return (React.createElement("div", { className: "sliding-digit-outer" },
+        React.createElement("div", { onTransitionEnd: handleTransitionEnd, className: `sliding-digit-inner ${withSlidedClass ? "slided" : ""}` },
+            React.createElement("p", null, digit),
+            React.createElement("p", null, currentDigit))));
+});
 //# sourceMappingURL=SlidingDigit.js.map

package/core/Countdown/SlidingDigit.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlidingDigit.js","sourceRoot":"","sources":["../../../src/core/Countdown/SlidingDigit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,aAA2B;IAC/D,MAAM,CAAC,WAAW,GAAG,cAAc,CAAC;IAEpC,YAAY,KAAY;QACpB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAC9B,eAAe,EAAE,KAAK;SACzB,CAAC;IACN,CAAC;IAED,kBAAkB;QACd,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YAC/C,IAAI,CAAC,QAAQ,CAAC,EAAC,eAAe,EAAE,IAAI,EAAC,CAAC,CAAC;QAC3C,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH,6BAAK,SAAS,EAAC,qBAAqB;YAChC,6BAAK,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAC,CAAC,EAAE,SAAS,EAAE,uBAAuB,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE;gBAC/K,+BAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAK;gBACzB,+BAAI,IAAI,CAAC,KAAK,CAAC,YAAY,CAAK,CAC9B,CACJ,CACT,CAAC;IACN,CAAC"}
+{"version":3,"file":"SlidingDigit.js","sourceRoot":"","sources":["../../../src/core/Countdown/SlidingDigit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAM/C,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,EAAC,KAAK,EAAQ,EAAE,EAAE;IAC1E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC7B,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAC,qBAAqB;QAChC,6BAAK,eAAe,EAAE,mBAAmB,EAAE,SAAS,EAAE,uBAAuB,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE;YAC1G,+BAAI,KAAK,CAAK;YACd,+BAAI,YAAY,CAAK,CACnB,CACJ,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/core/Countdown/index.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import type { PickOptional } from "../../internal/type";
 import "./index.less";
 export interface Props {
     /**
@@ -20,20 +19,4 @@ export interface Props {
     className?: string;
     style?: React.CSSProperties;
 }
-interface State {
-    remainingSecond: number;
-}
-export declare class Countdown extends React.PureComponent<Props, State> {
-    static displayName: string;
-    static defaultProps: PickOptional<Props>;
-    private timer;
-    private isTimerCompleted;
-    constructor(props: Props);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: Props): void;
-    computeRemainingSecond: () => number;
-    onTick: () => void;
-    render(): React.JSX.Element | null;
-}
-export {};
+export declare const Countdown: (props: Props) => React.JSX.Element | null;