ant-float-label 1.0.8 → 1.1.1

package/README.md

@@ -6,17 +6,46 @@ npm install ant-float-label
 
 ```js
 import {
-	FloatDatePicker,
-	FloatInput,
-	FloatInputNumber,
-	FloatSelect,
-	FloatRangePicker,
-	FloatCascader,
-	FloatTreeSelect,
-	FloatAutoComplete,
-	FloatTimePicker,
-	FloatPassword
+  FloatDatePicker,
+  FloatInput,
+  FloatInputNumber,
+  FloatSelect,
+  FloatRangePicker,
+  FloatCascader,
+  FloatTreeSelect,
+  FloatAutoComplete,
+  FloatTimePicker,
+  FloatPassword,
 } from "ant-float-label";
 ```
 
 ![Alt text](image.png)
+
+# useForm
+
+```js
+import { Form } from "antd";
+import { FloatAutoComplete, FloatFormItem } from "ant-float-label";
+
+function TestUseForm() {
+  const [form] = Form.useForm();
+
+  return (
+    <Form name="test_form" form={form}>
+      <FloatFormItem
+        name="floatAutoComplete"
+        rules={[{ required: true }]}
+        label="FloatAutoComplete"
+      >
+        <FloatAutoComplete
+          options={[
+            { value: "11111111111" },
+            { value: "2222222222" },
+            { value: "3333333333" },
+          ]}
+        />
+      </FloatFormItem>
+    </Form>
+  );
+}
+```

package/dist/README.md

@@ -6,17 +6,46 @@ npm install ant-float-label
 
 ```js
 import {
-	FloatDatePicker,
-	FloatInput,
-	FloatInputNumber,
-	FloatSelect,
-	FloatRangePicker,
-	FloatCascader,
-	FloatTreeSelect,
-	FloatAutoComplete,
-	FloatTimePicker,
-	FloatPassword
+  FloatDatePicker,
+  FloatInput,
+  FloatInputNumber,
+  FloatSelect,
+  FloatRangePicker,
+  FloatCascader,
+  FloatTreeSelect,
+  FloatAutoComplete,
+  FloatTimePicker,
+  FloatPassword,
 } from "ant-float-label";
 ```
 
 ![Alt text](image.png)
+
+# useForm
+
+```js
+import { Form } from "antd";
+import { FloatAutoComplete, FloatFormItem } from "ant-float-label";
+
+function TestUseForm() {
+  const [form] = Form.useForm();
+
+  return (
+    <Form name="test_form" form={form}>
+      <FloatFormItem
+        name="floatAutoComplete"
+        rules={[{ required: true }]}
+        label="FloatAutoComplete"
+      >
+        <FloatAutoComplete
+          options={[
+            { value: "11111111111" },
+            { value: "2222222222" },
+            { value: "3333333333" },
+          ]}
+        />
+      </FloatFormItem>
+    </Form>
+  );
+}
+```

package/dist/component/FloatAutoComplete/index.d.ts

@@ -1,5 +1,6 @@
 import { AutoCompleteProps } from "antd";
 import "./index.css";
 export interface FloatAutoCompleteProps extends AutoCompleteProps {
+    required?: boolean;
 }
