@pisell/materials 2.2.65 → 2.2.67

package/es/components/dataSourceComponents/dataSourceTable/filter/index.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import './index.less';
+interface BaseFilterItem {
+    name?: string;
+    value: string;
+    label?: string;
+    type?: string;
+    isHidden: boolean;
+    isCustom?: boolean;
+}
+interface FilterProps {
+    componentId: string;
+    filterBy: Record<string, any>;
+    quickFilterMaxLength?: number;
+    sortButtonShow?: boolean;
+    mode?: 'simple' | 'complex';
+    items: BaseFilterItem[];
+    handleValuesChange: (changedFields: any, allFields: any) => void;
+    show: boolean;
+    search: {
+        show: boolean;
+        placeholder: string;
+        key: string;
+    };
+}
+declare const Filter: (props: FilterProps) => JSX.Element;
+export default Filter;

package/es/components/dataSourceComponents/dataSourceTable/filter/utils.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { FilterItemProps } from '../../../filter/types';
+import { DataSourceType, Field } from '../../provider/dataSource/DataSourceContext';
+export declare const genGetField: (dataSource?: DataSourceType) => (key: string) => Field;
+export declare const field2Cpt: (field: Field, item: any, otherProps?: any) => JSX.Element | null;
+export declare const genFilterItems: (list: FilterItemProps[], dataSource?: DataSourceType) => (JSX.Element | null)[];
+export declare const getStoredFilterOrder: (componentId: string) => any;
+export declare const saveFilterOrder: (componentId: string, order: any) => void;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useColumns.d.ts

@@ -0,0 +1,11 @@
+import { ColumnType } from 'antd/es/table';
+export declare type Column = ColumnType<{
+    fieldComponent: string;
+}>;
+declare type UseColumnsProps = {
+    columns: Column[];
+    fields?: any[];
+    actionsColumns?: any[];
+};
+declare const useColumns: ({ columns, fields, actionsColumns, }: UseColumnsProps) => Column[];
+export default useColumns;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const useDataSourceKey: () => {
+    dataSourceKey: string | undefined;
+    dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;
+};
+export default useDataSourceKey;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDesignMode.d.ts

@@ -0,0 +1,2 @@
+declare const useDesignMode: (props: any, { registerValueVariable, openDrawer, closeDrawer, data }: any) => void;
+export default useDesignMode;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts

@@ -0,0 +1,38 @@
+import { Drawer } from 'antd';
+import { OperationItem } from '../type';
+declare const useDrawerState: (operationContent?: {
+    [key: string]: import("react").ReactNode;
+} | undefined) => {
+    drawerVisible: boolean;
+    setDrawerVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    openDrawer: (item: OperationItem) => void;
+    closeDrawer: () => void;
+    drawerContent: import("react").ReactNode;
+    Container: {
+        (props: import("../../../pisellModal").PisellModalProps): JSX.Element;
+        confirm: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
+            destroy: () => void;
+            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        };
+        info: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
+            destroy: () => void;
+            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        };
+        error: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
+            destroy: () => void;
+            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        };
+        warn: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => any;
+        warning: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
+            destroy: () => void;
+            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        };
+        success: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
+            destroy: () => void;
+            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        };
+        Information: (props: import("../../../pisellModal/components/Information").InformationProps) => JSX.Element;
+    } | typeof Drawer;
+    containerProps: {};
+};
+export default useDrawerState;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useFormat.d.ts

@@ -0,0 +1,48 @@
+import { Field } from '../../provider/dataSource/DataSourceContext';
+export declare type ListResult = {
+    data: any[];
+    count: number;
+    page: number;
+    pageSize: number;
+};
+export declare type UseFormatParams = {
+    dataSourceKey: string;
+    fields: Field[];
+};
+export declare type ApiListResult = {
+    list: any[];
+    count: number;
+    size: number;
+} & ({
+    page: number;
+} | {
+    skip: number;
+});
+export declare type FormatListResultParams = ApiListResult | {
+    data: any[];
+    meta: {
+        count: number;
+        page: number;
+        pageSize: number;
+    };
+};
+export declare type FilterValue = {
+    [key: string]: any;
+};
+export declare type FilterOperator = '$includes' | '$dateAfter' | '$dateBefore' | '$eq' | '$in' | '$isTruly' | '$and';
+export declare type SimpleFilterValue = {
+    [key in Exclude<FilterOperator, '$and'>]?: any;
+};
+export declare type AndFilterValue = {
+    $and: FilterCondition[];
+};
+export declare type FilterConditionValue = SimpleFilterValue | AndFilterValue;
+export declare type FilterCondition = {
+    [key: string]: FilterConditionValue;
+} | AndFilterValue;
+declare const useFormat: ({ dataSourceKey, fields }: UseFormatParams) => {
+    formatListResult: (res: FormatListResultParams) => ListResult;
+    formatListParams: (params: any) => any;
+    formatCreateUpdateParams: (params: any) => any;
+};
+export default useFormat;

