x-ui-design 0.2.56 → 0.2.58

package/dist/esm/types/components/Button/Button.client.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ButtonProps } from '../../types/button';
+declare const ButtonClient: (props: ButtonProps) => React.JSX.Element;
+export default ButtonClient;

package/dist/esm/types/components/Button/Button.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement, ReactNode } from 'react';
+import { ButtonProps } from '../../types/button';
+import './style.css';
+declare const Button: ({ type, variant, color, shape, size, htmlType, className, rootClassName, classNames: customClassNames, styles, prefixCls, iconPosition, disabled, ghost, danger, block, children, href, iconNode, isLoading, ...restProps }: ButtonProps & {
+    iconNode?: ReactNode;
+    isLoading?: boolean;
+}) => ReactElement;
+export default Button;

package/dist/esm/types/components/Button/index.d.ts

@@ -0,0 +1 @@
+export { default as Button } from './Button';

package/dist/esm/types/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,23 @@
+import React, { MouseEvent } from 'react';
+import './style.css';
+declare const Checkbox: React.ForwardRefExoticComponent<import("../../types").DefaultProps & {
+    disabled?: boolean;
+    onChange?: (e: MouseEvent<HTMLInputElement> & import("../../types").TargetProps) => void;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLElement>;
+    onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
+    value?: boolean;
+    tabIndex?: number;
+    name?: string;
+    children?: React.ReactNode;
+    id?: string;
+    autoFocus?: boolean;
+    type?: string;
+    skipGroup?: boolean;
+    required?: boolean;
+    defaultChecked?: boolean;
+    checked?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export default Checkbox;

package/dist/esm/types/components/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export { default as Checkbox } from './Checkbox';

package/dist/esm/types/helpers/index.d.ts

@@ -0,0 +1,4 @@
+import { RuleType } from '../types';
+export declare const parseValue: (value: RuleType) => RuleType;
+export declare function createArray(length: number): number[];
+export declare function clsx(...args: RuleType[]): string;

package/dist/esm/types/index.d.ts

@@ -0,0 +1,22 @@
+import './styles/global.css';
+declare const Checkbox: import("react").ComponentType<import("./types").DefaultProps & {
+    disabled?: boolean;
+    onChange?: (e: import("react").MouseEvent<HTMLInputElement> & import("./types").TargetProps) => void;
+    onClick?: import("react").MouseEventHandler<HTMLElement>;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLElement>;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLElement>;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLElement>;
+    value?: boolean;
+    tabIndex?: number;
+    name?: string;
+    children?: import("react").ReactNode;
+    id?: string;
+    autoFocus?: boolean;
+    type?: string;
+    skipGroup?: boolean;
+    required?: boolean;
+    defaultChecked?: boolean;
+    checked?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export { Checkbox };

package/dist/esm/types/types/button.d.ts

@@ -0,0 +1,42 @@
+import { ButtonHTMLAttributes, CSSProperties, ReactNode } from 'react';
+export declare const ButtonTypes: readonly ["default", "primary", "dashed", "link", "text", "ghost"];
+export declare const ButtonShapes: readonly ["default", "circle", "round"];
+export declare const ButtonVariantTypes: readonly ["outlined", "dashed", "solid", "filled", "text", "link"];
+export declare const ButtonColorTypes: readonly ["default", "primary", "danger", "blue", "purple", "cyan", "green", "magenta", "pink", "red", "orange", "yellow", "volcano", "geekblue", "lime", "gold"];
+export type ButtonType = (typeof ButtonTypes)[number];
+export type ButtonShape = (typeof ButtonShapes)[number];
+export type ButtonVariantType = (typeof ButtonVariantTypes)[number];
+export type ButtonColorType = (typeof ButtonColorTypes)[number];
+export type SizeType = 'small' | 'middle' | 'large' | undefined;
+export type ButtonHTMLType = 'button' | 'submit' | 'reset';
+export interface BaseButtonProps {
+    type?: ButtonType;
+    color?: ButtonColorType;
+    variant?: ButtonVariantType;
+    icon?: ReactNode;
+    iconPosition?: 'start' | 'end';
+    shape?: ButtonShape;
+    size?: SizeType;
+    disabled?: boolean;
+    loading?: boolean | {
+        delay?: number;
+        icon?: ReactNode;
+    };
+    prefixCls?: string;
+    className?: string;
+    rootClassName?: string;
+    ghost?: boolean;
+    danger?: boolean;
+    block?: boolean;
+    children?: ReactNode;
+    classNames?: {
+        icon?: string;
+    };
+    styles?: {
+        icon?: CSSProperties;
+    };
+}
+export interface ButtonProps extends BaseButtonProps, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'type'> {
+    href?: string;
+    htmlType?: ButtonHTMLType;
+}

package/dist/esm/types/types/checkbox.d.ts

@@ -0,0 +1,22 @@
+import { KeyboardEventHandler, MouseEvent, MouseEventHandler, ReactNode } from 'react';
+import { DefaultProps, TargetProps } from '.';
+export type CheckboxProps = DefaultProps & {
+    disabled?: boolean;
+    onChange?: (e: MouseEvent<HTMLInputElement> & TargetProps) => void;
+    onClick?: MouseEventHandler<HTMLElement>;
+    onMouseEnter?: MouseEventHandler<HTMLElement>;
+    onMouseLeave?: MouseEventHandler<HTMLElement>;
+    onKeyPress?: KeyboardEventHandler<HTMLElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLElement>;
+    value?: boolean;
+    tabIndex?: number;
+    name?: string;
+    children?: ReactNode;
+    id?: string;
+    autoFocus?: boolean;
+    type?: string;
+    skipGroup?: boolean;
+    required?: boolean;
+    defaultChecked?: boolean;
+    checked?: boolean;
+};

package/dist/esm/types/types/index.d.ts

@@ -0,0 +1,25 @@
+import { CSSProperties, MouseEvent } from 'react';
+export type RuleType = any;
+export type RuleTypes = RuleType | RuleType[];
+export type SizeType = 'small' | 'middle' | 'large';
+export type MouseEventHandlerSelect = MouseEvent<HTMLDivElement> & TargetProps;
+export interface DefaultProps {
+    prefixCls?: string;
+    className?: string;
+    style?: CSSProperties;
+    noStyle?: boolean;
+}
+export type TargetProps = {
+    target: {
+        value: RuleType;
+    };
+};
+export type SyntheticBaseEvent = {
+    target: EventTarget & {
+        value: RuleType;
+    };
+    nativeEvent?: Event & {
+        data?: string | null;
+    };
+    currentTarget: EventTarget;
+};

package/dist/esm/types/utils/index.d.ts

@@ -0,0 +1,14 @@
+export declare const prefixClsForm = "xUi-form";
+export declare const prefixClsFormItem = "xUi-form-item";
+export declare const prefixClsEmpty = "xUi-empty";
+export declare const prefixClsInput = "xUi-input";
+export declare const prefixClsSelect = "xUi-select";
+export declare const prefixClsCheckbox = "xUi-checkbox";
+export declare const prefixClsRadio = "xUi-radio";
+export declare const prefixClsTextArea = "xUi-textarea";
+export declare const prefixClsUpload = "xUi-upload";
+export declare const prefixClsDatePicker = "xUi-datepicker";
+export declare const prefixClsRangePicker = "xUi-rangepicker";
+export declare const prefixClsTimePicker = "xUi-timepicker";
+export declare const prefixClsButton = "xUi-button";
+export declare const prefixClsSkeleton = "xUi-skeleton";

package/dist/index.d.ts

@@ -0,0 +1,38 @@
+import * as react from 'react';
+import { CSSProperties } from 'react';
+
+type RuleType = any;
+interface DefaultProps {
+    prefixCls?: string;
+    className?: string;
+    style?: CSSProperties;
+    noStyle?: boolean;
+}
+type TargetProps = {
+    target: {
+        value: RuleType;
+    };
+};
+
+declare const Checkbox: react.ComponentType<DefaultProps & {
+    disabled?: boolean;
+    onChange?: (e: react.MouseEvent<HTMLInputElement> & TargetProps) => void;
+    onClick?: react.MouseEventHandler<HTMLElement>;
+    onMouseEnter?: react.MouseEventHandler<HTMLElement>;
+    onMouseLeave?: react.MouseEventHandler<HTMLElement>;
+    onKeyPress?: react.KeyboardEventHandler<HTMLElement>;
+    onKeyDown?: react.KeyboardEventHandler<HTMLElement>;
+    value?: boolean;
+    tabIndex?: number;
+    name?: string;
+    children?: react.ReactNode;
+    id?: string;
+    autoFocus?: boolean;
+    type?: string;
+    skipGroup?: boolean;
+    required?: boolean;
+    defaultChecked?: boolean;
+    checked?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+
+export { Checkbox };