@web-fuse/wf-components 1.0.5 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Display/Card/DarkCard.Title.d.ts +2 -0
- package/dist/Display/Card/DarkCard.d.ts +4 -1
- package/dist/Display/Card/LightCard.Title.d.ts +2 -0
- package/dist/Display/Card/LightCard.d.ts +4 -1
- package/dist/Display/Card/index.d.ts +2 -2
- package/dist/Form/Form/Form.Item.d.ts +16 -0
- package/dist/Form/Form/Form.d.ts +8 -0
- package/dist/Form/Form/index.d.ts +14 -0
- package/dist/Form/Input/Input.Password.d.ts +14 -0
- package/dist/Form/Input/Input.Search.d.ts +8 -0
- package/dist/Form/Input/Input.TextArea.d.ts +8 -0
- package/dist/Form/Input/Input.d.ts +14 -0
- package/dist/Form/Input/index.d.ts +14 -0
- package/dist/Form/index.d.ts +4 -1
- package/dist/Layout/Main/MainSettings.d.ts +11 -1
- package/dist/Layout/Main/index.d.ts +3 -1
- package/dist/index.cjs.js +234 -98
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +14835 -1961
- package/dist/index.es.js.map +1 -1
- package/dist/util/index.d.ts +1 -0
- package/dist/util/randomstring.d.ts +5 -0
- package/dist/util/useMessageApi.d.ts +4 -0
- package/package.json +1 -1
- package/readme.md +6 -0
- package/dist/Form/Input.d.ts +0 -16
@@ -2,6 +2,8 @@
|
|
2
2
|
type CssColor = React.CSSProperties["color"];
|
3
3
|
export type DarkCardTitleProps = React.PropsWithChildren<{
|
4
4
|
titleColor?: CssColor;
|
5
|
+
strong?: boolean;
|
6
|
+
style?: React.CSSProperties;
|
5
7
|
}>;
|
6
8
|
declare const DarkCardTitle: React.FC<DarkCardTitleProps>;
|
7
9
|
export default DarkCardTitle;
|
@@ -1,10 +1,13 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import Title, { type DarkCardTitleProps } from "./DarkCard.Title";
|
3
|
-
export type DarkCardProps = React.PropsWithChildren<
|
3
|
+
export type DarkCardProps = React.PropsWithChildren<{
|
4
4
|
title?: React.ReactNode;
|
5
|
+
titleColor?: React.CSSProperties["color"];
|
6
|
+
style?: React.CSSProperties;
|
5
7
|
}>;
|
6
8
|
type DarkCardComponent = React.FC<DarkCardProps> & {
|
7
9
|
Title: typeof Title;
|
8
10
|
};
|
9
11
|
declare const DarkCard: DarkCardComponent;
|
12
|
+
export type { DarkCardTitleProps };
|
10
13
|
export default DarkCard;
|
@@ -2,6 +2,8 @@
|
|
2
2
|
type CssColor = React.CSSProperties["color"];
|
3
3
|
export type LightCardTitleProps = React.PropsWithChildren<{
|
4
4
|
titleColor?: CssColor;
|
5
|
+
strong?: boolean;
|
6
|
+
style?: React.CSSProperties;
|
5
7
|
}>;
|
6
8
|
declare const LightCardTitle: React.FC<LightCardTitleProps>;
|
7
9
|
export default LightCardTitle;
|
@@ -1,10 +1,13 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import Title, { LightCardTitleProps } from "./LightCard.Title";
|
3
|
-
export type LightCardProps = React.PropsWithChildren<
|
3
|
+
export type LightCardProps = React.PropsWithChildren<{
|
4
4
|
title?: React.ReactNode;
|
5
|
+
style?: React.CSSProperties;
|
6
|
+
titleColor?: React.CSSProperties["color"];
|
5
7
|
}>;
|
6
8
|
type LightCardComponent = React.FC<LightCardProps> & {
|
7
9
|
Title: typeof Title;
|
8
10
|
};
|
9
11
|
declare const LightCard: LightCardComponent;
|
12
|
+
export type { LightCardTitleProps };
|
10
13
|
export default LightCard;
|
@@ -1,4 +1,4 @@
|
|
1
1
|
export { default as LightCard } from "./LightCard";
|
2
|
-
export type { LightCardProps } from "./LightCard";
|
2
|
+
export type { LightCardProps, LightCardTitleProps } from "./LightCard";
|
3
3
|
export { default as DarkCard } from "./DarkCard";
|
4
|
-
export type { DarkCardProps } from "./DarkCard";
|
4
|
+
export type { DarkCardProps, DarkCardTitleProps } from "./DarkCard";
|
@@ -0,0 +1,16 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import AntFormItem, { FormItemProps as AntFormItemProps } from "antd/es/form/FormItem";
|
3
|
+
import { type HoverLabelProps } from "../HoverLabel";
|
4
|
+
type HoverTypeCustom = {
|
5
|
+
type: "hover";
|
6
|
+
} & Omit<HoverLabelProps, "name">;
|
7
|
+
export interface FormItemProps<Values = any> extends AntFormItemProps<Values> {
|
8
|
+
labelType?: "default" | "hover" | HoverTypeCustom;
|
9
|
+
}
|
10
|
+
type FormItemType<Values = any> = React.FC<FormItemProps<Values>>;
|
11
|
+
type CompoundedComponent = typeof InternalFormItem & {
|
12
|
+
useStatus: typeof AntFormItem.useStatus;
|
13
|
+
};
|
14
|
+
declare const InternalFormItem: FormItemType;
|
15
|
+
declare const FormItem: CompoundedComponent;
|
16
|
+
export default FormItem;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { type FormProps as AntFormProps, type FormInstance } from "antd/es/form/Form";
|
3
|
+
export type FormProps<Values = any> = AntFormProps<Values> & {
|
4
|
+
children: React.ReactNode;
|
5
|
+
};
|
6
|
+
type FormType<Values = any> = React.ForwardRefExoticComponent<React.PropsWithoutRef<FormProps<Values>> & React.RefAttributes<FormInstance<Values>>>;
|
7
|
+
declare const Form: FormType;
|
8
|
+
export default Form;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { Form as AntForm } from "antd";
|
2
|
+
import InternalForm, { type FormProps } from "./Form";
|
3
|
+
import FormItem, { type FormItemProps } from "./Form.Item";
|
4
|
+
type FormType = typeof InternalForm & {
|
5
|
+
Item: typeof FormItem;
|
6
|
+
List: typeof AntForm.List;
|
7
|
+
useForm: typeof AntForm.useForm;
|
8
|
+
useFormInstance: typeof AntForm.useFormInstance;
|
9
|
+
useWatch: typeof AntForm.useWatch;
|
10
|
+
Provider: typeof AntForm.Provider;
|
11
|
+
};
|
12
|
+
declare const Form: FormType;
|
13
|
+
export type { FormProps, FormItemProps };
|
14
|
+
export default Form;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { InputRef } from "antd";
|
3
|
+
import { PasswordProps as AntProps } from "antd/es/input/Password";
|
4
|
+
interface RandomizeOptions {
|
5
|
+
charCount?: number;
|
6
|
+
onRandomize?: (event: React.MouseEvent<HTMLSpanElement>) => void;
|
7
|
+
tooltip?: React.ReactNode | null;
|
8
|
+
}
|
9
|
+
export interface PasswordProps extends AntProps {
|
10
|
+
copy?: boolean;
|
11
|
+
randomize?: boolean | RandomizeOptions;
|
12
|
+
}
|
13
|
+
declare const Password: import("react").ForwardRefExoticComponent<PasswordProps & import("react").RefAttributes<InputRef>>;
|
14
|
+
export default Password;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { type SearchProps as AntSearchProps } from "antd/es/input/Search";
|
3
|
+
export interface SearchProps extends AntSearchProps {
|
4
|
+
}
|
5
|
+
declare const HtmlSearch: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<AntSearchProps & import("react").RefAttributes<import("rc-input").InputRef>, "ref"> & {
|
6
|
+
ref?: ((instance: import("rc-input").InputRef | null) => void) | import("react").RefObject<import("rc-input").InputRef> | null | undefined;
|
7
|
+
}, never>> & Omit<import("react").ForwardRefExoticComponent<AntSearchProps & import("react").RefAttributes<import("rc-input").InputRef>>, keyof import("react").Component<any, {}, any>>;
|
8
|
+
export default HtmlSearch;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { type TextAreaProps as AntTextAreaProps } from "antd/es/input/TextArea";
|
3
|
+
export interface TextAreaProps extends AntTextAreaProps {
|
4
|
+
}
|
5
|
+
declare const HtmlTextArea: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<AntTextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>, "ref"> & {
|
6
|
+
ref?: ((instance: import("antd/es/input/TextArea").TextAreaRef | null) => void) | import("react").RefObject<import("antd/es/input/TextArea").TextAreaRef> | null | undefined;
|
7
|
+
}, never>> & Omit<import("react").ForwardRefExoticComponent<AntTextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>, keyof import("react").Component<any, {}, any>>;
|
8
|
+
export default HtmlTextArea;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { InputProps as AntInputProps } from "antd";
|
3
|
+
export interface InputProps extends AntInputProps {
|
4
|
+
}
|
5
|
+
declare const HtmlInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<AntInputProps & import("react").RefAttributes<import("antd").InputRef>, "ref"> & {
|
6
|
+
ref?: ((instance: import("antd").InputRef | null) => void) | import("react").RefObject<import("antd").InputRef> | null | undefined;
|
7
|
+
}, never>> & Omit<import("react").ForwardRefExoticComponent<AntInputProps & import("react").RefAttributes<import("antd").InputRef>> & {
|
8
|
+
Group: import("react").FC<import("antd/es/input").GroupProps>;
|
9
|
+
Search: import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<import("antd").InputRef>>;
|
10
|
+
TextArea: import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
|
11
|
+
Password: import("react").ForwardRefExoticComponent<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef>>;
|
12
|
+
OTP: import("react").ForwardRefExoticComponent<import("antd/es/input/OTP").OTPProps & import("react").RefAttributes<import("antd/es/input/OTP").OTPRef>>;
|
13
|
+
}, keyof import("react").Component<any, {}, any>>;
|
14
|
+
export default HtmlInput;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { Input as AntInput } from "antd";
|
2
|
+
import InternalInput, { InputProps } from "./Input";
|
3
|
+
import Password, { type PasswordProps } from "./Input.Password";
|
4
|
+
import Search, { type SearchProps } from "./Input.Search";
|
5
|
+
import TextArea, { type TextAreaProps } from "./Input.TextArea";
|
6
|
+
type InputType = typeof InternalInput & {
|
7
|
+
TextArea: typeof TextArea;
|
8
|
+
Search: typeof Search;
|
9
|
+
Password: typeof Password;
|
10
|
+
OTP: typeof AntInput.OTP;
|
11
|
+
};
|
12
|
+
declare const Input: InputType;
|
13
|
+
export type { PasswordProps, SearchProps, TextAreaProps, InputProps };
|
14
|
+
export default Input;
|
package/dist/Form/index.d.ts
CHANGED
@@ -1,4 +1,7 @@
|
|
1
1
|
export * from "./Buttons";
|
2
2
|
export { default as HoverLabel } from "./HoverLabel";
|
3
3
|
export type { HoverLabelProps } from "./HoverLabel";
|
4
|
-
export { default as Input } from "./Input";
|
4
|
+
export { default as Input } from "./Input/index";
|
5
|
+
export type { InputProps, PasswordProps } from "./Input/index";
|
6
|
+
export { default as Form } from "./Form/index";
|
7
|
+
export type { FormProps, FormItemProps } from "./Form/index";
|
@@ -1,5 +1,15 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
|
2
|
+
import { type FlexProps } from "antd";
|
3
|
+
export declare const SettingsPadding: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
4
|
+
export declare const SettingsFlex: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>, "ref"> & {
|
5
|
+
ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
|
6
|
+
}, never>> & Omit<import("react").ForwardRefExoticComponent<FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
|
7
|
+
export interface MainSettingsProps {
|
8
|
+
flex?: boolean;
|
9
|
+
padding?: boolean;
|
10
|
+
flexProps?: FlexProps;
|
11
|
+
}
|
12
|
+
declare const MainSettings: import("react").ForwardRefExoticComponent<MainSettingsProps & {
|
3
13
|
children?: import("react").ReactNode;
|
4
14
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
5
15
|
export default MainSettings;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import MainSettings from "./MainSettings";
|
2
|
+
import MainSettings, { SettingsFlex, SettingsPadding } from "./MainSettings";
|
3
3
|
import MainSelector from "./MainSelector";
|
4
4
|
interface MainBaseProps {
|
5
5
|
overflow?: "scroll" | "visible";
|
@@ -9,6 +9,8 @@ export type MainProps = React.PropsWithChildren<MainBaseProps>;
|
|
9
9
|
type MainLayoutType = React.ForwardRefExoticComponent<MainProps & React.RefAttributes<HTMLDivElement>> & {
|
10
10
|
Settings: typeof MainSettings;
|
11
11
|
Selector: typeof MainSelector;
|
12
|
+
Padding: typeof SettingsPadding;
|
13
|
+
Flex: typeof SettingsFlex;
|
12
14
|
};
|
13
15
|
declare const MainLayout: MainLayoutType;
|
14
16
|
export default MainLayout;
|