package/es/components/dataSourceComponents/dataSourceTable/hooks/usePagination.d.ts

@@ -0,0 +1,16 @@
+declare type UsePaginationProps = {
+    data: {
+        count: number;
+        page: number;
+        pageSize: number;
+        [key: string]: any;
+    };
+};
+declare const usePagination: ({ data }: UsePaginationProps) => {
+    total: number;
+    current: number;
+    pageSize: number;
+    size: string;
+    showSizeChanger: boolean;
+};
+export default usePagination;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -0,0 +1,97 @@
+import React from 'react';
+import { DataSourceTableProps } from '../type';
+import { OperationItem } from '../type';
+interface UseTablePropsProps {
+    data: any;
+    originProps: DataSourceTableProps;
+    openDrawer: (type: OperationItem) => void;
+    closeDrawer: () => void;
+    refreshData: () => void;
+    handleFilterChange: (changedFields: any, allFields: any) => void;
+    tableRef: any;
+}
+/**
+ * 处理table的props
+ * 转换title
+ * @param props
+ * @returns
+ */
+declare const useTableProps: (props: UseTablePropsProps) => {
+    title: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
+    pagination: {
+        total: number;
+        current: number;
+        pageSize: number;
+        size: string;
+        showSizeChanger: boolean;
+    };
+    columns: import("./useColumns").Column[];
+    subTitle: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
+    buttons: any[] | null;
+    filter: JSX.Element | null;
+    onRow: (record: any) => any;
+    actionButtons: any[] | null;
+    titleButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    } | undefined;
+    tableButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    } | undefined;
+    operation?: {
+        show: boolean;
+        title: string; /**
+         * 处理table的props
+         * 转换title
+         * @param props
+         * @returns
+         */
+        width: number;
+        align: "center" | "left" | "right";
+        fixed: false | "left" | "right";
+        type: "button" | "link";
+        items: OperationItem[];
+    } | undefined;
+    operationContent?: {
+        [key: string]: React.ReactNode;
+    } | undefined;
+    dataSource: import("../../provider/dataSource/DataSourceContext").DataSourceType;
+    search?: {
+        show: boolean;
+        placeholder: string;
+    } | undefined;
+    __designMode: string;
+    componentId: string;
+    clickToDetail?: {
+        show: boolean;
+        useCustomAction: boolean;
+        actionType: string;
+        openMode: "modal" | "drawer";
+        openContentSize: "small" | "large" | "middle";
+        openTitle: string;
+        key: string;
+    } | undefined;
+    filterBy?: Record<string, any> | undefined;
+    sortBy: string;
+    tabs?: {
+        show: boolean;
+        type: string;
+        items: {
+            name: string;
+            filterBy: Record<string, any>;
+            sortBy: string;
+        }[];
+    } | undefined;
+    onValuesChange?: ((changedValues: any, values: any) => void) | undefined;
+    extraParams?: {
+        list?: Record<string, any> | undefined;
+        get?: Record<string, any> | undefined;
+        update?: Record<string, any> | undefined;
+        create?: Record<string, any> | undefined;
+        destroy?: Record<string, any> | undefined;
+    } | undefined;
+};
+export default useTableProps;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts

@@ -0,0 +1,32 @@
+import { DataSourceTableProps } from '../type';
+declare type Params = {
+    pagination?: {
+        page: number;
+        size: number;
+    };
+    order_by?: string;
+    tabs?: {
+        name: string;
+        filterBy: Record<string, any>;
+        sortBy: string;
+    };
+};
+declare const useTableQuery: (props: DataSourceTableProps) => {
+    queryPageConfig: {
+        page: number;
+        pageSize: number;
+        filter: Record<string, any>;
+        sort: string;
+    };
+    setQueryPageConfig: import("react").Dispatch<import("react").SetStateAction<{
+        page: number;
+        pageSize: number;
+        filter: Record<string, any>;
+        sort: string;
+    }>>;
+    handleValuesChange: (params: Params, allParams: Params) => void;
+    refreshData: () => void;
+    handleFilterChange: (changedFields: any, allFields: any) => void;
+    refreshCurrentPage: () => void;
+};
+export default useTableQuery;

