@pisell/materials 3.2.23 → 3.2.25

package/lib/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/lib/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/lib/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/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+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/lib/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/lib/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/lib/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/lib/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/lib/components/dataSourceComponents/dataSourceWrapper/index.d.ts

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

package/lib/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/lib/components/dataSourceComponents/fields/ColorPicker/ReadPretty.d.ts

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

package/lib/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/lib/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/lib/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/lib/components/dataSourceComponents/fields/DateRangePicker/ReadPretty.d.ts

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

package/lib/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/lib/components/dataSourceComponents/fields/IconSelect/ReadPretty.d.ts

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

package/lib/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/lib/components/dataSourceComponents/fields/Input/ReadPretty.d.ts

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

package/lib/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/lib/components/dataSourceComponents/fields/Input.Email/ReadPretty.d.ts

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

package/lib/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/lib/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/lib/components/dataSourceComponents/fields/Input.Json/type.d.ts

@@ -0,0 +1,5 @@
+import { TextAreaProps as AntTextAreaProps } from 'antd/es/input/TextArea';
+import { ModeType } from "../../dataSourceForm/type";
+export interface JsonProps extends AntTextAreaProps {
+    renderMode: ModeType;
+}

package/lib/components/dataSourceComponents/fields/Input.Mobile/serve.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 获取nocobase数据列表
+ */
+export declare const getCountryDataList: () => Promise<any>;
+export interface Country {
+    id: number;
+    name: {
+        en: string;
+        "zh-CN": string;
+        "zh-HK": string;
+        original: string;
+    };
+    code: string;
+    calling_code: string;
+    currency_code: string;
+    sort: number;
+    status: string;
+    created_at: string;
+    updated_at: string;
+    prefix: string;
+}
+export declare const useCountries: () => {
+    data: Country[];
+};

package/lib/components/dataSourceComponents/fields/Input.Mobile/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/lib/components/dataSourceComponents/fields/Input.Password/ReadPretty.d.ts

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

package/lib/components/dataSourceComponents/fields/Input.Password/type.d.ts

@@ -0,0 +1,5 @@
+import { PasswordProps as AntPasswordProps } from 'antd/es/input/Password';
+import { ModeType } from "../../dataSourceForm/type";
+export interface PasswordProps extends AntPasswordProps {
+    renderMode: ModeType;
+}

package/lib/components/dataSourceComponents/fields/Input.Phone/serve.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 获取nocobase数据列表
+ */
+export declare const getCountryDataList: () => Promise<any>;
+export interface Country {
+    id: number;
+    name: {
+        en: string;
+        "zh-CN": string;
+        "zh-HK": string;
+        original: string;
+    };
+    code: string;
+    calling_code: string;
+    currency_code: string;
+    sort: number;
+    status: string;
+    created_at: string;
+    updated_at: string;
+    prefix: string;
+}
+export declare const useCountries: () => {
+    data: Country[];
+};

package/lib/components/dataSourceComponents/fields/Input.Phone/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/lib/components/dataSourceComponents/fields/Input.Subdomain/ReadPretty.d.ts

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

package/lib/components/dataSourceComponents/fields/Input.Subdomain/serve.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 获取nocobase数据列表 获取域名后缀
+ */
+export declare const getTenantData: (id: string) => Promise<TenantData>;
+export interface TenantData {
+    'saas.domain': string;
+}
+/**
+ * 自定义 Hook，用于获取租户数据
+ */
+export declare const useTenantData: (rootDomain: string, tenantId?: string) => TenantData | undefined;

package/lib/components/dataSourceComponents/fields/Input.Subdomain/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/lib/components/dataSourceComponents/fields/Input.TextArea/ReadPretty.d.ts

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

package/lib/components/dataSourceComponents/fields/Input.TextArea/type.d.ts

@@ -0,0 +1,5 @@
+import { TextAreaProps as AntTextAreaProps } from 'antd/es/input/TextArea';
+import { ModeType } from "../../dataSourceForm/type";
+export interface TextAreaProps extends AntTextAreaProps {
+    renderMode: ModeType;
+}

package/lib/components/dataSourceComponents/fields/Input.Url/ReadPretty.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { UrlProps } from './type';
+import './ReadPretty.less';
+export declare const formatUrl: (url: string) => string;
+declare const UrlReadPretty: (props: UrlProps) => JSX.Element;
+export default UrlReadPretty;

package/lib/components/dataSourceComponents/fields/Input.Url/type.d.ts

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

package/lib/components/dataSourceComponents/fields/InputNumber/type.d.ts

@@ -0,0 +1,7 @@
+import { InputNumberProps as AntInputNumberProps } from "antd/es/input-number";
+import { ModeType } from "../../dataSourceForm/type";
+export interface InputNumberProps extends AntInputNumberProps {
+    renderMode: ModeType;
+    useThousandsSeparator: boolean;
+    previewFormatter?: 'none' | 'thousand' | 'million' | 'billion';
+}

package/lib/components/dataSourceComponents/fields/Radio/type.d.ts

@@ -0,0 +1,8 @@
+import { RadioProps as AntRadioProps, RadioGroupProps as AntRadioGroupProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
+export interface RadioProps extends AntRadioProps {
+    renderMode: ModeType;
+}
+export interface RadioGroupProps extends AntRadioGroupProps {
+    renderMode: ModeType;
+}

package/lib/components/dataSourceComponents/fields/Select/index.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 declare const SelectWithDataSource: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
+    optionSourceType?: "custom" | "default" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;

package/lib/components/dataSourceComponents/fields/Select/type.d.ts

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

package/lib/components/dataSourceComponents/fields/TimePicker/ReadPretty.d.ts

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

package/lib/components/dataSourceComponents/fields/TimePicker/type.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerProps as AntTimePickerProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
+export interface TimePickerProps extends Omit<AntTimePickerProps, 'renderMode'> {
+    renderMode: ModeType;
+}

package/lib/components/dataSourceComponents/fields/Translation/ReadPretty.d.ts

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

package/lib/components/dataSourceComponents/fields/Translation/type.d.ts

@@ -0,0 +1,16 @@
+import { ModeType } from "../../dataSourceForm/type";
+export interface TranslationValue {
+    en: string;
+    'zh-CN': string;
+    'zh-HK': string;
+    original: string;
+}
+export interface TranslationProps {
+    renderMode: ModeType;
+    value?: TranslationValue;
+    onChange?: (value: TranslationValue) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    className?: string;
+    type?: 'text' | 'textarea';
+}

package/lib/components/dataSourceComponents/fields/Upload/ReadPretty.d.ts

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

package/lib/components/dataSourceComponents/fields/Upload/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const SUPPORTED_LANGUAGES: readonly ["original", "en", "zh-CN", "zh-HK"];
+export declare const DEFAULT_MAX_COUNT = 9;
+export declare const DEFAULT_UID = "-1";
+export declare const MEDIA_TYPES: {
+    readonly VIDEO: "video/";
+    readonly AUDIO: "audio/";
+};
+export declare const IMAGE_QUALITY = 0.8;
+export declare const IMAGE_TYPE = "image/jpeg";