@pisell/materials 3.2.6 → 3.2.8

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/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,4 @@
+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,4 @@
+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/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/ReadPretty.d.ts

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

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/InputNumber/utils.d.ts

@@ -0,0 +1 @@
+export declare const formatNumberWithUnit: (value: number, precision?: number, previewFormatter?: 'none' | 'thousand' | 'million' | 'billion') => string;

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/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,4 @@
+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/BaseTranslation.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TranslationProps } from './type';
+import './index.less';
+declare const Translation: React.FC<TranslationProps>;
+export default Translation;

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

@@ -0,0 +1,4 @@
+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/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";

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

@@ -0,0 +1,37 @@
+import { UploadFile as AntdUploadFile } from 'antd/es/upload/interface';
+import type { UploadValue, UploadChangeHandler } from './types';
+export interface UploadFile extends AntdUploadFile {
+    metadata?: {
+        width?: number;
+        height?: number;
+        duration?: number;
+        bitrate?: number;
+    };
+}
+export interface UploadProps {
+    renderMode?: string;
+    fieldKey: string;
+    maxSize?: number;
+    minCount?: number;
+    maxCount?: number;
+    multiple?: boolean;
+    presetType?: string[];
+    presetTypeString?: string[];
+    customType?: string[];
+    enablePresetType?: boolean;
+    enableCustomType?: boolean;
+    allowPreview?: boolean;
+    value?: UploadValue;
+    typeMaxSizeMap?: Record<string, number>;
+    enableMultilingual?: boolean;
+    onChange?: UploadChangeHandler;
+    disabled?: boolean;
+    mediaUploadUrl?: string;
+    getHeaders?: () => Record<string, string>;
+    mediaConfig?: {
+        data: {
+            upload_onetime_limit: number;
+            upload_maxsize: number;
+        };
+    };
+}

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

@@ -0,0 +1,48 @@
+import type { UploadFile } from 'antd/es/upload/interface';
+import { SUPPORTED_LANGUAGES } from './constants';
+export declare type Language = typeof SUPPORTED_LANGUAGES[number];
+export interface MediaMetadata {
+    width?: number;
+    height?: number;
+    duration?: number;
+    bitrate?: number;
+    cover?: File;
+}
+export interface FileCountValidation {
+    multiple: boolean;
+    minCount: number;
+    maxCount: number;
+    valueLength: number;
+}
+export interface ValidationResult {
+    success: boolean;
+    message?: string;
+}
+export interface MultilingualFile extends UploadFile {
+    multilingual?: SingleMultilingualValue;
+    multilingualFileList?: Record<Language, UploadFile[]>;
+    response?: {
+        status: boolean;
+        data: {
+            url: string;
+        };
+    };
+}
+export interface FileListOptions {
+    enableMultilingual: boolean;
+    multiple: boolean;
+}
+export declare type SingleUploadValue = string;
+export declare type MultipleUploadValue = string[];
+export declare type SingleMultilingualValue = Record<Language, string>;
+export declare type MultipleMultilingualValue = SingleMultilingualValue[];
+export declare type UploadValue = SingleUploadValue | MultipleUploadValue | SingleMultilingualValue | MultipleMultilingualValue;
+export interface MultilingualUploadResponse {
+    status: boolean;
+    data: {
+        url: string;
+    };
+}
+export declare type UploadChangeHandler = (value: UploadValue) => void;
+export declare type NonNullMultilingualValue = NonNullable<SingleMultilingualValue>;
+export declare type NonNullMultilingualArray = NonNullMultilingualValue[];

package/lib/components/dataSourceComponents/hooks/useComponentId.d.ts

@@ -0,0 +1,2 @@
+declare const useComponentId: (props: Record<string, any>) => any;
+export default useComponentId;

package/lib/components/dataSourceComponents/hooks/useCtxActions.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 组件上下文中操作的provider
+ * visible
+ * setVisible
+ * @returns
+ */
+declare const useCtxActions: () => import("../provider/actions/ActionsContext").ActionsContextType;
+export default useCtxActions;

package/lib/components/dataSourceComponents/hooks/useDataSource.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 获取当前dataSource
+ */
+declare const useDataSource: () => import("../provider/dataSource/DataSourceContext").DataSourceContextType;
+export default useDataSource;