package/es/components/dataSourceComponents/dataSourceTable/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TableRef } from './BaseTable';
+import './index.less';
+import { DataSourceTableProps } from './type';
+declare const _default: React.ForwardRefExoticComponent<DataSourceTableProps & React.RefAttributes<TableRef>>;
+export default _default;

package/es/components/dataSourceComponents/dataSourceTable/provider/tableSetting/TableSettingContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface TableSettingContextType {
+    dataSource?: string;
+    children?: React.ReactNode;
+}
+export declare const TableSettingContext: import("react").Context<TableSettingContextType>;
+export default TableSettingContext;

package/es/components/dataSourceComponents/dataSourceTable/provider/tableSetting/TableSettingProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TableSettingContextType } from './TableSettingContext';
+/**
+ * @title: 表单设置Provider
+ * @description: 提供表单设置信息
+ */
+declare const TableSettingProvider: React.FC<TableSettingContextType>;
+export default TableSettingProvider;

package/es/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -0,0 +1,78 @@
+/// <reference types="react" />
+import { ColumnType } from 'antd/es/table';
+import { DataSourceType } from '../provider/dataSource/DataSourceContext';
+export declare type OperationItem = {
+    label?: string;
+    openMode: 'modal' | 'drawer' | 'custom';
+    openContentSize: 'small' | 'middle' | 'large';
+    openTitle: string;
+    actionType: 'detail' | 'edit' | 'delete' | 'custom';
+    key: string;
+    buttonProps?: any;
+    onClick?: (record: any) => void;
+};
+export interface DataSourceTableProps {
+    title?: string | React.ReactNode | (() => React.ReactNode);
+    subTitle?: string | React.ReactNode | (() => React.ReactNode);
+    titleButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    };
+    tableButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    };
+    buttons?: any[];
+    operation?: {
+        show: boolean;
+        title: string;
+        width: number;
+        align: 'left' | 'center' | 'right';
+        fixed: 'left' | 'right' | false;
+        type: 'link' | 'button';
+        items: OperationItem[];
+    };
+    operationContent?: {
+        [key: string]: React.ReactNode;
+    };
+    dataSource: DataSourceType;
+    columns: ColumnType<any>[];
+    filter: any;
+    search?: {
+        show: boolean;
+        placeholder: string;
+    };
+    __designMode: string;
+    componentId: string;
+    clickToDetail?: {
+        show: boolean;
+        useCustomAction: boolean;
+        actionType: string;
+        openMode: 'modal' | 'drawer';
+        openContentSize: 'small' | 'middle' | 'large';
+        openTitle: string;
+        key: string;
+    };
+    onRow?: any;
+    filterBy?: Record<string, any>;
+    sortBy: string;
+    tabs?: {
+        show: boolean;
+        type: string;
+        items: {
+            name: string;
+            filterBy: Record<string, any>;
+            sortBy: string;
+        }[];
+    };
+    onValuesChange?: (changedValues: any, values: any) => void;
+    extraParams?: {
+        list?: Record<string, any>;
+        get?: Record<string, any>;
+        update?: Record<string, any>;
+        create?: Record<string, any>;
+        destroy?: Record<string, any>;
+    };
+}

package/es/components/dataSourceComponents/dataSourceWrapper/BaseWrapper.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface BaseWrapperProps {
+    children: React.ReactNode;
+    [key: string]: any;
+}
+declare const BaseWrapper: (props: BaseWrapperProps) => JSX.Element;
+export default BaseWrapper;

package/es/components/dataSourceComponents/dataSourceWrapper/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DataSourceContextProps } from '../provider/dataSource/DataSourceContext';
+declare const DataSourceWrapper: (props: DataSourceContextProps) => JSX.Element;
+export default DataSourceWrapper;

package/es/components/dataSourceComponents/fields/Checkbox/ReadPretty.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { CheckboxProps, CheckboxGroupProps } from './type';
+import './ReadPretty.less';
+declare type CheckboxReadPrettyType = React.FC<CheckboxProps> & {
+    Group: React.FC<CheckboxGroupProps>;
+};
+declare const CheckboxReadPretty: CheckboxReadPrettyType;
+export default CheckboxReadPretty;

