@pisell/materials 2.2.65 → 2.2.67

package/es/components/TimeResourceSelector/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export interface TimeSlot {
+    value: string;
+    label: string;
+    time: string;
+    remainingCount: number;
+    disabled?: boolean;
+}
+export interface TimeResourceSelectorProps {
+    timeSlots?: TimeSlot[];
+    multiple?: boolean;
+    showUnavailable?: boolean;
+    defaultExpanded?: boolean;
+    defaultSelectFirst?: boolean;
+    onChange?: (values: string | string[]) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const TimeResourceSelector: React.FC<TimeResourceSelectorProps>;
+export default TimeResourceSelector;

package/es/components/appVersionControl/index.d.ts

@@ -0,0 +1,4 @@
+import { AppVersionControlProps } from './types';
+import './index.less';
+declare const AppVersionControl: (props: AppVersionControlProps) => JSX.Element;
+export default AppVersionControl;

package/es/components/appVersionControl/types.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export interface Version {
+    id: string;
+    label: string;
+    value: string;
+    name: string;
+    status: 'live' | 'draft' | 'deprecated';
+    version: string;
+    avatar?: string;
+}
+export interface AppVersionControlProps {
+    value: string;
+    versions: Version[];
+    onVersionChange: (value: string, version: Version) => void;
+    onCreateVersion: (detail: {
+        version: string;
+        baseVersion: string;
+    }) => Promise<boolean | undefined>;
+    onPromoteToLive: (value: string, version: Version) => Promise<boolean | undefined>;
+    allowPublish?: boolean;
+    allowCreate?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}

package/es/components/appVersionControl/utils.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 比较两个版本号
+ * @param version1 版本号1
+ * @param version2 版本号2
+ * @returns 如果version1大于version2返回1，相等返回0，小于返回-1
+ */
+export declare const compareVersions: (version1: string, version2: string) => number;
+/**
+ * 从版本号列表中获取最大版本号
+ * @param versions 版本号列表
+ * @returns 最大的版本号，如果列表为空返回undefined
+ */
+export declare const getMaxVersion: (versions: string[]) => string | undefined;

package/es/components/badge/index.d.ts

@@ -0,0 +1,7 @@
+import { BadgeProps as OriginalBadgeprops } from 'antd';
+import './index.less';
+export interface Badgeprops extends OriginalBadgeprops {
+    styleType: 'default' | 'warning';
+}
+declare const Badge: (props: any) => JSX.Element;
+export default Badge;

package/es/components/browserSelect/index.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import "./index.less";
+interface Option {
+    label: React.ReactNode;
+    value: string | number;
+}
+interface BrowserSelectProps extends Omit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, 'value' | 'onChange'> {
+    options: Option[];
+    value?: string | number;
+    onChange?: (value: string | number, option: Option) => void;
+}
+/**
+ * @title: 系统级别的下拉框
+ * @description:
+ * @param {BrowserSelectProps} props
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-30 16:43
+ */
+declare const BrowserSelect: (props: BrowserSelectProps) => JSX.Element;
+export default BrowserSelect;

package/es/components/buttonGroupEdit/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ButtonGroupListItemProps } from './../buttonGroupPreview';
+interface ButtonGroupEditProps {
+    buttonList: ButtonGroupListItemProps[];
+    buttonGroupList: ButtonGroupListItemProps[][];
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonGroupEditProps & React.RefAttributes<any>>>;
+export default _default;

package/es/components/buttonGroupPreview/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { MenuProps, ButtonProps } from 'antd';
+export interface ButtonGroupListItemProps {
+    id?: string;
+    isMore?: boolean;
+    menuData?: MenuProps['items'];
+    buttonProps?: ButtonProps;
+}
+interface ButtonConfigProps {
+    [id: string]: ButtonGroupListItemProps;
+}
+export declare type ButtonGroupListProps = ButtonGroupListItemProps[][];
+interface ButtonGroupPreviewProps {
+    buttonConfig?: ButtonConfigProps;
+    buttonGroupList?: ButtonGroupListProps;
+    updateButtonProps?: ButtonGroupListItemProps;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonGroupPreviewProps & React.RefAttributes<any>>>;
+export default _default;

package/es/components/cardMetricItem/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.less';
+interface PisellStatisticProps {
+    title: string;
+    number: string | number;
+    hint?: React.ReactNode;
+    tags?: React.ReactNode;
+    showCurrencySymbol?: boolean;
+    style?: any;
+}
+declare const CardMetricItem: (props: PisellStatisticProps) => JSX.Element;
+export default CardMetricItem;

package/es/components/cardPro/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/es/components/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+declare const Checkbox: (props: any) => JSX.Element;
+export default Checkbox;

package/es/components/collapse/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+interface CollapseProps {
+    panelBackground?: string;
+    panelMarginBottom?: string | 0;
+    panelBorderRadius?: string | 0;
+    items: any[];
+    showHeader?: boolean;
+    headerColor?: string | '#101828';
+    headerFontSize?: string | 14;
+    expandIcon?: any;
+    [key: string]: any;
+}
+declare const Collapse: React.FC<CollapseProps>;
+export default Collapse;

package/es/components/colorPicker/index.d.ts

@@ -0,0 +1,3 @@
+import { ColorPickerProps } from 'antd';
+declare const ColorPicker: (props: ColorPickerProps) => JSX.Element;
+export default ColorPicker;

package/es/components/config-provider/index.d.ts

@@ -0,0 +1,7 @@
+import { ConfigProviderProps as OriginalConfigProviderProps } from "antd/es/config-provider";
+import "dayjs/locale/zh-cn";
+export interface ConfigProviderProps extends OriginalConfigProviderProps {
+    [key: string]: any;
+}
+declare const ConfigProvider: (props: ConfigProviderProps) => JSX.Element;
+export default ConfigProvider;

package/es/components/cropPhoto/index.d.ts

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

package/es/components/customSelect/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { SelectProps } from 'antd';
+import './index.less';
+export interface BaseOption {
+    label: string;
+    value: string | number;
+}
+export interface CustomSelectProps<T extends BaseOption> extends Omit<SelectProps<T['value']>, 'options' | 'value' | 'onChange'> {
+    options: T[];
+    value?: T['value'];
+    onChange?: (value: T['value']) => void;
+    renderItem?: (option: T) => React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const CustomSelect: <T extends BaseOption>(props: CustomSelectProps<T>) => JSX.Element;
+export default CustomSelect;

package/es/components/dataSourceComponents/dataSourceForm/BaseForm.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const _default: any;
+export default _default;

package/es/components/dataSourceComponents/dataSourceForm/formItem.d.ts

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

package/es/components/dataSourceComponents/dataSourceForm/group/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './index.less';
+export interface FormGroupProps {
+    title: string;
+    description: string;
+    showTitle: boolean;
+    showDescription: boolean;
+    showBackgroundColor: boolean;
+    backgroundColor: string;
+    children: React.ReactNode;
+}
+/**
+ * @title: 表单分组组件
+ * @description: 用于在表单中划分分组，支持标题、描述、背景色等配置
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-11-25 17:14:25
+ */
+declare const FormGroup: (props: FormGroupProps) => JSX.Element;
+export default FormGroup;

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

@@ -0,0 +1,3 @@
+import './index.less';
+declare const _default: any;
+export default _default;

package/es/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingContext.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ModeType } from '../../type';
+export interface FormSettingContextType {
+    onDataSourceFinish?: (values: any, result: any, form: any) => void;
+    renderMode?: ModeType;
+    groupInfoPosition?: 'top' | 'side';
+    children?: React.ReactNode;
+    currentValue?: 'server' | 'local';
+    size?: 'small' | 'middle' | 'large';
+    formatSubmitValues?: (values: Record<string, any>) => Record<string, any>;
+    formatInitialValues?: (values: Record<string, any>) => Record<string, any>;
+    customSubmit?: (values: Record<string, any>) => Promise<any>;
+}
+export declare const FormSettingContext: import("react").Context<FormSettingContextType>;
+export default FormSettingContext;

package/es/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingProvider.d.ts

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

package/es/components/dataSourceComponents/dataSourceForm/provider/hooks/useFormSetting.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 获取表单配置
+ */
+declare const useFormSetting: () => import("../formSetting/FormSettingContext").FormSettingContextType;
+export default useFormSetting;

package/es/components/dataSourceComponents/dataSourceForm/provider/hooks/useJsonPrefixPath.d.ts

@@ -0,0 +1,5 @@
+declare const useJsonPrefixPath: () => {
+    path: (string | number)[];
+    level: number;
+};
+export default useJsonPrefixPath;

package/es/components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperContext.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const JsonWrapperContext: import("react").Context<{
+    path: (string | number)[];
+    level: number;
+}>;
+export default JsonWrapperContext;

package/es/components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperProvider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface JsonWrapperProps {
+    prefix: string | number | (string | number)[];
+    name?: string;
+}
+declare const JsonWrapperProvider: React.FC<React.PropsWithChildren<JsonWrapperProps>>;
+export default JsonWrapperProvider;

package/es/components/dataSourceComponents/dataSourceForm/serve.d.ts

@@ -0,0 +1,149 @@
+export interface DataSourceType {
+    key: string;
+    displayName: string;
+    status: string;
+    type: string;
+    isDBInstance: boolean;
+    collections: Collection[];
+}
+export declare type ActionsItem = {
+    method: string;
+    path: string;
+    params: {
+        name: string;
+        value: string;
+    }[];
+    headers: {
+        name: string;
+        value: string;
+    }[];
+    body: Record<string, any>;
+};
+export interface Collection {
+    name: string;
+    title: string;
+    tableName: string;
+    timestamps: boolean;
+    autoGenId: boolean;
+    filterTargetKey: string;
+    fields: Field[];
+    introspected: boolean;
+    unavailableActions: any[];
+    actions: {
+        get: ActionsItem;
+        update: ActionsItem;
+        create: ActionsItem;
+        delete: ActionsItem;
+        list: ActionsItem;
+    };
+}
+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;
+}
+/**
+ * 获取nocobase自定义数据源
+ */
+export declare const getNocobaseDataSource: () => Promise<DataSourceType[]>;
+/**
+ * 获取nocobase主数据源
+ */
+export declare const getNocobaseMainDataSource: () => Promise<any>;
+/**
+ * 获取nocobase数据源设置
+ */
+export declare const getNocobaseDataSourceOptions: () => Promise<any>;
+/**
+ * 创建nocobase数据
+ */
+export declare const createNocobaseData: (params: {
+    key: string;
+    data: any;
+    headers?: any;
+}) => Promise<any>;
+/**
+ * nocobase get数据
+ */
+export declare const getNocobaseData: (params: {
+    key: string;
+    query: Record<string, any>;
+    headers?: any;
+}) => Promise<any>;
+/**
+ * 自定义api接口
+ */
+export declare const customApi: (url: string, data: Record<string, any>, options: {
+    method: 'GET' | 'POST' | 'PUT' | 'DELETE';
+    baseUrl?: string | undefined;
+    headers?: {
+        name: string;
+        value: any;
+    }[] | undefined;
+    params?: {
+        name: string;
+        value: any;
+    }[] | undefined;
+    body?: Record<string, any> | undefined;
+}) => Promise<any>;
+/**
+ * 更新nocobase数据
+ */
+export declare const updateNocobaseData: (params: {
+    key: string;
+    data: any;
+    headers?: any;
+    query?: Record<string, any> | undefined;
+}) => Promise<any>;
+/**
+ * 获取nocobase数据列表
+ */
+export declare const getNocobaseDataList: (allParams: {
+    key: string;
+    params: {
+        page: number;
+        pageSize: number;
+    };
+    headers?: any;
+}) => Promise<any>;
+/**
+ * 删除nocobase数据
+ */
+export declare const deleteNocobaseData: (key: string, id: string, headers?: any) => Promise<any>;
+export {};

package/es/components/dataSourceComponents/dataSourceForm/submitButton/index.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { ButtonProps } from 'antd';
+import './index.less';
+export interface SubmitButtonProps extends ButtonProps {
+    status: 'normal' | 'disabled' | 'hidden';
+    children: React.ReactNode;
+    childrenString?: string;
+    confirmConfig?: {
+        enable: boolean;
+        title: string;
+        content: string;
+        icon: React.ReactNode;
+        okText: string;
+        cancelText: string;
+    };
+    toastConfig?: {
+        enable: boolean;
+        icon: React.ReactNode;
+        title: string;
+        showAfterSubmit?: boolean;
+    };
+    refreshData?: boolean;
+    afterSubmitType?: 'none' | 'close' | 'showModal' | 'showNotification';
+    afterSubmitModalConfig?: {
+        title: string;
+        content: string;
+        okText: string;
+        onOk?: () => void;
+    };
+    afterSubmitNotificationConfig?: {
+        title: string;
+        content: string;
+        icon: React.ReactNode;
+        duration: number;
+        placement: 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight';
+    };
+}
+declare const SubmitButton: (props: SubmitButtonProps) => JSX.Element | null;
+export default SubmitButton;

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { DataSourceType } from "../provider/dataSource/DataSourceContext";
+export declare type ModeType = 'edit' | 'add' | 'view' | 'disabled' | 'hidden' | 'tableView';
+export interface DataSourceFormProps {
+    title: string;
+    description: string;
+    dataSource: DataSourceType;
+    extraParams?: Record<string, any>;
+    showTitle: boolean;
+    showDescription: boolean;
+    groupInfoPosition: 'top' | 'side';
+    variables: any[];
+    renderMode?: ModeType;
+    currentValue?: 'server' | 'local';
+    children: React.ReactNode;
+    className?: string;
+    size?: 'small' | 'middle' | 'large';
+    onDataSourceFinish?: (values: any, result: any) => void;
+    __designMode?: string;
+    formatSubmitValues?: (values: Record<string, any>) => Record<string, any>;
+    formatInitialValues?: (values: Record<string, any>) => Record<string, any>;
+    customSubmit?: (values: Record<string, any>) => Promise<any>;
+    leaveConfirmConfig?: {
+        enable: boolean;
+        title: string;
+        content: string;
+        icon: React.ReactNode;
+        okText: string;
+        cancelText: string;
+    };
+}

package/es/components/dataSourceComponents/dataSourceForm/utils.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import { FormInstance } from 'antd';
+import { ModeType } from './type';
+import './style.less';
+export interface WithModeProps {
+    renderMode?: ModeType;
+    value?: any;
+    onChange?: (value: any) => void;
+    [key: string]: any;
+}
+/**
+ * @title: 增加renderMode属性
+ * @description: 基于renderMode属性控制渲染模式
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-11-23 17:13:18
+ */
+export declare const withMode: <P extends object>(FieldComponent: React.ComponentType<P>, ReadPrettyComponent?: React.ComponentType<P & {
+    renderMode: ModeType;
+}> | undefined, transformProps?: ((props: P, renderMode: ModeType) => P) | undefined) => React.FC<P & WithModeProps>;
+export interface WithFormItemProps {
+    name: string;
+    label?: string;
+    mode?: ModeType;
+    [key: string]: any;
+}
+export declare const formItemNameReplace: (name: string) => string;
+export declare const formItemNameReverse: (name: string) => string;
+export declare const isValidDomain: (value: string) => boolean;
+/**
+ * @title: 追加formItem层
+ * @description:
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-11-23 17:14:25
+ */
+export declare const withFormItem: <P extends object>(WrappedComponent: React.ComponentType<P>, overlayProps?: {
+    otherFormItemProps?: Record<string, any> | ((props: Record<string, any>, others?: Record<string, any>) => Record<string, any>) | undefined;
+    innerProps?: Record<string, any> | undefined;
+} | undefined) => React.FC<P & WithFormItemProps>;
+export declare const withDataSource: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
+    dataSource?: any;
+}) => JSX.Element;
+export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
+    options?: any;
+    optionSourceType?: "custom" | "default" | "api" | undefined;
+    labelField: string;
+    valueField: string;
+    extraParams?: Record<string, any> | undefined;
+}) => JSX.Element;
+export declare const getNestedValue: (obj: Record<string, any>, path: string) => Record<string, any>;
+export declare const renderValueWithMap: (value: any, valueMap?: Record<string, string>, renderMode?: ModeType) => JSX.Element | null;
+export declare function toArr(str: string | number | (string | number)[]): (string | number)[];
+export declare const filterSystemFields: (params: Record<string, any>) => Record<string, any>;
+export declare const transformFormObjToArrayWithUntouched: (obj: Record<string, any>) => any[];
+export declare const setFormFieldsUntouched: (form: FormInstance) => void;

