@nutui/nutui-react 2.0.0-alpha.1 → 2.0.0-alpha.11

package/dist/esm/types/src/packages/drag/index.taro.d.ts

@@ -0,0 +1,3 @@
+import { Drag } from './drag.taro';
+export type { DragProps } from './drag.taro';
+export default Drag;

package/dist/esm/types/src/packages/elevator/__tests__/elevator.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/types/src/packages/elevator/demo.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './demo.scss';
+declare const ElevatorDemo: () => JSX.Element;
+export default ElevatorDemo;

package/dist/esm/types/src/packages/elevator/demo.taro.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import '@/packages/elevator/demo.scss';
+declare const ElevatorDemo: () => JSX.Element;
+export default ElevatorDemo;

package/dist/esm/types/src/packages/elevator/elevator.d.ts

@@ -0,0 +1,24 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export declare const elevatorContext: React.Context<ElevatorData>;
+export interface ElevatorProps extends BasicComponent {
+    height: number | string;
+    floorKey: string;
+    list: any[];
+    sticky: boolean;
+    spaceHeight: number;
+    titleHeight: number;
+    showKeys: boolean;
+    children: React.ReactNode;
+    onClickItem: (key: string, item: ElevatorData) => void;
+    onClickIndex: (key: string) => void;
+}
+interface ElevatorData {
+    name: string;
+    id: number | string;
+    [key: string]: string | number;
+}
+export declare const Elevator: FunctionComponent<Partial<ElevatorProps> & React.HTMLAttributes<HTMLDivElement>> & {
+    Context: typeof elevatorContext;
+};
+export {};

package/dist/esm/types/src/packages/elevator/elevator.taro.d.ts

@@ -0,0 +1,24 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export declare const elevatorContext: React.Context<ElevatorData>;
+export interface ElevatorProps extends BasicComponent {
+    height: number | string;
+    floorKey: string;
+    list: any[];
+    sticky: boolean;
+    spaceHeight: number;
+    titleHeight: number;
+    showKeys: boolean;
+    children: React.ReactNode;
+    onClickItem: (key: string, item: ElevatorData) => void;
+    onClickIndex: (key: string) => void;
+}
+interface ElevatorData {
+    name: string;
+    id: number | string;
+    [key: string]: string | number;
+}
+export declare const Elevator: FunctionComponent<Partial<ElevatorProps> & React.HTMLAttributes<HTMLDivElement>> & {
+    Context: typeof elevatorContext;
+};
+export {};

package/dist/esm/types/src/packages/elevator/index.d.ts

@@ -0,0 +1,3 @@
+import { Elevator } from './elevator';
+export type { ElevatorProps } from './elevator';
+export default Elevator;

package/dist/esm/types/src/packages/elevator/index.taro.d.ts

@@ -0,0 +1,3 @@
+import { Elevator } from './elevator.taro';
+export type { ElevatorProps } from './elevator.taro';
+export default Elevator;

package/dist/esm/types/src/packages/ellipsis/__test__/ellipsis.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/types/src/packages/ellipsis/demo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const EllipsisDemo: () => JSX.Element;
+export default EllipsisDemo;

package/dist/esm/types/src/packages/ellipsis/demo.taro.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const EllipsisDemo: () => JSX.Element;
+export default EllipsisDemo;

package/dist/esm/types/src/packages/ellipsis/ellipsis.d.ts

@@ -0,0 +1,15 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export type EllipsisDirection = 'start' | 'end' | 'middle';
+export interface EllipsisProps extends BasicComponent {
+    content: string;
+    direction: EllipsisDirection;
+    rows: number | string;
+    expandText: string;
+    collapseText: string;
+    symbol: string;
+    lineHeight: number | string;
+    onClick: () => void;
+    onChange: (type: string) => void;
+}
+export declare const Ellipsis: FunctionComponent<Partial<EllipsisProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange'>>;

package/dist/esm/types/src/packages/ellipsis/ellipsis.taro.d.ts

@@ -0,0 +1,15 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export type EllipsisDirection = 'start' | 'end' | 'middle';
+export interface EllipsisProps extends BasicComponent {
+    content: string;
+    direction: EllipsisDirection;
+    rows: number | string;
+    expandText: string;
+    collapseText: string;
+    symbol: string;
+    lineHeight: number | string;
+    onClick: () => void;
+    onChange: (type: string) => void;
+}
+export declare const Ellipsis: FunctionComponent<Partial<EllipsisProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange'>>;