package/es/components/dataSourceComponents/fields/Checkbox/WithMode.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type CheckboxComponent = React.FC & {
+    Group: typeof CheckboxGroupWithMode;
+};
+declare const CheckboxWithMode: CheckboxComponent;
+declare const CheckboxGroupWithMode: import("react").FC<import("./type").CheckboxGroupProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default CheckboxWithMode;

package/es/components/dataSourceComponents/fields/Checkbox/index.d.ts

@@ -0,0 +1,6 @@
+import CheckboxWithMode from './WithMode';
+declare type CheckboxComponent = typeof CheckboxWithMode & {
+    Group: typeof CheckboxWithMode.Group;
+};
+declare const Checkbox: CheckboxComponent;
+export default Checkbox;

package/es/components/dataSourceComponents/fields/Checkbox/type.d.ts

@@ -0,0 +1,9 @@
+import { CheckboxProps as AntCheckboxProps } from 'antd';
+import { CheckboxGroupProps as AntCheckboxGroupProps } from 'antd/es/checkbox';
+import { ModeType } from "../../dataSourceForm/type";
+export interface CheckboxProps extends AntCheckboxProps {
+    renderMode: ModeType;
+}
+export interface CheckboxGroupProps extends AntCheckboxGroupProps {
+    renderMode: ModeType;
+}

package/es/components/dataSourceComponents/fields/ColorPicker/ReadPretty.d.ts

@@ -0,0 +1,4 @@
+import { ColorPickerProps } from './type';
+import './ReadPretty.less';
+declare const ColorPickerReadPretty: (props: ColorPickerProps) => JSX.Element;
+export default ColorPickerReadPretty;

package/es/components/dataSourceComponents/fields/ColorPicker/WithMode.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ColorPickerProps } from './type';
+declare const ColorPickerWithMode: React.FC<ColorPickerProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default ColorPickerWithMode;

package/es/components/dataSourceComponents/fields/ColorPicker/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ColorPicker: React.FC<import("./type").ColorPickerProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
+export default ColorPicker;

package/es/components/dataSourceComponents/fields/ColorPicker/type.d.ts

@@ -0,0 +1,5 @@
+import { ColorPickerProps as AntColorPickerProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
+export interface ColorPickerProps extends AntColorPickerProps {
+    renderMode: ModeType;
+}

package/es/components/dataSourceComponents/fields/DatePicker/ReadPretty.d.ts

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+import { DatePickerProps } from './type';
+import './ReadPretty.less';
+declare const DatePickerReadPretty: FC<DatePickerProps>;
+export default DatePickerReadPretty;

package/es/components/dataSourceComponents/fields/DatePicker/WithMode.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DatePickerProps } from 'antd';
+declare const DatePickerWithMode: import("react").FC<DatePickerProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default DatePickerWithMode;

package/es/components/dataSourceComponents/fields/DatePicker/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DatePicker: React.FC<(import("antd").DatePickerProps & import("../../dataSourceForm/utils").WithModeProps) & import("../../dataSourceForm/utils").WithFormItemProps>;
+export default DatePicker;

package/es/components/dataSourceComponents/fields/DatePicker/type.d.ts

@@ -0,0 +1,6 @@
+import { DatePickerProps as AntDatePickerProps } from 'antd';
+import { ModeType } from '../../dataSourceForm/type';
+export interface DatePickerProps extends Omit<AntDatePickerProps, 'renderMode'> {
+    renderMode: ModeType;
+    showTime?: boolean;
+}

package/es/components/dataSourceComponents/fields/DateRangePicker/ReadPretty.d.ts

@@ -0,0 +1,4 @@
+import { DateRangePickerProps } from './type';
+import './ReadPretty.less';
+declare const DateRangePickerReadPretty: (props: DateRangePickerProps) => JSX.Element;
+export default DateRangePickerReadPretty;

package/es/components/dataSourceComponents/fields/DateRangePicker/WithMode.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DateRangePickerProps } from './type';
+declare const DateRangePickerWithMode: import("react").FC<DateRangePickerProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default DateRangePickerWithMode;

package/es/components/dataSourceComponents/fields/DateRangePicker/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const DateRangePicker: React.FC<import("./type").DateRangePickerProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
+export default DateRangePicker;