package/es/components/dataSourceComponents/dataSourceMenu/Basic.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PisellMenuProps } from '../../pisellMenu/types';
+/**
+ * @title: 数据源表单组件
+ * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
+ */
+declare const DataSourceMenu: React.ForwardRefExoticComponent<PisellMenuProps & React.RefAttributes<any>>;
+export default DataSourceMenu;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PisellMenuProps } from '../../pisellMenu/types';
+/**
+ * @title: 数据源表单组件
+ * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
+ */
+declare const DataSourceMenu: (props: PisellMenuProps, ref: React.Ref<any>) => JSX.Element;
+export default DataSourceMenu;

package/es/components/dataSourceComponents/dataSourceShow/dataSourceImage/index.d.ts

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

package/es/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

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

package/es/components/dataSourceComponents/dataSourceShow/dataSourceTypography/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface DataSourceTypographyProps {
+    dataSourceKey: string;
+    children: React.ReactNode;
+}
+declare const DataSourceTypography: {
+    (props: DataSourceTypographyProps): JSX.Element;
+    Text: (props: import("../utils").ParsedProps) => JSX.Element;
+};
+export default DataSourceTypography;

package/es/components/dataSourceComponents/dataSourceShow/utils.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ParsedProps {
+    [key: string]: unknown;
+}
+declare const withParseVariables: <P extends ParsedProps>(Component: React.ComponentType<P>, keys: string[]) => (props: P) => JSX.Element;
+export default withParseVariables;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DataSourceTableProps } from './type';
+export interface TableRef {
+    refreshCurrentPage: () => void;
+    refreshData: () => void;
+}
+declare const _default: React.ForwardRefExoticComponent<DataSourceTableProps & React.RefAttributes<TableRef>>;
+export default _default;