package/dist/esm/types/src/packages/ellipsis/index.d.ts

@@ -0,0 +1,3 @@
+import { Ellipsis } from './ellipsis';
+export type { EllipsisProps, EllipsisDirection } from './ellipsis';
+export default Ellipsis;

package/dist/esm/types/src/packages/ellipsis/index.taro.d.ts

@@ -0,0 +1,3 @@
+import { Ellipsis } from './ellipsis.taro';
+export type { EllipsisProps, EllipsisDirection } from './ellipsis.taro';
+export default Ellipsis;

package/dist/esm/types/src/packages/empty/__test__/empty.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/types/src/packages/empty/demo.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './demo.scss';
+declare const EmptyDemo: () => JSX.Element;
+export default EmptyDemo;

package/dist/esm/types/src/packages/empty/demo.taro.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import '@/packages/empty/demo.scss';
+declare const EmptyDemo: () => JSX.Element;
+export default EmptyDemo;

package/dist/esm/types/src/packages/empty/empty.d.ts

@@ -0,0 +1,9 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export interface EmptyProps extends BasicComponent {
+    image?: ReactNode;
+    imageSize: number | string;
+    description: ReactNode;
+    status: 'empty' | 'error' | 'network';
+}
+export declare const Empty: FunctionComponent<Partial<EmptyProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/esm/types/src/packages/empty/empty.taro.d.ts

@@ -0,0 +1,9 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export interface EmptyProps extends BasicComponent {
+    image?: ReactNode;
+    imageSize: number | string;
+    description: ReactNode;
+    status: 'empty' | 'error' | 'network';
+}
+export declare const Empty: FunctionComponent<Partial<EmptyProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/esm/types/src/packages/empty/index.d.ts

@@ -0,0 +1,3 @@
+import { Empty } from './empty';
+export type { EmptyProps } from './empty';
+export default Empty;

package/dist/esm/types/src/packages/empty/index.taro.d.ts

@@ -0,0 +1,3 @@
+import { Empty } from './empty.taro';
+export type { EmptyProps } from './empty';
+export default Empty;

package/dist/esm/types/src/packages/fixednav/__tests__/fixednav.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/types/src/packages/fixednav/demo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const FixedNavDemo: () => JSX.Element;
+export default FixedNavDemo;

package/dist/esm/types/src/packages/fixednav/demo.taro.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const FixedNavDemo: () => JSX.Element;
+export default FixedNavDemo;

package/dist/esm/types/src/packages/fixednav/fixednav.d.ts

@@ -0,0 +1,20 @@
+import React, { FunctionComponent, MouseEvent } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export type FixedNavDirection = 'right' | 'left';
+export type FixedNavPosition = {
+    top?: string;
+    bottom?: string;
+};
+export interface FixedNavProps extends BasicComponent {
+    visible: boolean;
+    overlay: boolean;
+    list: Array<any>;
+    activeText: string;
+    inactiveText: string;
+    position: FixedNavPosition;
+    type: FixedNavDirection;
+    onChange: (item: any) => void;
+    onSelect: (item: any, event: MouseEvent) => void;
+    content: React.ReactNode;
+}
+export declare const FixedNav: FunctionComponent<Partial<FixedNavProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect' | 'content'>>;

package/dist/esm/types/src/packages/fixednav/fixednav.taro.d.ts

@@ -0,0 +1,20 @@
+import React, { FunctionComponent, MouseEvent } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export type FixedNavDirection = 'right' | 'left';
+export type FixedNavPosition = {
+    top?: string;
+    bottom?: string;
+};
+export interface FixedNavProps extends BasicComponent {
+    visible: boolean;
+    overlay: boolean;
+    list: Array<any>;
+    activeText: string;
+    inactiveText: string;
+    position: FixedNavPosition;
+    type: FixedNavDirection;
+    onChange: (item: any) => void;
+    onSelect: (item: any, event: MouseEvent) => void;
+    content: React.ReactNode;
+}
+export declare const FixedNav: FunctionComponent<Partial<FixedNavProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect' | 'content'>>;

package/dist/esm/types/src/packages/fixednav/index.d.ts

@@ -0,0 +1,3 @@
+import { FixedNav } from './fixednav';
+export type { FixedNavProps, FixedNavDirection, FixedNavPosition, } from './fixednav';
+export default FixedNav;

package/dist/esm/types/src/packages/fixednav/index.taro.d.ts