-export declare function FloatAutoComplete({ placeholder, onFocus, onBlur, value, defaultValue, style, size, onChange, ...restProps }: FloatAutoCompleteProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatAutoComplete({ placeholder, onFocus, onBlur, value, defaultValue, style, onChange, required, ...restProps }: FloatAutoCompleteProps): import("react/jsx-runtime").JSX.Element;

package/dist/component/FloatCascader/index.d.ts

@@ -1,3 +1,8 @@
 import { CascaderProps } from "antd";
-export type FloatCascadertProps = CascaderProps;
-export declare function FloatCascader({ placeholder, onFocus, onBlur, value, defaultValue, style, size, onChange, ...restProps }: FloatCascadertProps): import("react/jsx-runtime").JSX.Element;
+export interface FloatCascadertProps extends CascaderProps {
+    multiple?: true;
+    required?: boolean;
+    value?: any;
+    defaultValue?: any;
+}
+export declare function FloatCascader({ placeholder, onFocus, onBlur, value, defaultValue, style, required, onChange, ...restProps }: FloatCascadertProps): import("react/jsx-runtime").JSX.Element;

package/dist/component/FloatDatePicker/index.d.ts

@@ -1,5 +1,6 @@
 import { DatePickerProps } from "antd";
 import "./index.css";
 export interface FloatDatePickerProps extends DatePickerProps {
+    required?: boolean;
 }
-export declare function FloatDatePicker({ placeholder, onFocus, onBlur, value, defaultValue, style, size, onChange, ...restProps }: FloatDatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatDatePicker({ placeholder, onFocus, onBlur, value, defaultValue, style, required, onChange, ...restProps }: FloatDatePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/component/FloatFormItem/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { FormItemProps } from "antd";
+export interface FloatFormItemProps extends FormItemProps {
+    children?: JSX.Element;
+}
+export declare function FloatFormItem({ children, label, rules, required, ...restProps }: FloatFormItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/component/FloatInput/index.d.ts

@@ -1,4 +1,5 @@
 import { InputProps } from "antd";
 export interface FloatInputProps extends InputProps {
+    required?: boolean;
 }
-export declare function FloatInput({ placeholder, onFocus, onBlur, value, defaultValue, style, size, ...restProps }: FloatInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatInput({ placeholder, onFocus, onBlur, onChange, value, defaultValue, style, size, required, ...restProps }: FloatInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/component/FloatInputNumber/index.d.ts

@@ -1,5 +1,6 @@
 import { InputNumberProps } from "antd";
 import "./index.css";
 export interface FloatInputNumberProps extends InputNumberProps {
+    required?: boolean;
 }
-export declare function FloatInputNumber({ placeholder, onFocus, onBlur, value, defaultValue, style, size, ...restProps }: FloatInputNumberProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatInputNumber({ placeholder, onFocus, onBlur, value, defaultValue, style, onChange, required, ...restProps }: FloatInputNumberProps): import("react/jsx-runtime").JSX.Element;

package/dist/component/FloatPassword/index.d.ts

@@ -1,5 +1,6 @@
 import { PasswordProps } from "antd/es/input";
 import "./index.css";
 export interface FloatPasswordProps extends PasswordProps {
+    required?: boolean;
 }
-export declare function FloatPassword({ placeholder, onFocus, onBlur, value, defaultValue, style, size, ...restProps }: FloatPasswordProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatPassword({ placeholder, onFocus, onBlur, value, defaultValue, style, onChange, required, ...restProps }: FloatPasswordProps): import("react/jsx-runtime").JSX.Element;

package/dist/component/FloatRangePicker/index.d.ts

@@ -1,5 +1,6 @@
 import "./index.css";
 import { RangePickerProps } from "antd/es/date-picker";
 export interface FloatRangePickerProps extends RangePickerProps {
+    required?: boolean;
 }
-export declare function FloatRangePicker({ placeholder, onFocus, onBlur, value, defaultValue, style, onChange, ...restProps }: FloatRangePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatRangePicker({ placeholder, onFocus, onBlur, value, defaultValue, style, onChange, required, ...restProps }: FloatRangePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/component/FloatSelect/index.d.ts

@@ -1,5 +1,6 @@
 import { SelectProps } from "antd";
 import "./index.css";
 export interface FloatSelectProps extends SelectProps {
+    required?: boolean;
 }
-export declare function FloatSelect({ placeholder, onFocus, onBlur, value, defaultValue, style, size, mode, onChange, ...restProps }: FloatSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatSelect({ placeholder, onFocus, onBlur, value, defaultValue, style, size, mode, onChange, required, ...restProps }: FloatSelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/component/FloatTimePicker/index.d.ts

@@ -1,4 +1,5 @@
 import { TimePickerProps } from "antd";
 export interface FloatTimePickerProps extends TimePickerProps {
+    required?: boolean;
 }
-export declare function FloatTimePicker({ placeholder, onFocus, onBlur, value, defaultValue, style, size, mode, onChange, ...restProps }: FloatTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatTimePicker({ placeholder, onFocus, onBlur, value, defaultValue, style, size, mode, onChange, required, ...restProps }: FloatTimePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/component/FloatTreeSelect/index.d.ts

@@ -1,4 +1,5 @@
 import { TreeSelectProps } from "antd";
 export interface FloatTreeSelectProps extends TreeSelectProps {
+    required?: boolean;
 }
-export declare function FloatTreeSelect({ placeholder, onFocus, onBlur, value, defaultValue, style, size, onChange, ...restProps }: FloatTreeSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatTreeSelect({ placeholder, onFocus, onBlur, value, defaultValue, style, size, onChange, required, ...restProps }: FloatTreeSelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/component/FloattingLabelBox/index.d.ts

@@ -9,5 +9,6 @@ export interface FloattingLabelBoxProps {
     width?: string | number;
     height?: string | number;
     status?: InputStatus;
+    required?: boolean;
 }
-export declare function FloattingLabelBox({ focused, haveValue, label, children, width, height, status, }: FloattingLabelBoxProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloattingLabelBox({ focused, haveValue, label, children, width, height, status, required, }: FloattingLabelBoxProps): import("react/jsx-runtime").JSX.Element;

package/dist/hook/useValueHandle.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare function useValueHandle({ defaultValue, value, id, onFocus, onBlur }: {
+    defaultValue?: any;
+    value?: any;
+    id?: string;
+    onFocus?: (...args: any) => void;
+    onBlur?: (...args: any) => void;
+}): {
+    hasValue: boolean;
+    handleChange: import("react").Dispatch<any>;
+    handleFocus: (...args: any) => void;
+    handleBlur: (...args: any) => void;
+    isFocus: boolean;
+};

package/dist/index.css

@@ -1,4 +1,4 @@
-.ant-float-label-box{position:relative;line-height:normal;}.ant-float-label-box-label{position:absolute;max-width:99%;overflow:hidden;text-overflow:ellipsis;left:0;top:0;font-size:0.85rem;white-space:nowrap;font-weight:400;transform-origin:top left;pointer-events:none;height:100%;display:flex;align-items:center;transition:color 200ms cubic-bezier(0,0,0.2,1) 0ms,transform 200ms cubic-bezier(0,0,0.2,1) 0ms,max-width 200ms cubic-bezier(0,0,0.2,1) 0ms;}.ant-float-label-box-fieldset{padding:0 8px;position:absolute;top:-5px;left:0;right:0;bottom:0;margin:0;pointer-events:none;text-align:left;box-sizing:border-box;min-width:0%;}.ant-float-label-box-legend{width:auto!important;overflow:hidden;display:block;padding:0!important;height:11px!important;font-size:0.85rem!important;visibility:hidden;transition:max-width 100ms cubic-bezier(0.0,0,0.2,1) 50ms;white-space:nowrap;padding-inline:0!important;}
+.ant-float-label-box{position:relative;line-height:normal;}.ant-float-label-box-label{position:absolute;max-width:99%;overflow:hidden;text-overflow:ellipsis;left:0;top:0;font-size:0.85rem;white-space:nowrap;font-weight:400;transform-origin:top left;pointer-events:none;height:100%;display:flex;align-items:center;transition:color 200ms cubic-bezier(0,0,0.2,1) 0ms,transform 200ms cubic-bezier(0,0,0.2,1) 0ms,max-width 200ms cubic-bezier(0,0,0.2,1) 0ms;}.ant-float-label-box-fieldset{padding:0 8px;position:absolute;top:-5px;left:0;right:0;bottom:0;margin:0;pointer-events:none;text-align:left;box-sizing:border-box;min-width:0%;}.ant-float-label-box-legend{width:auto!important;overflow:hidden;display:block;padding:0!important;height:11px!important;font-size:0.85rem!important;visibility:hidden;transition:max-width 100ms cubic-bezier(0,0,0.2,1) 50ms;white-space:nowrap;padding-inline:0!important;}
 .ant-float-label-form-auto-complete .ant-select-selector {border:none!important;box-shadow:none!important;}
 .ant-float-label-form-picker {border:none!important;box-shadow:none!important;}
 .ant-float-label-form-input-number {border:none!important;box-shadow:none!important;}

package/dist/index.d.ts

@@ -9,3 +9,4 @@ export * from "./component/FloatTimePicker";
 export * from "./component/FloattingLabelBox";
 export * from "./component/FloatTreeSelect";
 export * from "./component/FloatPassword";
+export * from "./component/FloatFormItem";

package/dist/index.js

@@ -1,10 +1,11 @@
 import "./index.css"
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { theme, AutoComplete, Cascader, DatePicker, Input, InputNumber, Select, TimePicker, TreeSelect } from 'antd';
-import { useMemo, useRef, useState, useCallback, useEffect } from 'react';
+import { theme, Form, AutoComplete, Cascader, DatePicker, Input, InputNumber, Select, TimePicker, TreeSelect } from 'antd';
+import React, { useMemo, useRef, useState, useContext, useCallback, useEffect } from 'react';
+import { FormContext } from 'antd/es/form/context';
 
 const { useToken } = theme;
-function FloattingLabelBox({ focused, haveValue, label, children, width, height, status, }) {
+function FloattingLabelBox({ focused, haveValue, label, children, width, height, status, required, }) {
     const { token } = useToken();
     const statusColor = useMemo(() => {
         const colors = {
@@ -41,7 +42,7 @@ function FloattingLabelBox({ focused, haveValue, label, children, width, height,
                     transform: focused || haveValue
                         ? "translate(14px, -9px) scale(0.75)"
                         : `translate(1em, 0px) scale(1)`,
-                }, children: label }), jsx("fieldset", { style: {
+                }, children: required ? (jsxs("div", { style: { display: "flex", gap: "0.3em", alignItems: "center" }, children: [jsx("span", { children: label }), jsx("span", { style: { marginTop: "3px" }, children: "*" })] })) : (label) }), jsx("fieldset", { style: {
                     border: focused
                         ? `2px solid ${statusColor.borderColorActive}`
                         : `1px solid ${statusColor.borderColor}`,
@@ -51,371 +52,244 @@ function FloattingLabelBox({ focused, haveValue, label, children, width, height,
                     }, children: label }) })] }));
 }
 
-function FloatAutoComplete({ placeholder, onFocus, onBlur, value, defaultValue, style, size, onChange, ...restProps }) {
+function useValueHandle({ defaultValue, value, id, onFocus, onBlur }) {
     const initFlag = useRef(false);
     const [isFocus, setIsFocus] = useState(false);
+    const { form, name: formName } = useContext(FormContext);
     const [inputValue, setInputValue] = useState(defaultValue ?? value);
-    const handleFocus = useCallback((e) => {
+    const changeValue = Form.useWatch(formName ? id?.replace(formName + "_", "") : id, form);
+    const handleFocus = useCallback((...args) => {
         setIsFocus(true);
-        if (onFocus) {
-            onFocus(e);
+        if (typeof onFocus === "function") {
+            onFocus(...args);
         }
     }, [onFocus]);
-    const handleBlur = useCallback((e) => {
+    const handleBlur = useCallback((...args) => {
         setIsFocus(false);
-        setInputValue(e.target.value);
-        if (onBlur) {
-            onBlur(e);
+        if (typeof onBlur === "function") {
+            onBlur(args);
         }
     }, [onBlur]);
-    const handleChange = useCallback((value, option) => {
-        setInputValue(value);
-        if (onChange) {
-            onChange(value, option);
-        }
-    }, [onChange]);
     useEffect(() => {
         if (initFlag.current) {
             setInputValue(value);
         }
         initFlag.current = true;
-        return () => {
-            initFlag.current = false;
-        };
     }, [value]);
-    return (jsx(FloattingLabelBox, { label: placeholder, focused: isFocus, haveValue: !!inputValue, width: style?.width, height: style?.height, status: restProps.status || (restProps["aria-invalid"] ? "error" : undefined), children: jsx(AutoComplete, { style: {
+    useEffect(() => {
+        if (form && id) {
+            setInputValue(changeValue);
+        }
+    }, [changeValue, form]);
+    return {
+        hasValue: Array.isArray(inputValue) ? inputValue.length > 0 : typeof value === "number" ? true : !!inputValue,
+        handleChange: setInputValue,
+        handleFocus,
+        handleBlur,
+        isFocus
+    };
+}
+
+function FloatAutoComplete({ placeholder, onFocus, onBlur, value, defaultValue, style, onChange, required, ...restProps }) {
+    const { hasValue, handleChange, handleBlur, handleFocus, isFocus } = useValueHandle({
+        id: restProps.id,
+        defaultValue,
+        value,
+        onFocus,
+        onBlur,
+    });
+    const changeHandler = useCallback((value, option) => {
+        handleChange(value);
+        if (onChange) {
+            onChange(value, option);
+        }
+    }, [onChange]);
+    return (jsx(FloattingLabelBox, { label: placeholder, required: required, focused: isFocus, haveValue: hasValue, width: style?.width, height: style?.height, status: restProps.status || (restProps["aria-invalid"] ? "error" : undefined), children: jsx(AutoComplete, { style: {
                 width: "100%",
                 ...style,
                 border: "none",
-            }, variant: "borderless", ...restProps, onFocus: handleFocus, onBlur: handleBlur, value: value, defaultValue: defaultValue, size: size, onChange: handleChange, rootClassName: "ant-float-label-form-auto-complete" }) }));
+            }, variant: "borderless", ...restProps, onFocus: handleFocus, onBlur: handleBlur, value: value, defaultValue: defaultValue, onChange: changeHandler, rootClassName: "ant-float-label-form-auto-complete" }) }));
 }
 
-function FloatCascader({ placeholder, onFocus, onBlur, value, defaultValue, style, size, onChange, ...restProps }) {
-    const initFlag = useRef(false);
-    const [isFocus, setIsFocus] = useState(false);
-    const [inputValue, setInputValue] = useState(defaultValue ?? value);
-    const handleFocus = useCallback((e) => {
-        setIsFocus(true);
-        if (onFocus) {
-            onFocus(e);
-        }
-    }, [onFocus]);
-    const handleBlur = useCallback((e) => {
-        setIsFocus(false);
-        if (onBlur) {
-            onBlur(e);
-        }
-    }, [onBlur]);
-    const handleChange = useCallback((value, selectedOptions) => {
-        setInputValue(value);
+function FloatCascader({ placeholder, onFocus, onBlur, value, defaultValue, style, required, onChange, ...restProps }) {
+    const { hasValue, handleChange, handleBlur, handleFocus, isFocus } = useValueHandle({
+        id: restProps.id,
+        defaultValue,
+        value,
+        onFocus,
+        onBlur,
+    });
+    const changehandler = useCallback((value, selectedOptions) => {
+        handleChange(value);
         if (onChange) {
             onChange(value, selectedOptions);
         }
     }, [onChange]);
-    useEffect(() => {
-        if (initFlag.current) {
-            setInputValue(value);
-        }
-        initFlag.current = true;
-        return () => {
-            initFlag.current = false;
-        };
-    }, [value]);
-    const haveValue = useMemo(() => {
-        const currValue = Array.isArray(inputValue) && inputValue.length === 0
-            ? undefined
-            : inputValue;
-        return !!currValue;
-    }, [inputValue]);
-    return (jsx(FloattingLabelBox, { label: placeholder, focused: isFocus, haveValue: haveValue, width: style?.width, height: style?.height, status: restProps.status || (restProps["aria-invalid"] ? "error" : undefined), children: jsx(Cascader, { style: { ...style, width: "100%", border: "none" }, variant: "borderless", ...restProps, onFocus: handleFocus, onBlur: handleBlur, value: value, defaultValue: defaultValue, size: size, onChange: handleChange, rootClassName: "ant-float-label-form-select" }) }));
+    return (jsx(FloattingLabelBox, { label: placeholder, focused: isFocus, haveValue: hasValue, width: style?.width, height: style?.height, required: required, status: restProps.status || (restProps["aria-invalid"] ? "error" : undefined), children: jsx(Cascader, { style: { ...style, width: "100%", border: "none" }, variant: "borderless", ...restProps, onFocus: handleFocus, onBlur: handleBlur, value: value, defaultValue: defaultValue, onChange: changehandler, rootClassName: "ant-float-label-form-select" }) }));
 }
 
-function FloatDatePicker({ placeholder, onFocus, onBlur, value, defaultValue, style, size, onChange, ...restProps }) {
-    const initFlag = useRef(false);
-    const [isFocus, setIsFocus] = useState(false);
-    const [inputValue, setInputValue] = useState(defaultValue ?? value);
-    const handleFocus = useCallback((event, info) => {
-        setIsFocus(true);
-        if (onFocus) {
-            onFocus(event, info);
-        }
-    }, [onFocus]);
-    const handleBlur = useCallback((event, info) => {
-        setIsFocus(false);
-        if (onBlur) {
-            onBlur(event, info);
-        }
-    }, [onBlur]);
-    const handleChange = useCallback((value, dateString) => {
-        setInputValue(value);
+function FloatDatePicker({ placeholder, onFocus, onBlur, value, defaultValue, style, required, onChange, ...restProps }) {
+    const { hasValue, handleChange, handleBlur, handleFocus, isFocus } = useValueHandle({
+        id: restProps.id,
+        defaultValue,
+        value,
+        onFocus,
+        onBlur,
+    });
+    const changeHandler = useCallback((value, dateString) => {
+        handleChange(value);
         if (onChange) {
             onChange(value, dateString);
         }
     }, [onChange]);
-    useEffect(() => {
-        if (initFlag.current) {
-            setInputValue(value);
-        }
-        initFlag.current = true;
-        return () => {
-            initFlag.current = false;
-        };
-    }, [value]);
-    return (jsx(FloattingLabelBox, { label: placeholder, focused: isFocus, haveValue: !!inputValue, width: style?.width, height: style?.height, status: restProps.status || (restProps["aria-invalid"] ? "error" : undefined), children: jsx(DatePicker, { style: { ...style, width: "100%", border: "none" }, variant: "borderless", ...restProps, onFocus: handleFocus, onBlur: handleBlur, value: value, defaultValue: defaultValue, size: size, onChange: handleChange, rootClassName: "ant-float-label-form-picker", placeholder: "" }) }));
+    return (jsx(FloattingLabelBox, { label: placeholder, focused: isFocus, haveValue: hasValue, width: style?.width, height: style?.height, status: restProps.status || (restProps["aria-invalid"] ? "error" : undefined), required: required, children: jsx(DatePicker, { style: { ...style, width: "100%", border: "none" }, variant: "borderless", ...restProps, onFocus: handleFocus, onBlur: handleBlur, value: value, defaultValue: defaultValue, onChange: changeHandler, rootClassName: "ant-float-label-form-picker", placeholder: "" }) }));
 }
 
-function FloatInput({ placeholder, onFocus, onBlur, value, defaultValue, style, size, ...restProps }) {
-    const initFlag = useRef(false);
-    const [isFocus, setIsFocus] = useState(false);
-    const [inputValue, setInputValue] = useState(defaultValue ?? value);
-    const handleFocus = useCallback((e) => {
-        setIsFocus(true);
-        if (onFocus) {
-            onFocus(e);
-        }
-    }, [onFocus]);
-    const handleBlur = useCallback((e) => {
-        setIsFocus(false);
-        setInputValue(e.target.value);
-        if (onBlur) {
-            onBlur(e);
-        }
-    }, [onBlur]);
-    useEffect(() => {
-        if (initFlag.current) {
-            setInputValue(value);
+function FloatInput({ placeholder, onFocus, onBlur, onChange, value, defaultValue, style, size, required, ...restProps }) {
+    const { hasValue, handleChange, handleBlur, handleFocus, isFocus } = useValueHandle({
+        id: restProps.id,
+        defaultValue,
+        value,
+        onFocus,
+        onBlur,
+    });
+    const changeHandler = useCallback((e) => {
+        handleChange(e.target.value);
+        if (onChange) {
+            onChange(e);
         }
-        initFlag.current = true;
-        return () => {
-            initFlag.current = false;
-        };
-    }, [value]);
-    return (jsx(FloattingLabelBox, { label: placeholder, focused: isFocus, haveValue: !!inputValue, width: style?.width, height: style?.height, status: restProps.status || (restProps["aria-invalid"] ? "error" : undefined), children: jsx(Input, { style: { ...style, width: "100%", border: "none" }, variant: "borderless", ...restProps, onFocus: handleFocus, onBlur: handleBlur, value: value, defaultValue: defaultValue, size: size }) }));
+    }, [onChange]);
+    return (jsx(FloattingLabelBox, { label: placeholder, focused: isFocus, haveValue: hasValue, width: style?.width, height: style?.height, required: required, status: restProps.status || (restProps["aria-invalid"] ? "error" : undefined), children: jsx(Input, { style: { ...style, width: "100%", border: "none" }, variant: "borderless", ...restProps, onFocus: handleFocus, onBlur: handleBlur, value: value, defaultValue: defaultValue, onChange: changeHandler, size: size }) }));
 }
 
-function FloatInputNumber({ placeholder, onFocus, onBlur, value, defaultValue, style, size, ...restProps }) {
-    const initFlag = useRef(false);
-    const [isFocus, setIsFocus] = useState(false);
-    const [inputValue, setInputValue] = useState(defaultValue ?? value);
-    const handleFocus = useCallback((e) => {
-        setIsFocus(true);
-        if (onFocus) {
-            onFocus(e);
-        }
-    }, [onFocus]);
-    const handleBlur = useCallback((e) => {
-        setIsFocus(false);
-        setInputValue(e.target.value);
-        if (onBlur) {
-            onBlur(e);
-        }
-    }, [onBlur]);
-    useEffect(() => {
-        if (initFlag.current) {
-            setInputValue(value);
+function FloatInputNumber({ placeholder, onFocus, onBlur, value, defaultValue, style, onChange, required, ...restProps }) {
+    const { hasValue, handleChange, handleBlur, handleFocus, isFocus } = useValueHandle({
+        id: restProps.id,
+        defaultValue,
+        value,
+        onFocus,
+        onBlur,
+    });
+    const changeHanlder = useCallback((value) => {
+        handleChange(value);
+        if (onChange) {
+            onChange(value);
         }
-        initFlag.current = true;
-        return () => {
-            initFlag.current = false;
-        };
-    }, [value]);
-    return (jsx(FloattingLabelBox, { label: placeholder, focused: isFocus, haveValue: !!inputValue, width: style?.width, height: style?.height, status: restProps.status || (restProps["aria-invalid"] ? "error" : undefined), children: jsx(InputNumber, { style: { ...style, width: "100%", border: "none" }, variant: "borderless", ...restProps, onFocus: handleFocus, onBlur: handleBlur, value: value, defaultValue: defaultValue, size: size, rootClassName: "ant-float-label-form-input-number" }) }));
+    }, [onChange]);
+    return (jsx(FloattingLabelBox, { label: placeholder, focused: isFocus, haveValue: hasValue, width: style?.width, height: style?.height, required: required, status: restProps.status || (restProps["aria-invalid"] ? "error" : undefined), children: jsx(InputNumber, { style: { ...style, width: "100%", border: "none" }, variant: "borderless", ...restProps, onFocus: handleFocus, onBlur: handleBlur, value: value, defaultValue: defaultValue, onChange: changeHanlder, rootClassName: "ant-float-label-form-input-number" }) }));
 }
 
 const { RangePicker } = DatePicker;
-function FloatRangePicker({ placeholder, onFocus, onBlur, value, defaultValue, style, onChange, ...restProps }) {
-    const initFlag = useRef(false);
-    const [isFocus, setIsFocus] = useState(false);
-    const [inputValue, setInputValue] = useState(defaultValue ?? value);
-    const handleFocus = useCallback((event, info) => {
-        setIsFocus(true);
-        if (onFocus) {
-            onFocus(event, info);
-        }
-    }, [onFocus]);
-    const handleBlur = useCallback((event, info) => {
-        setIsFocus(false);
-        if (onBlur) {
-            onBlur(event, info);
-        }
-    }, [onBlur]);
-    const handleChange = useCallback((value, dateString) => {
-        setInputValue(value);
+function FloatRangePicker({ placeholder, onFocus, onBlur, value, defaultValue, style, onChange, required, ...restProps }) {
+    const { hasValue, handleChange, handleBlur, handleFocus, isFocus } = useValueHandle({
+        id: restProps.id?.toString(),
+        defaultValue,
+        value,
+        onFocus,
+        onBlur,
+    });
+    const changeHandler = useCallback((value, dateString) => {
+        handleChange(value);
         if (onChange) {
             onChange(value, dateString);
         }
     }, [onChange]);
-    useEffect(() => {
-        if (initFlag.current) {
-            setInputValue(value);
-        }
-        initFlag.current = true;
-        return () => {
-            initFlag.current = false;
-        };
-    }, [value]);
     const haveValue = useMemo(() => {
-        return !!(isFocus || inputValue);
-    }, [inputValue, isFocus]);
-    return (jsx(FloattingLabelBox, { label: haveValue && placeholder ? placeholder.join(" - ") : "", focused: isFocus, haveValue: haveValue, width: style?.width, height: style?.height, status: restProps.status || (restProps["aria-invalid"] ? "error" : undefined), children: jsx(RangePicker, { style: { ...style, width: "100%", border: "none" }, variant: "borderless", ...restProps, onFocus: handleFocus, onBlur: handleBlur, value: value, defaultValue: defaultValue, onChange: handleChange, rootClassName: "ant-float-label-form-picker", placeholder: haveValue ? ["", ""] : placeholder }) }));
+        return isFocus || hasValue;
+    }, [hasValue, isFocus]);
+    return (jsx(FloattingLabelBox, { label: haveValue && placeholder ? placeholder.join(" - ") : "", focused: isFocus, haveValue: haveValue, width: style?.width, height: style?.height, required: required, status: restProps.status || (restProps["aria-invalid"] ? "error" : undefined), children: jsx(RangePicker, { style: { ...style, width: "100%", border: "none" }, variant: "borderless", ...restProps, onFocus: handleFocus, onBlur: handleBlur, value: value, defaultValue: defaultValue, onChange: changeHandler, rootClassName: "ant-float-label-form-picker", placeholder: hasValue ? ["", ""] : placeholder }) }));
 }
 
-function FloatSelect({ placeholder, onFocus, onBlur, value, defaultValue, style, size, mode, onChange, ...restProps }) {
-    const initFlag = useRef(false);
-    const [isFocus, setIsFocus] = useState(false);
-    const [inputValue, setInputValue] = useState(defaultValue ?? value);
-    const handleFocus = useCallback((e) => {
-        setIsFocus(true);
-        if (onFocus) {
-            onFocus(e);
-        }
-    }, [onFocus]);
-    const handleBlur = useCallback((e) => {
-        setIsFocus(false);
-        if (onBlur) {
-            onBlur(e);
-        }
-    }, [onBlur]);
-    const handleChange = useCallback((value, option) => {
-        setInputValue(value);
+function FloatSelect({ placeholder, onFocus, onBlur, value, defaultValue, style, size, mode, onChange, required, ...restProps }) {
+    const { hasValue, handleChange, handleBlur, handleFocus, isFocus } = useValueHandle({
+        id: restProps.id?.toString(),
+        defaultValue,
+        value,
+        onFocus,
+        onBlur,
+    });
+    const changeHandler = useCallback((value, option) => {
+        handleChange(value);
         if (onChange) {
             onChange(value, option);
         }
     }, [onChange]);
-    useEffect(() => {
-        if (initFlag.current) {
-            setInputValue(value);
-        }
-        initFlag.current = true;
-        return () => {
-            initFlag.current = false;
-        };
-    }, [value]);
-    const haveValue = useMemo(() => {
-        const currValue = Array.isArray(inputValue) && inputValue.length === 0
-            ? undefined
-            : inputValue;
-        return !!currValue;
-    }, [inputValue]);
-    return (jsx(FloattingLabelBox, { label: placeholder, focused: isFocus, haveValue: haveValue, width: style?.width, height: style?.height, status: restProps.status || (restProps["aria-invalid"] ? "error" : undefined), children: jsx(Select, { style: { ...style, width: "100%", border: "none" }, variant: "borderless", ...restProps, onFocus: handleFocus, onBlur: handleBlur, value: value, defaultValue: defaultValue, size: size, onChange: handleChange, mode: mode, rootClassName: "ant-float-label-form-select" }) }));
+    return (jsx(FloattingLabelBox, { label: placeholder, focused: isFocus, haveValue: hasValue, width: style?.width, height: style?.height, required: required, status: restProps.status || (restProps["aria-invalid"] ? "error" : undefined), children: jsx(Select, { style: { ...style, width: "100%", border: "none" }, variant: "borderless", ...restProps, onFocus: handleFocus, onBlur: handleBlur, value: value, defaultValue: defaultValue, size: size, onChange: changeHandler, mode: mode, rootClassName: "ant-float-label-form-select" }) }));
 }
 
-function FloatTimePicker({ placeholder, onFocus, onBlur, value, defaultValue, style, size, mode, onChange, ...restProps }) {
-    const initFlag = useRef(false);
-    const [isFocus, setIsFocus] = useState(false);
-    const [inputValue, setInputValue] = useState(defaultValue ?? value);
-    const handleFocus = useCallback((e, info) => {
-        setIsFocus(true);
-        if (onFocus) {
-            onFocus(e, info);
-        }
-    }, [onFocus]);
-    const handleBlur = useCallback((e, info) => {
-        setIsFocus(false);
-        if (onBlur) {
-            onBlur(e, info);
-        }
-    }, [onBlur]);
-    const handleChange = useCallback((value, option) => {
-        setInputValue(value);
+function FloatTimePicker({ placeholder, onFocus, onBlur, value, defaultValue, style, size, mode, onChange, required, ...restProps }) {
+    const { hasValue, handleChange, handleBlur, handleFocus, isFocus } = useValueHandle({
+        id: restProps.id?.toString(),
+        defaultValue,
+        value,
+        onFocus,
+        onBlur,
+    });
+    const changeHandler = useCallback((value, option) => {
+        handleChange(value);
         if (onChange) {
             onChange(value, option);
         }
     }, [onChange]);
-    useEffect(() => {
-        if (initFlag.current) {
-            setInputValue(value);
-        }
-        initFlag.current = true;
-        return () => {
-            initFlag.current = false;
-        };
-    }, [value]);
-    const haveValue = useMemo(() => {
-        const currValue = Array.isArray(inputValue) && inputValue.length === 0
-            ? undefined
-            : inputValue;
-        return !!currValue;
-    }, [inputValue]);
-    return (jsx(FloattingLabelBox, { label: placeholder, focused: isFocus, haveValue: haveValue, width: style?.width, height: style?.height, status: restProps.status || (restProps["aria-invalid"] ? "error" : undefined), children: jsx(TimePicker, { style: {
+    return (jsx(FloattingLabelBox, { label: placeholder, focused: isFocus, haveValue: hasValue, width: style?.width, height: style?.height, required: required, status: restProps.status || (restProps["aria-invalid"] ? "error" : undefined), children: jsx(TimePicker, { style: {
                 ...style,
                 width: "100%",
                 border: "none",
-            }, variant: "borderless", ...restProps, onFocus: handleFocus, onBlur: handleBlur, value: value, defaultValue: defaultValue, size: size, onChange: handleChange, mode: mode, rootClassName: "ant-float-label-form-select", placeholder: "" }) }));
+            }, variant: "borderless", ...restProps, onFocus: handleFocus, onBlur: handleBlur, value: value, defaultValue: defaultValue, size: size, onChange: changeHandler, mode: mode, rootClassName: "ant-float-label-form-select", placeholder: "" }) }));
 }
 
-function FloatTreeSelect({ placeholder, onFocus, onBlur, value, defaultValue, style, size, onChange, ...restProps }) {
-    const initFlag = useRef(false);
-    const [isFocus, setIsFocus] = useState(false);
-    const [inputValue, setInputValue] = useState(defaultValue ?? value);
-    const handleFocus = useCallback((e) => {
-        setIsFocus(true);
-        if (onFocus) {
-            onFocus(e);
-        }
-    }, [onFocus]);
-    const handleBlur = useCallback((e) => {
-        setIsFocus(false);
-        if (onBlur) {
-            onBlur(e);
-        }
-    }, [onBlur]);
-    const handleChange = useCallback((value, labelList, extra) => {
-        setInputValue(value);
+function FloatTreeSelect({ placeholder, onFocus, onBlur, value, defaultValue, style, size, onChange, required, ...restProps }) {
+    const { hasValue, handleChange, handleBlur, handleFocus, isFocus } = useValueHandle({
+        id: restProps.id?.toString(),
+        defaultValue,
+        value,
+        onFocus,
+        onBlur,
+    });
+    const changeHandler = useCallback((value, labelList, extra) => {
+        handleChange(value);
         if (onChange) {
             onChange(value, labelList, extra);
         }
     }, [onChange]);
-    useEffect(() => {
-        if (initFlag.current) {
-            setInputValue(value);
-        }
-        initFlag.current = true;
-        return () => {
-            initFlag.current = false;
-        };
-    }, [value]);
-    const haveValue = useMemo(() => {
-        const currValue = Array.isArray(inputValue) && inputValue.length === 0
-            ? undefined
-            : inputValue;
-        return !!currValue;
-    }, [inputValue]);
-    return (jsx(FloattingLabelBox, { label: placeholder, focused: isFocus, haveValue: haveValue, width: style?.width, height: style?.height, status: restProps.status || (restProps["aria-invalid"] ? "error" : undefined), children: jsx(TreeSelect, { style: {
+    return (jsx(FloattingLabelBox, { label: placeholder, focused: isFocus, haveValue: hasValue, width: style?.width, height: style?.height, required: required, status: restProps.status || (restProps["aria-invalid"] ? "error" : undefined), children: jsx(TreeSelect, { style: {
                 ...style,
                 width: "100%",
                 border: "none",
-            }, variant: "borderless", ...restProps, onFocus: handleFocus, onBlur: handleBlur, value: value, defaultValue: defaultValue, size: size, onChange: handleChange, rootClassName: "ant-float-label-form-select" }) }));
+            }, variant: "borderless", ...restProps, onFocus: handleFocus, onBlur: handleBlur, value: value, defaultValue: defaultValue, size: size, onChange: changeHandler, rootClassName: "ant-float-label-form-select" }) }));
 }
 
 const { Password } = Input;
-function FloatPassword({ placeholder, onFocus, onBlur, value, defaultValue, style, size, ...restProps }) {
-    const initFlag = useRef(false);
-    const [isFocus, setIsFocus] = useState(false);
-    const [inputValue, setInputValue] = useState(defaultValue ?? value);
-    const handleFocus = useCallback((e) => {
-        setIsFocus(true);
-        if (onFocus) {
-            onFocus(e);
-        }
-    }, [onFocus]);
-    const handleBlur = useCallback((e) => {
-        setIsFocus(false);
-        setInputValue(e.target.value);
-        if (onBlur) {
-            onBlur(e);
-        }
-    }, [onBlur]);
-    useEffect(() => {
-        if (initFlag.current) {
-            setInputValue(value);
+function FloatPassword({ placeholder, onFocus, onBlur, value, defaultValue, style, onChange, required, ...restProps }) {
+    const { hasValue, handleChange, handleBlur, handleFocus, isFocus } = useValueHandle({
+        id: restProps.id,
+        defaultValue,
+        value,
+        onFocus,
+        onBlur,
+    });
+    const changeHanlder = useCallback((value) => {
+        handleChange(value);
+        if (onChange) {
+            onChange(value);
         }
-        initFlag.current = true;
-        return () => {
-            initFlag.current = false;
-        };
-    }, [value]);
-    return (jsx(FloattingLabelBox, { label: placeholder, focused: isFocus, haveValue: !!inputValue, width: style?.width, height: style?.height, status: restProps.status || (restProps["aria-invalid"] ? "error" : undefined), children: jsx(Password, { style: { ...style, width: "100%", border: "none" }, variant: "borderless", ...restProps, onFocus: handleFocus, onBlur: handleBlur, value: value, defaultValue: defaultValue, size: size, rootClassName: "ant-float-label-form-input-password" }) }));
+    }, [onChange]);
+    return (jsx(FloattingLabelBox, { label: placeholder, focused: isFocus, haveValue: hasValue, width: style?.width, height: style?.height, required: required, status: restProps.status || (restProps["aria-invalid"] ? "error" : undefined), children: jsx(Password, { style: { ...style, width: "100%", border: "none" }, variant: "borderless", ...restProps, onFocus: handleFocus, onBlur: handleBlur, value: value, defaultValue: defaultValue, onChange: changeHanlder, rootClassName: "ant-float-label-form-input-password" }) }));
+}
+
+function FloatFormItem({ children, label = "", rules, required, ...restProps }) {
+    const isRequired = useMemo(() => {
+        if (required)
+            return required;
+        return rules?.some((value) => value.required !== undefined && value.required !== false);
+    }, [required, rules]);
+    return (jsx(Form.Item, { required: required, rules: rules, ...restProps, children: children
+            ? React.cloneElement(children, {
+                placeholder: label,
+                required: isRequired,
+            })
+            : children }));
 }
 
-export { FloatAutoComplete, FloatCascader, FloatDatePicker, FloatInput, FloatInputNumber, FloatPassword, FloatRangePicker, FloatSelect, FloatTimePicker, FloatTreeSelect, FloattingLabelBox };
+export { FloatAutoComplete, FloatCascader, FloatDatePicker, FloatFormItem, FloatInput, FloatInputNumber, FloatPassword, FloatRangePicker, FloatSelect, FloatTimePicker, FloatTreeSelect, FloattingLabelBox };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/component/FloattingLabelBox/index.tsx","../src/hook/useValueHandle.ts","../src/component/FloatAutoComplete/index.tsx","../src/component/FloatCascader/index.tsx","../src/component/FloatDatePicker/index.tsx","../src/component/FloatInput/index.tsx","../src/component/FloatInputNumber/index.tsx","../src/component/FloatRangePicker/index.tsx","../src/component/FloatSelect/index.tsx","../src/component/FloatTimePicker/index.tsx","../src/component/FloatTreeSelect/index.tsx","../src/component/FloatPassword/index.tsx","../src/component/FloatFormItem/index.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/package.json

@@ -1,13 +1,13 @@
 {
   "name": "ant-float-label",
-  "version": "1.0.7",
+  "version": "1.1.1",
   "description": "Antd 5 form style similar to MUI",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "build": "rollup -c --bundleConfigAsCjs"
+    "build": "rollup -c --bundleConfigAsCjs --sourcemap"
   },
   "files": [
     "/dist",
@@ -26,8 +26,8 @@
     "typescript": "^5.4.3"
   },
   "dependencies": {
-    "antd": "^5.15.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "antd": "^5.20.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   }
 }

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "ant-float-label",
-  "version": "1.0.8",
+  "version": "1.1.1",
   "description": "Antd 5 form style similar to MUI",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "build": "rollup -c --bundleConfigAsCjs"
+    "build": "rollup -c --bundleConfigAsCjs --sourcemap"
   },
   "files": [
     "/dist",
@@ -26,8 +26,8 @@
     "typescript": "^5.4.3"
   },
   "dependencies": {
-    "antd": "^5.15.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "antd": "^5.20.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   }
 }