package/lib/components/dataSourceComponents/hooks/useParseActionsVariable.d.ts

@@ -0,0 +1,6 @@
+import { Collection } from '../dataSourceForm/serve';
+declare type Actions = Collection['actions'];
+declare const useParseActionsVariable: () => {
+    parseActions: (actions: Actions, localVariables: Record<string, any>) => Record<string, any>;
+};
+export default useParseActionsVariable;

package/lib/components/dataSourceComponents/hooks/usePlatform.d.ts

@@ -0,0 +1,3 @@
+declare const usePlatform: () => any;
+declare const useIsShop: () => boolean;
+export { usePlatform, useIsShop };

package/lib/components/dataSourceComponents/hooks/useVariables.d.ts

@@ -0,0 +1,2 @@
+declare const useVariables: () => import("../provider/variables/VariablesContext").VariablesContextType;
+export default useVariables;

package/lib/components/dataSourceComponents/provider/actions/ActionsContext.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface ActionsContextType {
+    visible?: boolean;
+    setVisible?: (visible: boolean) => void;
+    refreshTableData?: () => void;
+    onClose?: () => void;
+    beforeClose?: () => boolean | Promise<boolean>;
+    setBeforeClose?: (beforeClose: () => boolean | Promise<boolean>) => void;
+}
+declare const ActionsContext: import("react").Context<ActionsContextType>;
+export default ActionsContext;

package/lib/components/dataSourceComponents/provider/actions/ActionsProvider.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ActionsContextType } from './ActionsContext';
+interface ActionsProviderProps extends ActionsContextType {
+    children: React.ReactNode;
+}
+/**
+ * 自定义请求的provider
+ * @param props
+ * @constructor
+ */
+declare const ActionsProvider: React.FC<ActionsProviderProps>;
+export default ActionsProvider;

package/lib/components/dataSourceComponents/provider/dataSource/DataSourceContext.d.ts

@@ -0,0 +1,119 @@
+/// <reference types="react" />
+import { Result } from 'ahooks/es/useRequest/src/types';
+import { ActionsItem } from '../../dataSourceForm/serve';
+export interface Field {
+    name: string;
+    type: string;
+    allowNull: boolean;
+    primaryKey: boolean;
+    unique: boolean;
+    autoIncrement: boolean;
+    description?: (null | string)[];
+    possibleTypes?: string[];
+    rawType: string;
+    interface: string;
+    uiSchema: UiSchema;
+    key?: string;
+    collectionName?: string;
+    collectionKey?: any;
+    dataSourceKey?: string;
+    defaultValue?: any;
+}
+interface UiSchema {
+    type?: string;
+    'x-component': string;
+    'x-component-props'?: Xcomponentprops;
+    'x-validator'?: string;
+    title: string;
+    default?: any;
+    enum?: any[];
+}
+interface Xcomponentprops {
+    style?: Style;
+    autoSize?: AutoSize;
+    stringMode?: boolean;
+    step?: string;
+    dateFormat?: string;
+    showTime?: boolean;
+}
+interface AutoSize {
+    minRows: number;
+}
+interface Style {
+    width: string;
+}
+export declare type ActionTypes = 'list' | 'get' | 'update' | 'create' | 'destroy';
+export declare type DataSourceType = {
+    actions: {
+        get: ActionsItem;
+        update: ActionsItem;
+        create: ActionsItem;
+        delete: ActionsItem;
+        list: ActionsItem;
+    };
+    headerDataSource: string;
+    dataSourceKey: string;
+    filterTargetKey: string;
+    introspected: boolean;
+    isCustomApi: boolean;
+    key: string;
+    tableName: string;
+    logging: boolean;
+    name: string;
+    title: string;
+    titleField: string;
+    types: ActionTypes[];
+    fields: Field[];
+    options: {
+        apiType: string;
+        baseUrl: string;
+    };
+};
+export declare type DataSourceContextProps = {
+    dataSource: DataSourceType;
+    children?: React.ReactNode;
+    currentValue?: string;
+    actions?: {
+        list?: () => Promise<any>;
+        get?: () => Promise<any>;
+        update?: () => Promise<any>;
+        create?: () => Promise<any>;
+        destroy?: () => Promise<any>;
+    };
+    requestOptions?: {
+        list?: any;
+        get?: any;
+        update?: any;
+        create?: any;
+        destroy?: any;
+    };
+    overrideData?: {
+        list?: any;
+        get?: any;
+    };
+    autoRun?: {
+        list?: boolean;
+        get?: boolean;
+    };
+    extraParams?: {
+        list?: Record<string, any>;
+        get?: Record<string, any>;
+        update?: Record<string, any>;
+        create?: Record<string, any>;
+        destroy?: Record<string, any>;
+    };
+    __id?: string;
+    __designMode?: string;
+};
+export interface DataSourceContextType {
+    dataSource?: DataSourceType;
+    list: Result<any, any>;
+    destroy: Result<any, any>;
+    get: Result<any, any>;
+    update: Result<any, any>;
+    create: Result<any, any>;
+    __designMode?: string;
+    getCurrentRecord: () => any;
+}
+export declare const DataSourceContext: import("react").Context<DataSourceContextType>;
+export default DataSourceContext;