@@ -0,0 +1,3 @@
+import { FixedNav } from './fixednav.taro';
+export type { FixedNavProps, FixedNavDirection, FixedNavPosition, } from './fixednav.taro';
+export default FixedNav;

package/dist/esm/types/src/packages/form/demo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const FormDemo: () => JSX.Element;
+export default FormDemo;

package/dist/esm/types/src/packages/form/demo.taro.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const FormDemo: () => JSX.Element;
+export default FormDemo;

package/dist/esm/types/src/packages/form/form.d.ts

@@ -0,0 +1,12 @@
+import React, { FunctionComponent } from 'react';
+import { useForm } from './useForm';
+import { BasicComponent } from '@/utils/typings';
+import { FormItem } from '../formitem/formitem';
+import { BaseForm } from './types';
+export interface FormProps extends BasicComponent, BaseForm {
+}
+export declare const Form: FunctionComponent<Partial<FormProps> & React.HTMLAttributes<HTMLFormElement>> & {
+    Item: typeof FormItem;
+} & {
+    useForm: typeof useForm;
+};

package/dist/esm/types/src/packages/form/form.taro.d.ts

@@ -0,0 +1,9 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '@/utils/typings';
+import FormItem from '@/packages/formitem/index.taro';
+import { BaseForm } from './types';
+export interface FormProps extends BasicComponent, BaseForm {
+}
+export declare const Form: FunctionComponent<Partial<FormProps> & React.HTMLAttributes<HTMLFormElement>> & {
+    Item: typeof FormItem;
+};

package/dist/esm/types/src/packages/form/index.d.ts

@@ -0,0 +1,2 @@
+import { Form } from './form';
+export default Form;

package/dist/esm/types/src/packages/form/index.taro.d.ts

@@ -0,0 +1,2 @@
+import { Form } from './form.taro';
+export default Form;

package/dist/esm/types/src/packages/form/types.d.ts

@@ -0,0 +1,82 @@
+export interface BaseForm {
+    /**
+     * 经 Form.useForm() 创建的 form 控制实例，不提供时会自动创建
+     */
+    form: any;
+    /**
+     * label的位置
+     * 可选值 top/left/right
+     */
+    labelPosition: string | number;
+    /**
+     * 表单分组名称
+     */
+    formGroupTitle: string;
+    starPositon: string;
+    /**
+     * 表单校验成功回调
+     */
+    onFinish: (obj: object) => void;
+    /**
+     * 表单校验失败回调
+     */
+    onFinishFailed: (value: []) => void;
+}
+export interface FormItemRuleWithoutValidator {
+    [key: string]: any;
+    regex?: RegExp;
+    required?: boolean;
+    message?: string;
+}
+export interface FormItemRule extends FormItemRuleWithoutValidator {
+    validator?: (value: any, ruleCfg: FormItemRuleWithoutValidator) => boolean | string | Promise<boolean | string>;
+}
+export interface BaseFormField {
+    /**
+     * 字段名
+     */
+    name: string;
+    /**
+     * label 标签的文本
+     */
+    label: string;
+    /**
+     * 校验规则，设置字段的校验逻辑
+     */
+    rules: FormItemRule[];
+    /**
+     * 是否禁用表单项
+     */
+    disabled: boolean;
+}
+export type StoreValue = string | number;
+export type NamePath = string | number;
+export interface Callbacks<Values = any> {
+    onValuesChange?: (values: Values) => void;
+    onFinish?: (values: Values) => void;
+    onFinishFailed?: (Values: Values) => void;
+}
+export interface Store {
+    [name: string]: StoreValue;
+}
+export interface FormInstance<Values = any> {
+    registerField: (entity: FieldEntity) => () => void;
+    getFieldValue: (name: NamePath) => StoreValue;
+    setFieldsValue: (value: any) => void;
+    resetFields: (fields?: NamePath[]) => void;
+    submit: () => void;
+    setCallback: (callbacks: Callbacks) => void;
+}
+export interface FieldEntity {
+    onStoreChange: () => void;
+    getNamePath: () => NamePath;
+    props: {
+        name: NamePath;
+        rules?: any[];
+        dependencies?: NamePath[];
+        initialValue?: any;
+    };
+}
+export interface IDescriptor {
+    [name: string]: string;
+}

package/dist/esm/types/src/packages/form/useForm.d.ts

@@ -0,0 +1,2 @@
+import { FormInstance } from './types';
+export declare const useForm: (form?: FormInstance) => any[];

package/dist/esm/types/src/packages/form/useForm.taro.d.ts

