@pinnacle0/web-ui 0.6.46 → 0.7.0-beta.2

package/core/Tabs/Single.js

@@ -1,10 +1,7 @@
 import React from "react";
 import { Tabs } from "./index";
-export class Single extends React.PureComponent {
-    static displayName = "Single";
-    render() {
-        const { children, title, ...rest } = this.props;
-        return React.createElement(Tabs, { ...rest, items: [{ label: title, key: title, children }] });
-    }
-}
+import { ReactUtil } from "../../util/ReactUtil";
+export const Single = ReactUtil.memo("Single", ({ children, title, ...rest }) => {
+    return React.createElement(Tabs, { ...rest, items: [{ label: title, key: title, children }] });
+});
 //# sourceMappingURL=Single.js.map

package/core/Tabs/Single.js.map

@@ -1 +1 @@
-{"version":3,"file":"Single.js","sourceRoot":"","sources":["../../../src/core/Tabs/Single.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAQ7B,MAAM,OAAO,MAAO,SAAQ,KAAK,CAAC,aAAoB;IAClD,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;IAE9B,MAAM;QACF,MAAM,EAAC,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC9C,OAAO,oBAAC,IAAI,OAAK,IAAI,EAAE,KAAK,EAAE,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAC,CAAC,GAAI,CAAC;IAC7E,CAAC"}
+{"version":3,"file":"Single.js","sourceRoot":"","sources":["../../../src/core/Tabs/Single.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAE7B,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAO/C,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAQ,EAAE,EAAE;IACjF,OAAO,oBAAC,IAAI,OAAK,IAAI,EAAE,KAAK,EAAE,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAC,CAAC,GAAI,CAAC;AAC7E,CAAC,CAAC,CAAC"}

package/core/Tabs/index.d.ts

@@ -1,7 +1,5 @@
 import React from "react";
-import { Single } from "./Single";
 import type { TabsProps } from "antd/es/tabs";
-import type { PickOptional } from "../../internal/type";
 export interface Props extends Omit<TabsProps, "tabBarExtraContent"> {
     tabBarPrefix?: React.ReactNode;
     tabBarSuffix?: React.ReactNode;
@@ -31,14 +29,6 @@ export interface TabItem {
     active?: boolean;
     destroyInactiveTabPane?: boolean;
 }
-export declare class Tabs extends React.PureComponent<Props> {
-    static displayName: string;
-    static Single: typeof Single;
-    static defaultProps: PickOptional<Props>;
-    private tabBarRef;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    resizeTabs: () => void;
-    tabBarCallBackRef: (tabBar: HTMLDivElement | null) => HTMLDivElement | null;
-    render(): React.JSX.Element;
-}
+export declare const Tabs: ((props: Props) => React.JSX.Element) & {
+    Single: ({ children, title, ...rest }: import("./Single").Props) => React.JSX.Element;
+};

package/core/Tabs/index.js

@@ -2,46 +2,38 @@ import React from "react";
 import AntTabs from "antd/es/tabs";
 import { classNames } from "../../util/ClassNames";
 import { Single } from "./Single";
-export class Tabs extends React.PureComponent {
-    static displayName = "Tabs";
-    static Single = Single;
-    static defaultProps = {
-        type: "card",
-    };
-    tabBarRef = null;
-    componentDidMount() {
-        this.resizeTabs();
-        window.addEventListener("resize", this.resizeTabs);
-    }
-    componentWillUnmount() {
-        window.removeEventListener("resize", this.resizeTabs);
-    }
-    resizeTabs = () => {
-        const { initialMaxVisibleTabCount } = this.props;
+import { ReactUtil } from "../../util/ReactUtil";
+export const Tabs = ReactUtil.compound("Tabs", { Single }, (props) => {
+    const { tabBarPrefix, tabBarSuffix, initialMaxVisibleTabCount, className, renderTabBar, type = "card", animated, ...restProps } = props;
+    const tabBarRef = React.useRef(null);
+    const resizeTabs = React.useCallback(() => {
         if (initialMaxVisibleTabCount && initialMaxVisibleTabCount >= 1) {
-            const tabBarWidth = this.tabBarRef?.getBoundingClientRect().width;
-            const tabNodes = this.tabBarRef?.querySelectorAll(".ant-tabs-nav-list > .ant-tabs-tab");
+            const tabBarWidth = tabBarRef.current?.getBoundingClientRect().width;
+            const tabNodes = tabBarRef.current?.querySelectorAll(".ant-tabs-nav-list > .ant-tabs-tab");
             if (tabBarWidth && tabNodes && tabNodes.length > initialMaxVisibleTabCount) {
                 const singleTabWidth = tabBarWidth / initialMaxVisibleTabCount;
                 Array.from(tabNodes).forEach(tabNode => (tabNode.style.width = `${singleTabWidth}px`));
             }
         }
-    };
-    tabBarCallBackRef = (tabBar) => (this.tabBarRef = tabBar);
-    render() {
-        const { tabBarPrefix, tabBarSuffix, initialMaxVisibleTabCount, className, renderTabBar, type, animated, ...restProps } = this.props;
-        // Passing {} or {left:undefined} to <AntTabs tabBarExtraContent> will lead to error
-        let tabBarExtraContent;
-        if (tabBarPrefix || tabBarSuffix) {
-            tabBarExtraContent = {};
-            if (tabBarPrefix)
-                tabBarExtraContent.left = tabBarPrefix;
-            if (tabBarSuffix)
-                tabBarExtraContent.right = tabBarSuffix;
-        }
-        return (React.createElement(AntTabs, { className: classNames("g-tabs", className, { "with-max-visible-tab-count": initialMaxVisibleTabCount }), animated: animated === undefined ? type === "line" : animated, type: type, tabBarExtraContent: tabBarExtraContent, 
-            // DefaultTabBar is a React.ForwardRef component but mark as a React.ComponentType by antd, needed to change the type  to 'any' in order to assign ref
-            renderTabBar: renderTabBar || ((oldProps, DefaultTabBar) => React.createElement(DefaultTabBar, { ...oldProps, ref: this.tabBarCallBackRef })), ...restProps }));
+    }, [initialMaxVisibleTabCount]);
+    React.useEffect(() => {
+        resizeTabs();
+        window.addEventListener("resize", resizeTabs);
+        return () => {
+            window.removeEventListener("resize", resizeTabs);
+        };
+    }, [resizeTabs]);
+    // Passing {} or {left:undefined} to <AntTabs tabBarExtraContent> will lead to error
+    let tabBarExtraContent;
+    if (tabBarPrefix || tabBarSuffix) {
+        tabBarExtraContent = {};
+        if (tabBarPrefix)
+            tabBarExtraContent.left = tabBarPrefix;
+        if (tabBarSuffix)
+            tabBarExtraContent.right = tabBarSuffix;
     }
-}
+    return (React.createElement(AntTabs, { className: classNames("g-tabs", className, { "with-max-visible-tab-count": initialMaxVisibleTabCount }), animated: animated === undefined ? type === "line" : animated, type: type, tabBarExtraContent: tabBarExtraContent, 
+        // DefaultTabBar is a React.ForwardRef component but mark as a React.ComponentType by antd, needed to change the type  to 'any' in order to assign ref
+        renderTabBar: renderTabBar || ((oldProps, DefaultTabBar) => React.createElement(DefaultTabBar, { ...oldProps, ref: (ref) => (tabBarRef.current = ref) })), ...restProps }));
+});
 //# sourceMappingURL=index.js.map

package/core/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAmChC,MAAM,OAAO,IAAK,SAAQ,KAAK,CAAC,aAAoB;IAChD,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC;IAE5B,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;IAEvB,MAAM,CAAC,YAAY,GAAwB;QACvC,IAAI,EAAE,MAAM;KACf,CAAC;IAEM,SAAS,GAA0B,IAAI,CAAC;IAEhD,iBAAiB;QACb,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACvD,CAAC;IAED,oBAAoB;QAChB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC1D,CAAC;IAED,UAAU,GAAG,GAAG,EAAE;QACd,MAAM,EAAC,yBAAyB,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC/C,IAAI,yBAAyB,IAAI,yBAAyB,IAAI,CAAC,EAAE,CAAC;YAC9D,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,EAAE,qBAAqB,EAAE,CAAC,KAAK,CAAC;YAClE,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,gBAAgB,CAAiB,oCAAoC,CAAC,CAAC;YACxG,IAAI,WAAW,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,yBAAyB,EAAE,CAAC;gBACzE,MAAM,cAAc,GAAG,WAAW,GAAG,yBAAyB,CAAC;gBAC/D,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,cAAc,IAAI,CAAC,CAAC,CAAC;YAC3F,CAAC;QACL,CAAC;IACL,CAAC,CAAC;IAEF,iBAAiB,GAAG,CAAC,MAA6B,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,CAAC;IAEjF,MAAM;QACF,MAAM,EAAC,YAAY,EAAE,YAAY,EAAE,yBAAyB,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAElI,oFAAoF;QACpF,IAAI,kBAAmD,CAAC;QACxD,IAAI,YAAY,IAAI,YAAY,EAAE,CAAC;YAC/B,kBAAkB,GAAG,EAAE,CAAC;YACxB,IAAI,YAAY;gBAAE,kBAAkB,CAAC,IAAI,GAAG,YAAY,CAAC;YACzD,IAAI,YAAY;gBAAE,kBAAkB,CAAC,KAAK,GAAG,YAAY,CAAC;QAC9D,CAAC;QAED,OAAO,CACH,oBAAC,OAAO,IACJ,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAC,4BAA4B,EAAE,yBAAyB,EAAC,CAAC,EACrG,QAAQ,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,EAC7D,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB;YACtC,sJAAsJ;YACtJ,YAAY,EAAE,YAAY,IAAI,CAAC,CAAC,QAAQ,EAAE,aAAkB,EAAE,EAAE,CAAC,oBAAC,aAAa,OAAK,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,iBAAiB,GAAI,CAAC,KAC1H,SAAS,GACf,CACL,CAAC;IACN,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAEhC,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAiC/C,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAC,MAAM,EAAC,EAAE,CAAC,KAAY,EAAE,EAAE;IACtE,MAAM,EAAC,YAAY,EAAE,YAAY,EAAE,yBAAyB,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,GAAG,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAC,GAAG,KAAK,CAAC;IACtI,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAErD,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,yBAAyB,IAAI,yBAAyB,IAAI,CAAC,EAAE,CAAC;YAC9D,MAAM,WAAW,GAAG,SAAS,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC,KAAK,CAAC;YACrE,MAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,EAAE,gBAAgB,CAAiB,oCAAoC,CAAC,CAAC;YAC3G,IAAI,WAAW,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,yBAAyB,EAAE,CAAC;gBACzE,MAAM,cAAc,GAAG,WAAW,GAAG,yBAAyB,CAAC;gBAC/D,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,cAAc,IAAI,CAAC,CAAC,CAAC;YAC3F,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC,CAAC;IAEhC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,UAAU,EAAE,CAAC;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,oFAAoF;IACpF,IAAI,kBAAmD,CAAC;IACxD,IAAI,YAAY,IAAI,YAAY,EAAE,CAAC;QAC/B,kBAAkB,GAAG,EAAE,CAAC;QACxB,IAAI,YAAY;YAAE,kBAAkB,CAAC,IAAI,GAAG,YAAY,CAAC;QACzD,IAAI,YAAY;YAAE,kBAAkB,CAAC,KAAK,GAAG,YAAY,CAAC;IAC9D,CAAC;IAED,OAAO,CACH,oBAAC,OAAO,IACJ,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAC,4BAA4B,EAAE,yBAAyB,EAAC,CAAC,EACrG,QAAQ,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,EAC7D,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB;QACtC,sJAAsJ;QACtJ,YAAY,EAAE,YAAY,IAAI,CAAC,CAAC,QAAQ,EAAE,aAAkB,EAAE,EAAE,CAAC,oBAAC,aAAa,OAAK,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAQ,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,OAAO,GAAG,GAAG,CAAC,GAAI,CAAC,KAC3I,SAAS,GACf,CACL,CAAC;AACN,CAAC,CAAC,CAAC"}

package/core/Tag/index.d.ts

@@ -1,10 +1,7 @@
 import React from "react";
 import type { TagProps } from "antd/es/tag";
 import type { PresetColorType, PresetStatusColorType } from "antd/es/_util/colors";
+export type TagColor = PresetColorType | PresetStatusColorType;
 export interface Props extends TagProps {
 }
-export declare class Tag extends React.PureComponent<Props> {
-    static displayName: string;
-    render(): React.JSX.Element;
-}
-export type TagColor = PresetColorType | PresetStatusColorType;
+export declare const Tag: ({ variant, ...props }: Props) => React.JSX.Element;

package/core/Tag/index.js

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

package/core/Tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,aAAa,CAAC;AAKjC,MAAM,OAAO,GAAI,SAAQ,KAAK,CAAC,aAAoB;IAC/C,MAAM,CAAC,WAAW,GAAG,KAAK,CAAC;IAE3B,MAAM;QACF,OAAO,oBAAC,MAAM,OAAK,IAAI,CAAC,KAAK,GAAI,CAAC;IACtC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAK/C,MAAM,CAAC,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAC,OAAO,GAAG,UAAU,EAAE,GAAG,KAAK,EAAQ,EAAE,EAAE;IACjF,OAAO,oBAAC,MAAM,IAAC,OAAO,EAAE,OAAO,KAAM,KAAK,GAAI,CAAC;AACnD,CAAC,CAAC,CAAC"}

package/core/TagInput/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ControlledFormValue, PickOptional } from "../../internal/type";
+import type { ControlledFormValue } from "../../internal/type";
 import "./index.less";
 interface Props<T> extends ControlledFormValue<T[]> {
     parser: (rawString: string) => T[];
@@ -10,18 +10,5 @@ interface Props<T> extends ControlledFormValue<T[]> {
     placeholder?: React.ReactElement | string | number | null;
     autoFocus?: boolean;
 }
-interface State {
-    inputText: string;
-}
-export declare class TagInput<T> extends React.PureComponent<Props<T>, State> {
-    static displayName: string;
-    static defaultProps: PickOptional<Props<string>>;
-    constructor(props: Props<T>);
-    removeTag: (index: number) => void;
-    addTagsByInput: (input: string) => void;
-    onKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
-    onChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
-    onBlur: () => void;
-    render(): React.JSX.Element;
-}
+export declare const TagInput: <T>(props: Props<T>) => React.JSX.Element;
 export {};

package/core/TagInput/index.js

@@ -1,62 +1,46 @@
 import React from "react";
 import { classNames } from "../../util/ClassNames";
 import "./index.less";
+import { ReactUtil } from "../../util/ReactUtil";
 const separators = [" ", ";", "|", "*", "Tab", "Enter"];
-export class TagInput extends React.PureComponent {
-    static displayName = "TagInput";
-    static defaultProps = {
-        renderTag: item => item,
-    };
-    constructor(props) {
-        super(props);
-        this.state = { inputText: "" };
-    }
-    removeTag = (index) => {
-        const { onChange, value, disabled } = this.props;
-        if (disabled) {
+export const TagInput = ReactUtil.memo("TagInput", (props) => {
+    const { value, renderTag = item => item, className, style, disabled, placeholder, autoFocus = true, onChange, parser } = props;
+    const [inputText, setInputText] = React.useState("");
+    const removeTag = (index) => {
+        if (disabled)
             return;
-        }
         const newTags = [...value];
         newTags.splice(index, 1);
         onChange(newTags);
     };
-    addTagsByInput = (input) => {
-        if (this.props.disabled) {
+    const addTagsByInput = (input) => {
+        if (disabled)
             return;
-        }
         if (input) {
-            const { parser, onChange, value } = this.props;
-            this.setState({ inputText: "" });
+            setInputText("");
             onChange([...value, ...parser(input)]);
         }
     };
-    onKeyDown = (event) => {
+    const onKeyDown = (event) => {
         // Ref: https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values
-        const { inputText } = this.state;
-        if (event.key === "Backspace") {
-            if (!inputText.length) {
-                this.removeTag(this.props.value.length - 1);
-            }
+        if (event.key === "Backspace" && !inputText.length) {
+            removeTag(value.length - 1);
         }
         else if (separators.includes(event.key)) {
             event.preventDefault();
-            this.addTagsByInput(inputText);
+            addTagsByInput(inputText);
         }
     };
-    onChange = (event) => this.setState({ inputText: event.target.value });
-    onBlur = () => this.addTagsByInput(this.state.inputText);
-    render() {
-        const { value, renderTag, className, style, disabled, placeholder, autoFocus = true } = this.props;
-        const { inputText } = this.state;
-        return (React.createElement("div", { className: classNames("g-tag-input", { "ant-input-disabled": disabled }), style: style },
-            value.map((tag, index) => {
-                return (React.createElement("div", { className: classNames("g-tag-input-label", className?.(tag)), key: index },
-                    renderTag(tag),
-                    React.createElement("i", { onClick: () => this.removeTag(index) }, "\u00D7")));
-            }),
-            !value.length && !inputText && React.createElement("div", { className: "placeholder" }, placeholder),
-            React.createElement("div", { className: "text-area-wrapper" },
-                React.createElement("textarea", { disabled: disabled, onBlur: this.onBlur, onChange: this.onChange, onKeyDown: this.onKeyDown, value: inputText, autoFocus: autoFocus }))));
-    }
-}
+    const onInputChange = (event) => setInputText(event.target.value);
+    const onBlur = () => addTagsByInput(inputText);
+    return (React.createElement("div", { className: classNames("g-tag-input", { "ant-input-disabled": disabled }), style: style },
+        value.map((tag, index) => {
+            return (React.createElement("div", { className: classNames("g-tag-input-label", className?.(tag)), key: index },
+                renderTag(tag),
+                React.createElement("i", { onClick: () => removeTag(index) }, "\u00D7")));
+        }),
+        !value.length && !inputText && React.createElement("div", { className: "placeholder" }, placeholder),
+        React.createElement("div", { className: "text-area-wrapper" },
+            React.createElement("textarea", { disabled: disabled, onBlur: onBlur, onChange: onInputChange, onKeyDown: onKeyDown, value: inputText, autoFocus: autoFocus }))));
+});
 //# sourceMappingURL=index.js.map

package/core/TagInput/index.js.map

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

package/core/Tags/index.d.ts

@@ -14,9 +14,4 @@ export interface Props {
     maxWidth?: number;
     extraContent?: React.ReactElement | string | number | null;
 }
-export declare class Tags extends React.PureComponent<Props> {
-    static displayName: string;
-    private readonly singleTagStyle;
-    renderTag: (item: React.ReactElement | string | number | null, index: number) => React.JSX.Element;
-    render(): React.JSX.Element;
-}
+export declare const Tags: ({ items, maxWidth, extraContent, color, onClose, useItemsAsKey }: Props) => React.JSX.Element;

package/core/Tags/index.js

@@ -1,19 +1,15 @@
 import React from "react";
 import { Tag } from "../Tag";
-export class Tags extends React.PureComponent {
-    static displayName = "Tags";
-    singleTagStyle = { marginRight: 5, marginBottom: 4 };
-    renderTag = (item, index) => {
-        const { color, onClose, useItemsAsKey } = this.props;
+import { ReactUtil } from "../../util/ReactUtil";
+const singleTagStyle = { marginRight: 5, marginBottom: 4 };
+export const Tags = ReactUtil.memo("Tags", ({ items, maxWidth, extraContent, color, onClose, useItemsAsKey }) => {
+    const renderTag = (item, index) => {
         const tagColor = typeof color === "function" ? color(item, index) : color;
         const key = (typeof item === "string" || typeof item === "number") && useItemsAsKey ? item : null;
-        return (React.createElement(Tag, { color: tagColor, key: key, style: this.singleTagStyle, closable: onClose !== undefined, onClose: () => onClose?.(index) }, item));
+        return (React.createElement(Tag, { color: tagColor, key: key || index, style: singleTagStyle, closable: onClose !== undefined, onClose: () => onClose?.(index) }, item));
     };
-    render() {
-        const { items, maxWidth, extraContent } = this.props;
-        return (React.createElement("div", { style: { maxWidth } },
-            items.map(this.renderTag),
-            extraContent && extraContent));
-    }
-}
+    return (React.createElement("div", { style: { maxWidth } },
+        items.map(renderTag),
+        extraContent && extraContent));
+});
 //# sourceMappingURL=index.js.map

package/core/Tags/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Tags/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,GAAG,EAAC,MAAM,QAAQ,CAAC;AAkB3B,MAAM,OAAO,IAAK,SAAQ,KAAK,CAAC,aAAoB;IAChD,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC;IAEX,cAAc,GAAwB,EAAC,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAC,CAAC;IAEzF,SAAS,GAAG,CAAC,IAAiD,EAAE,KAAa,EAAE,EAAE;QAC7E,MAAM,EAAC,KAAK,EAAE,OAAO,EAAE,aAAa,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACnD,MAAM,QAAQ,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAC1E,MAAM,GAAG,GAAG,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;QAClG,OAAO,CACH,oBAAC,GAAG,IAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,IACvH,IAAI,CACH,CACT,CAAC;IACN,CAAC,CAAC;IAEF,MAAM;QACF,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACnD,OAAO,CACH,6BAAK,KAAK,EAAE,EAAC,QAAQ,EAAC;YACjB,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;YACzB,YAAY,IAAI,YAAY,CAC3B,CACT,CAAC;IACN,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Tags/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,GAAG,EAAC,MAAM,QAAQ,CAAC;AAE3B,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAiB/C,MAAM,cAAc,GAAwB,EAAC,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAC,CAAC;AAE9E,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAQ,EAAE,EAAE;IACjH,MAAM,SAAS,GAAG,CAAC,IAAiD,EAAE,KAAa,EAAE,EAAE;QACnF,MAAM,QAAQ,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAC1E,MAAM,GAAG,GAAG,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;QAClG,OAAO,CACH,oBAAC,GAAG,IAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,IAC3H,IAAI,CACH,CACT,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,6BAAK,KAAK,EAAE,EAAC,QAAQ,EAAC;QACjB,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC;QACpB,YAAY,IAAI,YAAY,CAC3B,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/core/TimePicker/index.d.ts

@@ -1,4 +1,3 @@
-import type { Dayjs } from "dayjs";
 import React from "react";
 import type { ControlledFormValue } from "../../internal/type";
 export interface Props<T extends boolean> extends ControlledFormValue<T extends false ? string : string | null> {
@@ -9,9 +8,4 @@ export interface Props<T extends boolean> extends ControlledFormValue<T extends
     preserveInvalidOnBlur?: boolean;
     showSecond?: boolean;
 }
-export declare class TimePicker<T extends boolean> extends React.PureComponent<Props<T>> {
-    static displayName: string;
-    private readonly timeFormatter;
-    onTimeChange: (time: Dayjs | null) => void;
-    render(): React.JSX.Element;
-}
+export declare const TimePicker: <T extends boolean>(props: Props<T>) => React.JSX.Element;

package/core/TimePicker/index.js

@@ -1,22 +1,19 @@
 import dayjs from "dayjs";
 import React from "react";
 import DatePicker from "antd/es/date-picker";
-export class TimePicker extends React.PureComponent {
-    static displayName = "TimePicker";
-    timeFormatter = "HH:mm:ss";
-    onTimeChange = (time) => {
-        const { onChange } = this.props;
+import { ReactUtil } from "../../util/ReactUtil";
+const TIME_FORMATTER = "HH:mm:ss";
+export const TimePicker = ReactUtil.memo("TimePicker", (props) => {
+    const { value, allowNull, placeholder, disabled, className, showSecond, preserveInvalidOnBlur = true, onChange } = props;
+    const onTimeChange = (time) => {
         const typedOnChange = onChange;
         if (time) {
-            typedOnChange(time.format(this.timeFormatter));
+            typedOnChange(time.format(TIME_FORMATTER));
         }
         else {
             typedOnChange(null);
         }
     };
-    render() {
-        const { value, allowNull, placeholder, disabled, className, showSecond, preserveInvalidOnBlur = true } = this.props;
-        return (React.createElement(DatePicker, { picker: "time", mode: undefined, className: className, placeholder: placeholder, value: value ? dayjs(value, this.timeFormatter) : null, onChange: this.onTimeChange, allowClear: allowNull, disabled: disabled, preserveInvalidOnBlur: preserveInvalidOnBlur, needConfirm: false, showSecond: showSecond }));
-    }
-}
+    return (React.createElement(DatePicker, { picker: "time", mode: undefined, className: className, placeholder: placeholder, value: value ? dayjs(value, TIME_FORMATTER) : null, onChange: onTimeChange, allowClear: allowNull, disabled: disabled, preserveInvalidOnBlur: preserveInvalidOnBlur, needConfirm: false, showSecond: showSecond }));
+});
 //# sourceMappingURL=index.js.map

package/core/TimePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/TimePicker/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAY7C,MAAM,OAAO,UAA8B,SAAQ,KAAK,CAAC,aAAuB;IAC5E,MAAM,CAAC,WAAW,GAAG,YAAY,CAAC;IAEjB,aAAa,GAAG,UAAU,CAAC;IAE5C,YAAY,GAAG,CAAC,IAAkB,EAAE,EAAE;QAClC,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC9B,MAAM,aAAa,GAAG,QAA0C,CAAC;QACjE,IAAI,IAAI,EAAE,CAAC;YACP,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;QACnD,CAAC;aAAM,CAAC;YACJ,aAAa,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IACL,CAAC,CAAC;IAEF,MAAM;QACF,MAAM,EAAC,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,qBAAqB,GAAG,IAAI,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAClH,OAAO,CACH,oBAAC,UAAU,IACP,MAAM,EAAC,MAAM,EACb,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,EACtD,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,UAAU,EAAE,SAAS,EACrB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,EAC5C,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,UAAU,GACxB,CACL,CAAC;IACN,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/TimePicker/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAW/C,MAAM,cAAc,GAAG,UAAU,CAAC;AAElC,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,UAAU,EAAE,qBAAqB,GAAG,IAAI,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;IAEvH,MAAM,YAAY,GAAG,CAAC,IAAkB,EAAE,EAAE;QACxC,MAAM,aAAa,GAAG,QAA0C,CAAC;QACjE,IAAI,IAAI,EAAE,CAAC;YACP,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC;QAC/C,CAAC;aAAM,CAAC;YACJ,aAAa,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,UAAU,IACP,MAAM,EAAC,MAAM,EACb,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,IAAI,EAClD,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE,SAAS,EACrB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,EAC5C,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,UAAU,GACxB,CACL,CAAC;AACN,CAAC,CAAC,CAAC"}

package/core/TimeRangePicker/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] : [string | null, string | null]> {
     allowNull: T;
@@ -9,16 +8,4 @@ export interface Props<T extends boolean> extends ControlledFormValue<T extends
     preserveInvalidOnBlur?: boolean;
     showSecond?: boolean;
 }
-interface State {
-    shouldCheckDateRangeValid: boolean;
-}
-export declare class TimeRangePicker<T extends boolean> extends React.PureComponent<Props<T>, State> {
-    static displayName: string;
-    private readonly timeFormatter;
-    constructor(props: Props<T>);
-    onChange: (dates: [Dayjs | null, Dayjs | null] | null) => void;
-    onOpenChange: (open: boolean) => void;
-    componentDidUpdate(): void;
-    render(): React.JSX.Element;
-}
-export {};
+export declare const TimeRangePicker: <T extends boolean>(props: Props<T>) => React.JSX.Element;

package/core/TimeRangePicker/index.js

@@ -1,40 +1,34 @@
 import React from "react";
 import dayjs from "dayjs";
 import DatePicker from "antd/es/date-picker";
-export class TimeRangePicker extends React.PureComponent {
-    static displayName = "TimeRangePicker";
-    timeFormatter = "HH:mm:ss";
-    constructor(props) {
-        super(props);
-        this.state = { shouldCheckDateRangeValid: false };
-    }
-    onChange = (dates) => {
-        const typedOnChange = this.props.onChange;
+import { ReactUtil } from "../../util/ReactUtil";
+const TIME_FORMATTER = "HH:mm:ss";
+export const TimeRangePicker = ReactUtil.memo("TimeRangePicker", (props) => {
+    const { value, disabled, className, allowNull, order, showSecond, preserveInvalidOnBlur = true, onChange } = props;
+    const [shouldCheckDateRangeValid, setShouldCheckDateRangeValid] = React.useState(false);
+    React.useEffect(() => {
+        if (shouldCheckDateRangeValid && value[0] && value[1]) {
+            const typedOnChange = onChange;
+            if (value[0] > value[1]) {
+                typedOnChange([value[1], value[0]]);
+            }
+            setShouldCheckDateRangeValid(false);
+        }
+    }, [onChange, shouldCheckDateRangeValid, value]);
+    const onAntChange = (dates) => {
+        const typedOnChange = onChange;
         if (dates) {
             const start = dates[0];
             const end = dates[1];
-            typedOnChange([start ? start.format(this.timeFormatter) : null, end ? end.format(this.timeFormatter) : null]);
+            typedOnChange([start ? start.format(TIME_FORMATTER) : null, end ? end.format(TIME_FORMATTER) : null]);
         }
         else {
             typedOnChange([null, null]);
         }
     };
-    onOpenChange = (open) => {
-        this.setState({ shouldCheckDateRangeValid: !open });
+    const onOpenChange = (open) => {
+        setShouldCheckDateRangeValid(!open);
     };
-    componentDidUpdate() {
-        const dates = this.props.value;
-        if (this.state.shouldCheckDateRangeValid && dates[0] && dates[1]) {
-            const typedOnChange = this.props.onChange;
-            if (dates[0] > dates[1]) {
-                typedOnChange([dates[1], dates[0]]);
-            }
-            this.setState({ shouldCheckDateRangeValid: false });
-        }
-    }
-    render() {
-        const { value, disabled, className, allowNull, order, showSecond, preserveInvalidOnBlur = true } = this.props;
-        return (React.createElement(DatePicker.RangePicker, { picker: "time", mode: undefined, className: className, value: [value[0] ? dayjs(value[0], this.timeFormatter) : null, value[1] ? dayjs(value[1], this.timeFormatter) : null], onCalendarChange: this.onChange, disabled: disabled, allowClear: allowNull, order: order, preserveInvalidOnBlur: preserveInvalidOnBlur, onOpenChange: this.onOpenChange, showSecond: showSecond }));
-    }
-}
+    return (React.createElement(DatePicker.RangePicker, { picker: "time", mode: undefined, className: className, value: [value[0] ? dayjs(value[0], TIME_FORMATTER) : null, value[1] ? dayjs(value[1], TIME_FORMATTER) : null], onCalendarChange: onAntChange, disabled: disabled, allowClear: allowNull, order: order, preserveInvalidOnBlur: preserveInvalidOnBlur, onOpenChange: onOpenChange, showSecond: showSecond }));
+});
 //# sourceMappingURL=index.js.map

package/core/TimeRangePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/TimeRangePicker/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/TimeRangePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAW/C,MAAM,cAAc,GAAG,UAAU,CAAC;AAElC,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAoB,KAAe,EAAE,EAAE;IACpG,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,qBAAqB,GAAG,IAAI,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC;IACjH,MAAM,CAAC,yBAAyB,EAAE,4BAA4B,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,yBAAyB,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;YACpD,MAAM,aAAa,GAAG,QAA2D,CAAC;YAClF,IAAI,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;gBACtB,aAAa,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACxC,CAAC;YACD,4BAA4B,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,yBAAyB,EAAE,KAAK,CAAC,CAAC,CAAC;IAEjD,MAAM,WAAW,GAAG,CAAC,KAA0C,EAAE,EAAE;QAC/D,MAAM,aAAa,GAAG,QAA2D,CAAC;QAClF,IAAI,KAAK,EAAE,CAAC;YACR,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACvB,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACrB,aAAa,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1G,CAAC;aAAM,CAAC;YACJ,aAAa,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;QAChC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,IAAa,EAAE,EAAE;QACnC,4BAA4B,CAAC,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,UAAU,CAAC,WAAW,IACnB,MAAM,EAAC,MAAM,EACb,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAC7G,gBAAgB,EAAE,WAAW,EAC7B,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,SAAS,EACrB,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,EAC5C,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,GACxB,CACL,CAAC;AACN,CAAC,CAAC,CAAC"}

package/core/Tooltip/index.d.ts

@@ -1,8 +1,7 @@
 import type { TooltipPlacement, TooltipProps } from "antd/es/tooltip";
 import React from "react";
-export type Props = TooltipProps & {
+export type { TooltipPlacement };
+export interface Props extends TooltipProps {
     childContainerProps?: React.HTMLAttributes<HTMLDivElement>;
-    isInline?: boolean;
-};
+}
 export declare const Tooltip: (props: Props) => React.JSX.Element;
-export type { TooltipPlacement };

package/core/Tooltip/index.js

@@ -1,12 +1,9 @@
 import AntTooltip from "antd/es/tooltip";
 import React from "react";
 import { ReactUtil } from "../../util/ReactUtil";
-const inlineChildStyle = { display: "inline" };
 export const Tooltip = ReactUtil.memo("Tooltip", (props) => {
-    const { children, childContainerProps = {}, isInline, ...restProps } = props;
-    const { style, ...restChildContainerProps } = childContainerProps;
-    const combinedChildContainerStyle = isInline ? { ...style, ...inlineChildStyle } : style;
+    const { children, childContainerProps, ...restProps } = props;
     return (React.createElement(AntTooltip, { ...restProps },
-        React.createElement("div", { ...restChildContainerProps, style: combinedChildContainerStyle }, children)));
+        React.createElement("div", { ...childContainerProps }, children)));
 });
 //# sourceMappingURL=index.js.map

package/core/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Tooltip/index.tsx"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAK/C,MAAM,gBAAgB,GAAwB,EAAC,OAAO,EAAE,QAAQ,EAAC,CAAC;AAElE,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE;IAC9D,MAAM,EAAC,QAAQ,EAAE,mBAAmB,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAC,GAAG,KAAK,CAAC;IAC3E,MAAM,EAAC,KAAK,EAAE,GAAG,uBAAuB,EAAC,GAAG,mBAAmB,CAAC;IAChE,MAAM,2BAA2B,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAC,GAAG,KAAK,EAAE,GAAG,gBAAgB,EAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAEvF,OAAO,CACH,oBAAC,UAAU,OAAK,SAAS;QACrB,gCAAS,uBAAuB,EAAE,KAAK,EAAE,2BAA2B,IAC/D,QAAQ,CACP,CACG,CAChB,CAAC;AACN,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Tooltip/index.tsx"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAO/C,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE;IAC9D,MAAM,EAAC,QAAQ,EAAE,mBAAmB,EAAE,GAAG,SAAS,EAAC,GAAG,KAAK,CAAC;IAE5D,OAAO,CACH,oBAAC,UAAU,OAAK,SAAS;QACrB,gCAAS,mBAAmB,IAAG,QAAQ,CAAO,CACrC,CAChB,CAAC;AACN,CAAC,CAAC,CAAC"}

package/core/TypedTabs/index.d.ts

@@ -16,7 +16,4 @@ export interface Props<T extends string> extends Omit<TabsProps, "onChange"> {
     activeKey: T;
     onChange: (tab: T) => void;
 }
-export declare class TypedTabs<T extends string> extends React.PureComponent<Props<T>> {
-    static displayName: string;
-    render(): React.JSX.Element;
-}
+export declare const TypedTabs: <T extends string>(props: Props<T>) => React.JSX.Element;