package/es/components/dataSourceComponents/fields/DateRangePicker/type.d.ts

@@ -0,0 +1,4 @@
+import { ModeType } from '../../dataSourceForm/type';
+export interface DateRangePickerProps extends Omit<any, 'renderMode'> {
+    renderMode: ModeType;
+}

package/es/components/dataSourceComponents/fields/IconSelect/ReadPretty.d.ts

@@ -0,0 +1,4 @@
+import { IconSelectProps } from './type';
+import './ReadPretty.less';
+declare const IconSelectReadPretty: (props: IconSelectProps) => JSX.Element | null;
+export default IconSelectReadPretty;

package/es/components/dataSourceComponents/fields/IconSelect/WithMode.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconSelectProps } from './type';
+declare const IconSelectWithMode: import("react").FC<IconSelectProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default IconSelectWithMode;

package/es/components/dataSourceComponents/fields/IconSelect/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const IconSelect: React.FC<import("./type").IconSelectProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
+export default IconSelect;

package/es/components/dataSourceComponents/fields/IconSelect/type.d.ts

@@ -0,0 +1,8 @@
+import { ModeType } from "../../dataSourceForm/type";
+export interface IconSelectProps {
+    renderMode: ModeType;
+    value?: string;
+    defaultValue?: string;
+    disabled?: boolean;
+    onChange?: (value: string) => void;
+}

package/es/components/dataSourceComponents/fields/Input/ReadPretty.d.ts

@@ -0,0 +1,4 @@
+import { InputProps } from './type';
+import './ReadPretty.less';
+declare const InputReadPretty: (props: InputProps) => JSX.Element;
+export default InputReadPretty;

package/es/components/dataSourceComponents/fields/Input/WithMode.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { InputProps } from './type';
+declare const InputWithMode: React.FC<InputProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default InputWithMode;

package/es/components/dataSourceComponents/fields/Input/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import JSON from '../Input.Json';
+import Password from '../Input.Password';
+import TextArea from '../Input.TextArea';
+import Url from '../Input.Url';
+import Email from '../Input.Email';
+import Phone from '../Input.Phone';
+import Mobile from '../Input.Mobile';
+import Subdomain from '../Input.Subdomain';
+import { InputProps } from './type';
+declare type InputComponent = React.FC<InputProps> & {
+    JSON: typeof JSON;
+    Password: typeof Password;
+    TextArea: typeof TextArea;
+    URL: typeof Url;
+    Email: typeof Email;
+    Phone: typeof Phone;
+    Mobile: typeof Mobile;
+    Subdomain: typeof Subdomain;
+};
+declare const Input: InputComponent;
+export default Input;

package/es/components/dataSourceComponents/fields/Input/type.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'react';
+import { InputProps as AntInputProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
+export interface InputProps extends AntInputProps {
+    renderMode: ModeType;
+    innerRef: Ref<any>;
+    enableQRScanner?: boolean;
+}

package/es/components/dataSourceComponents/fields/Input.Email/ReadPretty.d.ts

@@ -0,0 +1,4 @@
+import { InputProps } from './type';
+import './ReadPretty.less';
+declare const InputReadPretty: (props: InputProps) => JSX.Element;
+export default InputReadPretty;

package/es/components/dataSourceComponents/fields/Input.Email/WithMode.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { InputProps } from 'antd';
+declare const EmailWithMode: React.FC<InputProps & {
+    onChange: (value: string) => void;
+} & import("../../dataSourceForm/utils").WithModeProps>;
+export default EmailWithMode;

package/es/components/dataSourceComponents/fields/Input.Email/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const Email: React.FC<import("antd").InputProps & {
+    onChange: (value: string) => void;
+} & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
+export default Email;

package/es/components/dataSourceComponents/fields/Input.Email/type.d.ts

@@ -0,0 +1,5 @@
+import { InputProps as AntInputProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
+export interface InputProps extends AntInputProps {
+    renderMode: ModeType;
+}

package/es/components/dataSourceComponents/fields/Input.Json/ReadPretty.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { JsonProps } from "./type";
+import "./ReadPretty.less";
+declare const JsonReadPretty: (props: JsonProps) => JSX.Element | null;
+export default JsonReadPretty;

package/es/components/dataSourceComponents/fields/Input.Json/WithMode.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const JsonWithMode: React.FC<any>;
+export default JsonWithMode;