@@ -0,0 +1,2 @@
+import { FormInstance } from './types';
+export declare const useForm: (form?: FormInstance) => any[];

package/dist/esm/types/src/packages/formitem/formitem.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { BaseFormField } from './types';
+import { FormItemContext } from './formitemcontext';
+import { BasicComponent } from '@/utils/typings';
+type TextAlign = 'start' | 'end' | 'left' | 'right' | 'center' | 'justify' | 'match-parent';
+export interface FormItemProps extends BasicComponent, BaseFormField {
+    labelWidth: string | number;
+    errorMessageAlign: TextAlign;
+    showErrorLine: boolean;
+    showErrorMessage: boolean;
+    initialValue: string;
+}
+declare const defaultProps: FormItemProps;
+export type FieldProps = typeof defaultProps & Partial<BaseFormField>;
+export declare class FormItem extends React.Component<FieldProps> {
+    static defaultProps: FormItemProps;
+    static contextType: any;
+    context: React.ContextType<typeof FormItemContext>;
+    private cancelRegister;
+    private isInitialValue;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    getControlled: (children: React.ReactElement) => {
+        value: any;
+        defaultValue: any;
+        onChange: (event: React.ChangeEvent<HTMLInputElement> | number | string | string[]) => void;
+    };
+    onStoreChange: () => void;
+    renderLayout: (childNode: React.ReactNode) => JSX.Element;
+    pxCheck: (value: string | number) => string;
+    render(): JSX.Element;
+}
+export {};

package/dist/esm/types/src/packages/formitem/formitem.taro.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { BaseFormField } from './types';
+import { FormItemContext } from './formitemcontext';
+import { BasicComponent } from '@/utils/typings';
+type TextAlign = 'start' | 'end' | 'left' | 'right' | 'center' | 'justify' | 'match-parent';
+export interface FormItemProps extends BasicComponent, BaseFormField {
+    labelWidth: string | number;
+    errorMessageAlign: TextAlign;
+    showErrorLine: boolean;
+    showErrorMessage: boolean;
+}
+declare const defaultProps: FormItemProps;
+export type FieldProps = typeof defaultProps & Partial<BaseFormField>;
+export declare class FormItem extends React.Component<FieldProps> {
+    static defaultProps: FormItemProps;
+    static contextType: any;
+    context: React.ContextType<typeof FormItemContext>;
+    private cancelRegister;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    getControlled: (children: React.ReactElement) => {
+        value: any;
+        onChange: (event: React.ChangeEvent<HTMLInputElement> | number | string | string[]) => void;
+    };
+    onStoreChange: () => void;
+    renderLayout: (childNode: React.ReactNode) => JSX.Element;
+    pxCheck: (value: string | number) => string;
+    render(): JSX.Element;
+}
+export {};

package/dist/esm/types/src/packages/formitem/formitemcontext.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface ConfigConsumerProps {
+    [propName: string]: any;
+}
+export declare const FormItemContext: import("react").Context<ConfigConsumerProps>;
+export {};

package/dist/esm/types/src/packages/formitem/index.d.ts

@@ -0,0 +1,2 @@
+import { FormItem } from './formitem';
+export default FormItem;

package/dist/esm/types/src/packages/formitem/index.taro.d.ts

@@ -0,0 +1,2 @@
+import { FormItem } from './formitem.taro';
+export default FormItem;

package/dist/esm/types/src/packages/formitem/types.d.ts

