@pisell/materials 6.6.13 → 6.6.15

package/lib/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/lib/components/badge/index.d.ts

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

package/lib/components/batch-editor/fields/Image/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface ImageProps extends React.ComponentPropsWithoutRef<"img"> {
+    value?: string;
+}
+import "./index.less";
+declare const Image: (props: ImageProps) => React.JSX.Element | null;
+export default Image;

package/lib/components/batch-editor/fields/Price/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { InputNumberProps } from "antd";
+export interface PriceProps extends InputNumberProps {
+    symbol: string;
+}
+declare const Price: React.FC<PriceProps>;
+export default Price;

package/lib/components/batch-editor/fields/Text/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface TextProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+declare const Text: (props: TextProps) => React.JSX.Element;
+export default Text;

package/lib/components/batch-editor/fields/index.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    price: import("react").FC<import("./Price").PriceProps>;
+    image: (props: import("./Image").ImageProps) => import("react").JSX.Element | null;
+    text: (props: import("./Text").TextProps) => import("react").JSX.Element;
+};
+export default _default;

package/lib/components/batch-editor/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./index.less";
+interface BatchEditorProps {
+    columns: any[];
+    dataSource: any[];
+    onChange: (value: any) => void;
+    rowKey: string;
+    otherTableProps: any;
+}
+declare const BatchEditor: (props: BatchEditorProps) => React.JSX.Element;
+export default BatchEditor;

package/lib/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) => React.JSX.Element;
+export default BrowserSelect;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ButtonProps as OriginalButtonProps } from 'antd';
+export interface ButtonProps extends OriginalButtonProps {
+    __designMode?: 'design' | undefined;
+    href?: string;
+    rightIcon?: React.ReactNode;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<any>>;
+export default Button;

package/lib/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/lib/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/lib/components/checkbox/index.d.ts

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

package/lib/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/lib/components/colorPicker/index.d.ts

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

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

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

package/lib/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>) => React.JSX.Element;
+export default CustomSelect;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const FormItem: (props: any) => React.JSX.Element;
+export default FormItem;

package/lib/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) => React.JSX.Element;
+export default FormGroup;

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

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

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

@@ -0,0 +1,16 @@
+/// <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>;
+    beforeSubmit?: (values: Record<string, any>) => Promise<boolean> | boolean;
+}
+export declare const FormSettingContext: import("react").Context<FormSettingContextType>;
+export default FormSettingContext;

package/lib/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/lib/components/dataSourceComponents/dataSourceForm/provider/hooks/useFormSetting.d.ts

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

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

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

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

@@ -0,0 +1,32 @@
+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>;
+    beforeSubmit?: (values: Record<string, any>) => Promise<boolean> | boolean;
+    leaveConfirmConfig?: {
+        enable: boolean;
+        title: string;
+        content: string;
+        icon: React.ReactNode;
+        okText: string;
+        cancelText: string;
+    };
+}

package/lib/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/lib/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>) => React.JSX.Element;
+export default DataSourceMenu;

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

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

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

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

package/lib/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): React.JSX.Element;
+    Text: (props: import("../utils").ParsedProps) => React.JSX.Element;
+};
+export default DataSourceTypography;

package/lib/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) => React.JSX.Element;
+export default withParseVariables;

package/lib/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;

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

@@ -0,0 +1,28 @@
+import React from '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;
+    };
+    getInitialValues?: () => Record<string, any>;
+}
+declare const Filter: (props: FilterProps) => React.JSX.Element;
+export default Filter;

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

@@ -0,0 +1,8 @@
+import React from '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) => React.JSX.Element | null;
+export declare const genFilterItems: (list: FilterItemProps[], dataSource?: DataSourceType) => (React.JSX.Element | null)[];
+export declare const getStoredFilterOrder: (componentId: string) => any;
+export declare const saveFilterOrder: (componentId: string, order: any) => void;

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

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

package/lib/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/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,100 @@
+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;
+    getInitialValues: () => Record<string, any>;
+}
+/**
+ * 处理table的props
+ * 转换title
+ * @param props
+ * @returns
+ */
+declare const useTableProps: (props: UseTablePropsProps) => {
+    currentComponentId: any;
+    title: number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
+    pagination: {
+        total: number;
+        current: number;
+        pageSize: number;
+        size: string;
+        showSizeChanger: boolean;
+    };
+    columns: import("./useColumns").Column[];
+    subTitle: number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
+    buttons: any[] | null;
+    filter: {
+        dom: any;
+        items: any;
+    } | null;
+    onRow: (this: unknown, record: any) => any;
+    actionButtons: any[] | null;
+    __id?: string | undefined;
+    currentSettingKey?: string | undefined;
+    titleButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    } | undefined;
+    tableButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    } | undefined;
+    operation?: {
+        show: boolean;
+        title: string;
+        width: number;
+        align: "center" | "left" | "right";
+        fixed: false | "left" | "right";
+        type: "link" | "button";
+        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" | "middle" | "large";
+        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;
+    localSettings?: import("../../../table/types").LocalSettingsType | undefined;
+};
+export default useTableProps;

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

@@ -0,0 +1,33 @@
+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, currentSettingHash: string) => {
+    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: (this: unknown, params: Params, allParams: Params) => void;
+    refreshData: (this: unknown) => void;
+    handleFilterChange: (this: unknown, changedFields: any, allFields: any) => void;
+    refreshCurrentPage: (this: unknown) => void;
+    getInitialValues: (this: unknown) => Record<string, any>;
+};
+export default useTableQuery;

package/lib/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/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;