@pisell/materials 3.3.71 → 3.3.72

package/lib/components/table/Table/fields/number/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/numberRange/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/lib/components/table/Table/fields/numberRange/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/oldRangePicker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/pSwitch/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/lib/components/table/Table/fields/pSwitch/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

package/lib/components/table/Table/fields/rangePicker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/search/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/lib/components/table/Table/fields/search/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/select/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/text/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 import "./index.less";
 declare const Show: (props: FieldPropsType) => JSX.Element;

package/lib/components/table/Table/fields/text/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/utils.d.ts

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("column_setting" | "gallery_setting" | "order_by" | "group_by" | "filters" | "view_mode" | "filter_setting")[];
+}) => ("filters" | "order_by" | "group_by" | "column_setting" | "gallery_setting" | "filter_setting" | "view_mode")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/lib/components/table/types.d.ts

@@ -0,0 +1,268 @@
+import { FilterType } from "../filter/types";
+import { SortItemProps } from "../sort/types";
+import React from "react";
+export declare type StorageMode = "" | "localStorage";
+/**
+ * 排序总配置
+ */
+export declare type SortType = {
+    /** 排序是否展示 */
+    show: boolean;
+    /** 排序存储模式 */
+    storageMode: StorageMode;
+    list: SortItemProps[];
+};
+/**
+ * 列展示总配置
+ */
+export declare type ColumnSettingType = {
+    /** 列设置是否展示 */
+    show: boolean;
+    /** 列设置存储模式 */
+    storageMode: StorageMode;
+};
+declare type DataSourceListItemType = {
+    isCustom: boolean;
+    columnKey?: string;
+    label?: string;
+    name?: string | string[];
+    isHidden?: boolean;
+};
+/**
+ * 数据源分组总配置
+ */
+export declare type DataSourceGroupType = {
+    /** 分组设置是否展示 */
+    show: boolean;
+    /** 分组设置存储模式 */
+    storageMode: StorageMode;
+    /**  */
+    list: DataSourceListItemType[];
+};
+/**
+ * Gallery封面总配置
+ */
+declare type GalleryCoverType = {
+    /** 封面是否展示 */
+    show: boolean;
+    /**
+     * 封面图片可以使用的字段
+     */
+    fields: string[];
+    /**
+     * 封面高度
+     */
+    height: number;
+    /** 图片裁剪方式 */
+    objectFit: "fill" | "cover";
+};
+/**
+ * Gallery标题总配置
+ */
+declare type GalleryTitleType = {
+    /** 标题使用的字段 */
+    field: string;
+    /** 标题行数 */
+    line: number;
+};
+/**
+ * Gallery头部区域总配置
+ */
+declare type GalleryHeaderType = {
+    /** 头部区域插槽 */
+    slot?: (record: Record<string, any>, index: number) => React.ReactNode;
+    /** 头部区域其他字段设置 */
+    fields: {
+        /** 头部区域其他字段是否展示 */
+        show: boolean;
+        /** 头部区域其他字段 */
+        list: string[];
+    };
+};
+/**
+ * Gallery内容区域总配置
+ */
+declare type GalleryContentType = {
+    /** 内容区域字段配置 */
+    fields: {
+        columnKey: string;
+        show: boolean;
+    }[];
+};
+export declare type GallerySettingValueType = {
+    coverField: string | "noCover";
+    coverObjectFit: "fill" | "cover";
+    compactMode: "default" | "compact";
+    isShowLabel: boolean;
+};
+/**
+ * Gallery底部区域总配置
+ */
+declare type GalleryFooterType = {
+    /** 底部区域自定义渲染 */
+    render: (record: Record<string, any>, index: number) => React.ReactNode;
+    /** 底部区域高度 */
+    height: number;
+};
+/**
+ * Gallery模式总配置
+ */
+export declare type GallerySettingType = {
+    /** 卡片最小宽度 */
+    cardMinWidth: number;
+    /** 卡片最大宽度 */
+    cardMaxWidth: number;
+    /** 水平间隔 */
+    horizontalGutter: number;
+    /** 垂直间隔 */
+    verticalGutter: number;
+    /** 封面配置 */
+    cover: GalleryCoverType;
+    /** 标题配置 */
+    title: GalleryTitleType;
+    /** 头部区域 */
+    header: GalleryHeaderType;
+    /** 内容区域 */
+    content: GalleryContentType;
+    /** 固定高度 */
+    fixedHeight: boolean;
+    /** 固定的卡片高度 */
+    cardHeight: number;
+    /** 固定顶部 */
+    fixedHeader: boolean;
+    /** 固定底部 */
+    fixedFooter: boolean;
+    /** 底部区域 */
+    footer: GalleryFooterType;
+    /** 卡片点击时间 */
+    onItem: (record: Record<string, any>, index: number) => void;
+};
+/** 视图模式 */
+export declare type ModeType = "grid" | "gallery" | "kanban";
+/**
+ * 视图模式总配置
+ */
+export declare type GridViewType = {
+    /** 默认视图模式 */
+    defaultViewMode: ModeType;
+    /** 开启多视图模式可进行页面内转换 */
+    multiple: boolean;
+    /** 当前可用的视图模式列表 */
+    modeList: ModeType[];
+};
+declare type SortDetail = {
+    fromIndex: number;
+    toIndex: number;
+    dataSource: Record<string, any>[];
+    fromId: number | string;
+    toId: number | string;
+    fromItem: Record<string, any>;
+    toItem: Record<string, any>;
+};
+/** 导入导出模式 */
+export declare type ExportImportModeType = "import" | "export" | "export_file" | "import_log";
+/**
+ * @title: 导出导入api
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-09-11 15:44
+ */
+export declare type ApiProps = {
+    export?: string;
+    import?: string;
+    export_file: string;
+    import_log?: string;
+    template?: string;
+};
+/**
+ * 导入导出配置
+ */
+export declare type ExportImportType = {
+    /** 是否展示 */
+    show: boolean;
+    /** 当前所选项 */
+    selectLists: string[];
+    /** 导入模版链接 */
+    templateFileUrl: string;
+    /** 标题 */
+    title: string;
+    hiddenKeys?: string[];
+    apiUrl?: ApiProps;
+    otherParams?: any;
+};
+/**
+ * 设置记忆范围
+ */
+export declare type LocalSettingsScope = "filters" | "sorting" | "columns";
+/**
+ * 本地记忆设置
+ */
+export declare type LocalSettingsType = {
+    /** 启用设置记忆 */
+    enable: boolean;
+    /** 记忆范围 */
+    scope: LocalSettingsScope[];
+    /** 不需要记忆的筛选字段（当 scope 包含 filters 时生效） */
+    excludedFilterFields?: string[];
+};
+export declare type GridViewProps = {
+    columns: any;
+    dataSource: any[];
+    dispatch: any;
+    /**
+     * 画册模式的配置
+     */
+    gallery: GallerySettingType;
+    /**
+     * 视图设置
+     */
+    view: GridViewType;
+    style: React.CSSProperties;
+    pagination: any;
+    filter: FilterType;
+    buttons: React.ReactNode | any[];
+    actionButtons: any;
+    sort: SortType;
+    title?: React.ReactNode | (() => React.ReactNode);
+    showTitle?: boolean;
+    subTitle?: React.ReactNode | (() => React.ReactNode);
+    showSubTitle?: boolean;
+    exportImport: ExportImportType;
+    onValuesChange: (changedValues: any, values: any) => void;
+    summary: any;
+    utils: any;
+    rowKey: ((record: Record<string, any>) => string) | string;
+    columnSetting?: ColumnSettingType;
+    dataSourceGroup?: DataSourceGroupType;
+    loading: boolean;
+    dragSort: boolean;
+    onSortChange?: (detail: SortDetail) => boolean;
+    __id?: string;
+    __designMode?: "design";
+    /**
+     * 当前本地配置的key 用此hash是否改变用来判断是否清空本地配置 不填默认使用columns数据生成hash
+     */
+    currentSettingKey?: string;
+    /**
+    * 当前本地配置的唯一值, 不填默认使用currentSettingKey
+    */
+    currentComponentId?: string;
+    /**
+     * 当前表格中数据发生变化事件 包含本地筛选和外部传入数据变化
+     * @param currentDataSource
+     */
+    onDataSourceChange?: (currentDataSource: Record<string, any>[]) => void;
+    tabs: {
+        show: boolean;
+        type: 'default' | 'button' | 'buttonGroup' | 'dropdown';
+        items: {
+            name: string;
+            filterBy?: Record<string, any>;
+            sortBy?: string;
+        }[];
+    };
+    /** 本地记忆设置 */
+    localSettings?: LocalSettingsType;
+};
+export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps } from 'antd';
 import './index.less';
 export interface Version {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "3.3.71",
+  "version": "3.3.72",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -73,8 +73,8 @@
     "vod-js-sdk-v6": "^1.4.11",
     "react-camera-pro": "1.4.0",
     "@pisell/date-picker": "3.0.3",
-    "@pisell/icon": "0.0.11",
-    "@pisell/utils": "3.0.1"
+    "@pisell/utils": "3.0.1",
+    "@pisell/icon": "0.0.11"
   },
   "peerDependencies": {
     "react": "^18.0.0",

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

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

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

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

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

@@ -1,39 +0,0 @@
-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/utils.d.ts

@@ -1,56 +0,0 @@
-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?: "default" | "custom" | "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/dataSourceTable/BaseTable.d.ts

@@ -1,8 +0,0 @@
-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/es/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts

@@ -1,39 +0,0 @@
-/// <reference types="react" />
-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/useTableProps.d.ts

@@ -1,100 +0,0 @@
-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.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
-    pagination: {
-        total: number;
-        current: number;
-        pageSize: number;
-        size: string;
-        showSizeChanger: boolean;
-    };
-    columns: import("./useColumns").Column[];
-    subTitle: number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
-    buttons: any[] | null;
-    filter: {
-        dom: any;
-        items: any;
-    } | null;
-    onRow: (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/es/components/dataSourceComponents/fields/Input.Mobile/WithMode.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { InputProps } from 'antd';
-import { ModeType } from '../../dataSourceForm/type';
-declare type PhoneValue = string | {
-    phone: string;
-    countryCallingCode: string;
-    countryCode?: string;
-};
-export interface PhoneInputProps extends Omit<InputProps, 'value' | 'onChange'> {
-    renderMode: ModeType;
-    value?: PhoneValue;
-    onChange?: (value: PhoneValue) => void;
-    returnFormat?: 'string' | 'object';
-    inputRef?: any;
-}
-declare const MobileNumberInputWithMode: React.FC<PhoneInputProps & import("../../dataSourceForm/utils").WithModeProps>;
-export default MobileNumberInputWithMode;

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import { InputProps } from 'antd';
-import { ModeType } from "../../dataSourceForm/type";
-declare type PhoneValue = string | {
-    phone: string;
-    countryCallingCode: string;
-};
-export interface PhoneInputProps extends Omit<InputProps, 'value' | 'onChange'> {
-    renderMode: ModeType;
-    value?: PhoneValue;
-    onChange?: (value: PhoneValue) => void;
-    returnFormat?: 'string' | 'object';
-    inputRef?: any;
-}
-declare const PhoneNumberInputWithMode: React.FC<PhoneInputProps & import("../../dataSourceForm/utils").WithModeProps>;
-export default PhoneNumberInputWithMode;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const SwitchWithMode: import("react").FC<import("antd").SwitchProps & import("react").RefAttributes<HTMLElement> & import("../../dataSourceForm/utils").WithModeProps>;
-export default SwitchWithMode;