@@ -0,0 +1,82 @@
+export interface BaseForm {
+    /**
+     * 经 Form.useForm() 创建的 form 控制实例，不提供时会自动创建
+     */
+    form: any;
+    /**
+     * label的位置
+     * 可选值 top/left/right
+     */
+    labelPosition: string | number;
+    /**
+     * 表单分组名称
+     */
+    formGroupTitle: string;
+    starPositon: string;
+    /**
+     * 表单校验成功回调
+     */
+    onFinish: (obj: object) => void;
+    /**
+     * 表单校验失败回调
+     */
+    onFinishFailed: (value: []) => void;
+}
+export interface FormItemRuleWithoutValidator {
+    [key: string]: any;
+    regex?: RegExp;
+    required?: boolean;
+    message?: string;
+}
+export interface FormItemRule extends FormItemRuleWithoutValidator {
+    validator?: (ruleCfg: FormItemRuleWithoutValidator, value: string) => boolean | string | Promise<boolean | string>;
+}
+export interface BaseFormField {
+    /**
+     * 字段名
+     */
+    name: string;
+    /**
+     * label 标签的文本
+     */
+    label: string;
+    /**
+     * 校验规则，设置字段的校验逻辑
+     */
+    rules: FormItemRule[];
+    /**
+     * 是否禁用表单项
+     */
+    disabled: boolean;
+}
+export type StoreValue = string | number;
+export type NamePath = string | number;
+export interface Callbacks<Values = any> {
+    onValuesChange?: (values: Values) => void;
+    onFinish?: (values: Values) => void;
+    onFinishFailed?: (Values: Values) => void;
+}
+export interface Store {
+    [name: string]: StoreValue;
+}
+export interface FormInstance<Values = any> {
+    registerField: (entity: FieldEntity) => () => void;
+    getFieldValue: (name: NamePath) => StoreValue;
+    setFieldsValue: (value: any) => void;
+    resetFields: (fields?: NamePath[]) => void;
+    submit: () => void;
+    setCallback: (callbacks: Callbacks) => void;
+}
+export interface FieldEntity {
+    onStoreChange: () => void;
+    getNamePath: () => NamePath;
+    props: {
+        name: NamePath;
+        rules?: any[];
+        dependencies?: NamePath[];
+        initialValue?: any;
+    };
+}
+export interface IDescriptor {
+    [name: string]: string;
+}

package/dist/esm/types/src/packages/grid/__test__/grid.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/types/src/packages/grid/demo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const GridDemo: () => JSX.Element;
+export default GridDemo;

package/dist/esm/types/src/packages/grid/demo.taro.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const GridDemo: () => JSX.Element;
+export default GridDemo;

package/dist/esm/types/src/packages/grid/grid.context.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { GridItemProps } from '../griditem/griditem';
+declare const _default: React.Context<{
+    onClick: (item: GridItemProps, index: number) => void;
+}>;
+export default _default;

package/dist/esm/types/src/packages/grid/grid.d.ts

@@ -0,0 +1,17 @@
+import React, { CSSProperties, FunctionComponent } from 'react';
+import { GridItem, GridItemProps } from '../griditem/griditem';
+export type GridDirection = 'horizontal' | 'vertical';
+export interface GridProps {
+    columns: string | number;
+    gap: string | number;
+    center: boolean;
+    square: boolean;
+    reverse: boolean;
+    direction: GridDirection;
+    className?: string;
+    style?: CSSProperties;
+    onClick: (item: GridItemProps, index: number) => void;
+}
+export declare const Grid: FunctionComponent<Partial<GridProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>> & {
+    Item: typeof GridItem;
+};

package/dist/esm/types/src/packages/grid/grid.taro.context.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { GridItemProps } from '../griditem/griditem.taro';
+declare const _default: React.Context<{
+    onClick: (item: GridItemProps, index: number) => void;
+}>;
+export default _default;

package/dist/esm/types/src/packages/grid/grid.taro.d.ts

@@ -0,0 +1,17 @@
+import React, { CSSProperties, FunctionComponent } from 'react';
+import { GridItem, GridItemProps } from '../griditem/griditem.taro';
+export type GridDirection = 'horizontal' | 'vertical';
+export interface GridProps {
+    columns: string | number;
+    gap: string | number;
+    center: boolean;
+    square: boolean;
+    reverse: boolean;
+    direction: GridDirection;
+    className?: string;
+    style?: CSSProperties;
+    onClick: (item: GridItemProps, index: number) => void;
+}
+export declare const Grid: FunctionComponent<Partial<GridProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>> & {
+    Item: typeof GridItem;
+};

package/dist/esm/types/src/packages/grid/index.d.ts

@@ -0,0 +1,3 @@
+import { Grid } from './grid';
+export type { GridDirection, GridProps } from './grid';
+export default Grid;

package/dist/esm/types/src/packages/grid/index.taro.d.ts

@@ -0,0 +1,3 @@
+import { Grid } from './grid.taro';
+export type { GridDirection, GridProps } from './grid';
+export default Grid;

package/dist/esm/types/src/packages/griditem/griditem.d.ts

@@ -0,0 +1,15 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '@/utils/typings';
+type GridDirection = 'horizontal' | 'vertical';
+export interface GridItemProps extends BasicComponent {
+    text: string | ReactNode;
+    index: number;
+    columns: string | number;
+    gap: string | number;
+    center: boolean;
+    square: boolean;
+    reverse: boolean;
+    direction: GridDirection;
+}
+export declare const GridItem: FunctionComponent<Partial<GridItemProps> & React.HTMLAttributes<HTMLDivElement>>;
+export {};