package/lib/components/dataSourceComponents/provider/variables/VariablesContext.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface VariablesContextType {
+    children?: React.ReactNode;
+    variables?: Record<string, any>;
+    registerVariable?: (value: Record<string, any>) => void;
+    parseVariable?: (str: string, localVariables?: Record<string, any>) => any;
+    registerValueVariable?: (componentId: string, value: Record<string, any>) => void;
+    registerFunctionVariable?: (componentId: string, value: Record<string, any>) => void;
+    subscribeVariables?: (listener: (allVariables: Record<string, any>, updateVariables: Record<string, any>) => void) => () => void;
+}
+export declare const VariablesContext: import("react").Context<VariablesContextType>;
+export default VariablesContext;

package/lib/components/dataSourceComponents/provider/variables/utils.d.ts

@@ -0,0 +1,12 @@
+export declare const genComponentValueVariable: (componentId: string, value: Record<string, any>) => {
+    [x: string]: {
+        value: Record<string, any>;
+    };
+};
+export declare const genComponentFunctionVariable: (componentId: string, value: Record<string, any>) => {
+    [x: string]: {
+        functions: Record<string, any>;
+    };
+};
+export declare const isVariableKey: (key: string) => boolean;
+export declare const getVariableKey: (str: string) => string | undefined;

package/lib/components/date-picker/constants.d.ts

@@ -0,0 +1,39 @@
+import dayjs from 'dayjs';
+export declare const presetDetailMap: {
+    today: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    yesterday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    tomorrow: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    next_monday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_friday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    first_day_of_this_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_day_of_this_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    first_day_of_next_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_day_of_last_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+};

package/lib/components/date-picker/hooks/useMediaQuery.d.ts

@@ -0,0 +1,2 @@
+declare const useMediaQuery: (query: string) => boolean;
+export default useMediaQuery;

package/lib/components/iconSelect/utils.d.ts

@@ -0,0 +1,14 @@
+export declare type IconGroup = 'outlined' | 'filled' | 'two-tone' | 'iconfont';
+export declare function get(obj: any, path: string, defaultValue?: any): any;
+export declare function getAntdIconList(): ({
+    name: any;
+    group: "filled" | "outlined" | "two-tone";
+    icon: any;
+} | null)[];
+interface IconItem {
+    name: string;
+    group: IconGroup;
+    icon: any;
+}
+export declare function getIconList(): IconItem[];
+export {};

package/lib/components/iconfont/index.d.ts

@@ -0,0 +1,8 @@
+import { IconComponentProps } from '@ant-design/icons/es/components/Icon';
+import React from 'react';
+interface IconFontProps extends IconComponentProps {
+    type: string;
+    onClick?: React.MouseEventHandler<HTMLSpanElement>;
+}
+declare const IconFont: React.FC<IconFontProps>;
+export default IconFont;

package/lib/components/image/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ImageProps as AntdImageProps } from 'antd';
+export interface ImageProps extends Omit<AntdImageProps, 'placeholder'> {
+    /**
+     * 占位图类型
+     */
+    fallbackType?: 'image' | 'avatar' | 'product';
+}
+declare const Image: React.FC<ImageProps>;
+export default Image;