@pisell/materials 1.0.1006 → 1.0.1008

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

@@ -0,0 +1,237 @@
+import type { CSSProperties, ReactNode } from 'react';
+/**
+ * 布局模式
+ */
+export declare type BatchActionBarPosition = 'sticky-top' | 'sticky-bottom' | 'float' | 'inline';
+/**
+ * 确认弹窗配置
+ */
+export interface BatchActionConfirmConfig {
+    /**
+     * 弹窗标题
+     */
+    title?: string;
+    /**
+     * 弹窗描述内容
+     */
+    description?: string;
+    /**
+     * 确认按钮文案
+     */
+    okText?: string;
+    /**
+     * 取消按钮文案
+     */
+    cancelText?: string;
+}
+/**
+ * 默认操作按钮配置
+ * @description 固定四个基础操作按钮：全选、反选、取消选择、删除
+ */
+export interface DefaultActionsConfig {
+    /**
+     * 是否显示默认操作按钮（全选、反选、取消选择、删除）
+     * @default true
+     */
+    showDefaultActions?: boolean;
+    /**
+     * 是否显示全选按钮
+     * @default true
+     */
+    showSelectAll?: boolean;
+    /**
+     * 是否显示反选按钮
+     * @default true
+     */
+    showInvert?: boolean;
+    /**
+     * 是否显示取消选择按钮
+     * @default true
+     */
+    showClear?: boolean;
+    /**
+     * 是否显示删除按钮
+     * @default true
+     */
+    showDelete?: boolean;
+}
+/**
+ * 自定义操作按钮配置
+ */
+export interface BatchActionItem {
+    /**
+     * 操作唯一标识
+     */
+    key: string;
+    /**
+     * 按钮文案
+     */
+    label: ReactNode;
+    /**
+     * 按钮图标
+     */
+    icon?: ReactNode;
+    /**
+     * 按钮尺寸
+     * @description 对应 GraphicTextCard 的 size 属性
+     * @default 'small'
+     */
+    size?: 'small' | 'default' | 'large';
+    /**
+     * 是否禁用
+     * @description 支持函数形式，基于 selection 动态判断
+     */
+    disabled?: boolean | ((selectedKeys: React.Key[], selectedRows?: any[]) => boolean);
+    /**
+     * 是否显示
+     * @description 支持函数形式，基于 selection 动态判断
+     * @default true
+     */
+    visible?: boolean | ((selectedKeys: React.Key[], selectedRows?: any[]) => boolean);
+    /**
+     * 是否显示 loading 状态
+     */
+    loading?: boolean;
+    /**
+     * 是否需要确认弹窗
+     * @default false
+     */
+    confirm?: boolean | BatchActionConfirmConfig;
+    /**
+     * 自定义样式
+     */
+    style?: CSSProperties;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 按钮组标识
+     * @description 相同 group 的按钮会分组展示
+     */
+    group?: string;
+    /**
+     * 按钮点击回调
+     * @description 如果配置了此回调，会优先使用此回调，否则使用组件级别的 onActionClick
+     */
+    onClick?: (selectedKeys: React.Key[], selectedRows?: any[]) => void | Promise<void>;
+}
+/**
+ * PisellBatchActionBar 组件 Props
+ * @description 批量操作栏组件，用于承载基于选中对象的批量行为操作
+ */
+export interface PisellBatchActionBarProps {
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     */
+    style?: CSSProperties;
+    /**
+     * 选中的 key 数组
+     * @description 必填，用于感知选择状态
+     */
+    selectedKeys: React.Key[];
+    /**
+     * 选中的行数据数组
+     * @description 可选，用于传递给操作回调
+     */
+    selectedRows?: any[];
+    /**
+     * 总数据量
+     * @description 用于判断全选状态
+     */
+    total?: number;
+    /**
+     * 当前页数据量
+     * @description 用于判断全选当前页状态
+     */
+    currentPageTotal?: number;
+    /**
+     * 当前页数据 key 数组
+     * @description 用于判断全选当前页状态
+     */
+    currentPageKeys?: React.Key[];
+    /**
+     * 布局模式
+     * @default 'float'
+     */
+    position?: BatchActionBarPosition;
+    /**
+     * 吸顶/吸底时的偏移量
+     * @default 0
+     */
+    offset?: number;
+    /**
+     * 是否显示选中数量提示
+     * @default true
+     */
+    showSelectedCount?: boolean;
+    /**
+     * 选中数量提示文案
+     * @description 支持字符串模板（使用 {count} 占位符）或函数形式，默认使用国际化文本
+     * @default getText('batch-action-bar-selected-count', count)
+     */
+    selectedCountText?: string | ((count: number) => string);
+    /**
+     * 默认操作按钮配置
+     * @description 只包含前三个基础选择操作按钮，其他操作按钮通过 actions 传入
+     */
+    defaultActions?: DefaultActionsConfig;
+    /**
+     * 自定义操作按钮配置
+     */
+    actions?: BatchActionItem[];
+    /**
+     * 操作按钮排序
+     * @description 通过 key 数组控制按钮顺序
+     */
+    actionOrder?: string[];
+    /**
+     * 是否启用溢出折叠
+     * @default true
+     */
+    enableOverflow?: boolean;
+    /**
+     * 溢出折叠阈值（按钮数量）
+     * @default 5
+     */
+    overflowThreshold?: number;
+    /**
+     * "更多"按钮文案
+     * @description 默认使用国际化文本
+     * @default getText('batch-action-bar-more')
+     */
+    moreText?: string;
+    /**
+     * 全选回调
+     */
+    onSelectAll?: () => void;
+    /**
+     * 反选回调
+     * @description 反选操作，将当前选中的变为未选中，未选中的变为选中
+     */
+    onInvert?: () => void;
+    /**
+     * 清空选择回调
+     */
+    onClear?: () => void;
+    /**
+     * 删除回调
+     * @description 删除选中项，点击后会先弹出确认弹窗
+     */
+    onDelete?: (selectedKeys: React.Key[], selectedRows?: any[]) => void;
+    /**
+     * 删除确认弹窗配置
+     * @description 自定义删除确认弹窗的标题和内容
+     */
+    deleteConfirmConfig?: BatchActionConfirmConfig;
+    /**
+     * 自定义操作按钮点击回调
+     * @description 当 actions 中的按钮被点击时触发，通过 action.key 区分不同的操作
+     * @description 如果 action 中配置了 onClick，则优先使用 action.onClick
+     */
+    onActionClick?: (key: string, selectedKeys: React.Key[], selectedRows?: any[]) => void | Promise<void>;
+}

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

@@ -0,0 +1,107 @@
+import React from 'react';
+import { PisellCheckboxGroupProps } from '../pisellCheckboxGroup';
+import { PisellContextType } from '../pisell-config-provider/context';
+import { PisellWalletPassCardProps, FormatOption } from '../pisellWalletPassCard';
+import './index.less';
+export interface PisellCardListProps extends Omit<PisellCheckboxGroupProps, 'options'> {
+    platform?: PisellContextType['platform'];
+    /** 当用户查看完所有记录时，底部会显示此消息 */
+    endMessage?: React.ReactNode;
+    /** 加载下次数据时的加载站位 */
+    loader?: React.ReactNode;
+    /** 是否有更多数据 */
+    hasMore: boolean;
+    /** 加载更多数据回调 */
+    loadMoreData?: () => Promise<void>;
+    /** 当前list数据 */
+    data: PisellWalletPassCardProps[];
+    /** list空数据时展示内容 */
+    empty?: React.ReactNode;
+    /** 是否展示空状态 */
+    showEmpty?: boolean;
+    /** 是否展示卡片名称 */
+    showName?: boolean;
+    /** 是否展示店铺名称 */
+    showStoreName?: boolean;
+    /** 是否展示核销金额 */
+    showRedeem?: boolean;
+    /** 是否展示余额 */
+    showBalance?: boolean;
+    /** 是否展示编码 */
+    showCode?: boolean;
+    /** 是否展示到期时间 */
+    showValidDate?: boolean;
+    /** 使用日程信息计算有效期 */
+    validDateBySchedule?: boolean;
+    /** 日程列表 */
+    scheduleList?: any[];
+    /** 是否展示详情按钮 */
+    showDetail?: boolean;
+    /** 是否展示二维码 */
+    showQrCode?: boolean;
+    /** 是否展示封面图 */
+    showCover?: boolean;
+    /** 是否余额货币单位 */
+    showBalanceSymbol?: boolean;
+    /** 卡片大小 */
+    type?: 'default' | 'mini';
+    /** 展示操作按钮 */
+    showActions?: boolean;
+    /** 操作按钮配置 */
+    actions?: {
+        /** 按钮展示方式 */
+        layout: 'expanded' | 'collapsed';
+        /** detail 按钮配置 */
+        detail?: {
+            visible: boolean;
+            iconColor: string;
+        };
+        /** edit按钮配置 */
+        edit?: {
+            visible: boolean;
+            iconColor: string;
+            dialogTitle: string;
+            enableDialog: boolean;
+            fields: {
+                name: string;
+                label: string;
+            };
+        };
+    };
+    /** 编辑编辑按钮后，弹窗展示之前 */
+    beforeEdit?: (value: any, index: number) => Promise<any> | boolean | void;
+    /** 编辑弹窗点击提交 */
+    onConfirmEdit?: (value: any, index: number, data: any) => void;
+    /** 是否展示状态标识 */
+    showStatus?: boolean;
+    /** 名称标题字号字重颜色配置 */
+    nameTitleStyle?: {
+        fontSize: number;
+        fontWeight: number;
+        color: string;
+    };
+    /** 开启编辑金额 */
+    enableEditAmount?: boolean;
+    /** 编辑金额事件 */
+    onConfirmEditAmount?: (value: number, index: number, data: any) => void;
+    /** 是否使用外部详情处理 */
+    useExternalDetail?: boolean;
+    /** 详情事件 */
+    onDetail?: (value: any, index: number) => void;
+    /** 自定义余额格式化函数，如果提供则优先使用 */
+    formatBalance?: (balance?: number, option?: FormatOption) => React.ReactNode;
+    /** 自定义余额标题格式化函数，如果提供则优先使用 */
+    formatBalanceTitle?: (balanceTitle?: string, option?: FormatOption) => React.ReactNode;
+    /** 自定义使用金额格式化函数，如果提供则优先使用 */
+    formatRedeem?: (redeem?: number, option?: FormatOption) => React.ReactNode;
+    /** 自定义使用金额标题格式化函数，如果提供则优先使用 */
+    formatRedeemTitle?: (redeemTitle?: string, option?: FormatOption) => React.ReactNode;
+    /** 编辑金额前事件 */
+    onBeforeEditAmount?: (value: any, index: number, data: any) => Promise<any> | boolean | void;
+    /** 选项点击事件 */
+    onItemClick?: (e: React.MouseEvent<HTMLDivElement>, option: any) => void;
+    /** 是否展示选中状态的背景色 */
+    showActiveBackground?: boolean;
+}
+declare const _default: React.NamedExoticComponent<PisellCardListProps>;
+export default _default;

package/lib/components/pisellDataSourceContainer/PisellDataSourceContainer.d.ts

@@ -0,0 +1,3 @@
+import { DataSourceContainerProps } from './type';
+declare const PisellDataSourceContainer: (props: DataSourceContainerProps) => JSX.Element;
+export default PisellDataSourceContainer;

package/lib/components/pisellDataSourceContainer/components/ColumnsSetting/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { DataSourceContainerContextType } from '../../type';
+export declare const COLUMNS_SHARED_STATE_KEYS: {
+    readonly columnsValue: (instanceId: string) => string;
+    readonly columnsChange: (instanceId: string) => string;
+};
+export interface ColumnsSettingProps {
+    scopeId?: string;
+}
+export interface ColumnSettingItem {
+    key: string;
+    title: React.ReactNode;
+    titleString?: string;
+    dataIndex: string;
+    isShow: boolean;
+    sortIndex?: number;
+    fixed?: 'left' | 'right' | boolean;
+}
+declare const _default: React.ForwardRefExoticComponent<Omit<ColumnsSettingProps & DataSourceContainerContextType & React.RefAttributes<unknown> & {
+    refId?: string | undefined;
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;

package/lib/components/pisellDataSourceContainer/components/Filter/FilterButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { FormInstance } from 'antd';
+import { DataSourceContainerContextType } from '../../type';
+declare const _default: React.ForwardRefExoticComponent<Omit<Partial<import("../../../filter/components/FilterButton/types").FilterListProps> & DataSourceContainerContextType & FormInstance<any> & React.RefAttributes<unknown> & {
+    refId?: string | undefined;
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;

package/lib/components/pisellDataSourceContainer/components/Filter/QuickFilter.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FormInstance } from 'antd';
+import { DataSourceContainerContextType } from '../../type';
+declare const _default: React.ForwardRefExoticComponent<Omit<Partial<{
+    filterList: import("../../../filter/types").FilterItemProps[];
+    formFiltersPrefix?: string | undefined;
+}> & DataSourceContainerContextType & FormInstance<any> & React.RefAttributes<unknown> & {
+    refId?: string | undefined;
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;

package/lib/components/pisellDataSourceContainer/components/Filter/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { FormInstance } from 'antd';
+import { DataSourceContainerContextType } from '../../type';
+declare const _default: React.ForwardRefExoticComponent<Omit<Partial<{
+    value: {
+        quickFilter?: import("../../../filter/types").FilterItemProps[] | undefined;
+        otherFilter?: import("../../../filter/types").FilterItemProps[] | undefined;
+    };
+    formFiltersPrefix?: string | undefined;
+    quickFilterMaxLength?: number | undefined;
+}> & DataSourceContainerContextType & FormInstance<any> & React.RefAttributes<unknown> & {
+    refId?: string | undefined;
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;

package/lib/components/pisellDataSourceContainer/components/Pagination/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { DataSourceContainerContextType } from '../../type';
+declare const _default: React.ForwardRefExoticComponent<Omit<Partial<import("antd").PaginationProps> & DataSourceContainerContextType & React.RefAttributes<unknown> & {
+    refId?: string | undefined;
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;

package/lib/components/pisellDataSourceContainer/components/Pagination/index.js

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(Pagination_exports);
 var import_react = __toESM(require("react"));
 var import_Pagination = __toESM(require("../../../Pagination"));
 var import_withContainer = __toESM(require("../../utils/withContainer"));
+var import_locales = require("../../../../locales");
 var WithPagination = (0, import_react.forwardRef)(
   (props) => {
     const {
@@ -50,6 +51,9 @@ var WithPagination = (0, import_react.forwardRef)(
     return /* @__PURE__ */ import_react.default.createElement(
       import_Pagination.default,
       {
+        showTotal: (total) => {
+          return (0, import_locales.getText)("table-pagination-total")((pagination == null ? void 0 : pagination.pageNumber) || 1, total);
+        },
         ...otherProps,
         total: (data == null ? void 0 : data.count) || 0,
         current: (pagination == null ? void 0 : pagination.pageNumber) || 1,

package/lib/components/pisellDataSourceContainer/components/Sort/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { FormInstance } from 'antd';
+import { DataSourceContainerContextType } from '../../type';
+declare const _default: React.ForwardRefExoticComponent<Omit<Partial<import("../../../sort/types").SortListProps> & DataSourceContainerContextType & {
+    name?: string | undefined;
+} & FormInstance<any> & React.RefAttributes<unknown> & {
+    refId?: string | undefined;
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;

package/lib/components/pisellDataSourceContainer/components/Table/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DataSourceContainerContextType } from '../../type';
+declare const _default: React.ForwardRefExoticComponent<Omit<Partial<import("antd").TableProps<any>> & DataSourceContainerContextType & {
+    scopeId?: string | undefined;
+} & React.RefAttributes<unknown> & {
+    refId?: string | undefined;
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;

package/lib/components/pisellDataSourceContainer/components/Table/useColumns.d.ts

@@ -0,0 +1,13 @@
+import { RefManagerContextType } from '../../type';
+/**
+ * useColumns Hook 参数
+ */
+interface UseColumnsParams {
+    columns: any[];
+    scopeId: string;
+    refManager: RefManagerContextType;
+}
+declare const useColumns: (params: UseColumnsParams) => {
+    visibleColumns: any[];
+};
+export default useColumns;

package/lib/components/pisellDataSourceContainer/hooks/useContainerContext.d.ts

@@ -0,0 +1,3 @@
+import { UseContainerContextReturnType } from '../type';
+declare const useContainerContext: (displayName?: string) => UseContainerContextReturnType;
+export default useContainerContext;

package/lib/components/pisellDataSourceContainer/hooks/useHandleAction.d.ts

@@ -0,0 +1,32 @@
+import { DataSourceContainerProps } from '../type';
+import { FormInstance } from 'antd';
+declare const useHandleAction: (initialParams: Record<string, any> | undefined, options: DataSourceContainerProps['pagination'], form: FormInstance | undefined) => {
+    list: {
+        pagination?: {
+            pageNumber: number;
+            pageSize: number;
+        } | undefined;
+        data: {
+            list: any;
+            count: any;
+        };
+        onSearch: (newParams?: Record<string, any>) => void;
+        onReset: () => void;
+        onPageChange: (pageNumber: number, pageSize: number) => void;
+        loading: boolean;
+        error?: Error | undefined;
+        params: any;
+        cancel: () => void;
+        refresh: () => void;
+        refreshAsync: () => Promise<any>;
+        run: (...params: any) => void;
+        runAsync: (...params: any) => Promise<any>;
+        mutate: (data?: any) => void;
+    };
+    get: import("ahooks/es/useRequest/src/types").Result<any, any>;
+    update: import("ahooks/es/useRequest/src/types").Result<any, any>;
+    create: import("ahooks/es/useRequest/src/types").Result<any, any>;
+    destroy: import("ahooks/es/useRequest/src/types").Result<any, any>;
+    getCurrentRecord: () => any;
+};
+export default useHandleAction;

package/lib/components/pisellDataSourceContainer/hooks/useHandleAction.js

@@ -39,7 +39,7 @@ var defaultPagination = {
   pageNumber: 1,
   pageSize: 10
 };
-var useHandleAction = (initialParams = {}, options) => {
+var useHandleAction = (initialParams = {}, options, form) => {
   const { list, get, update, create, destroy, getCurrentRecord } = (0, import_useDataSource.default)();
   const normalizedOptions = options === true ? defaultPagination : typeof options === "object" ? options : {};
   const { pageNumber, pageSize } = normalizedOptions;
@@ -75,8 +75,10 @@ var useHandleAction = (initialParams = {}, options) => {
   );
   const onReset = (0, import_react.useCallback)(() => {
     var _a;
+    const formValues = (form == null ? void 0 : form.getFieldsValue()) || {};
     let resetParams = {
-      ...((_a = initialParamsRef.current) == null ? void 0 : _a.list) || {}
+      ...((_a = initialParamsRef.current) == null ? void 0 : _a.list) || {},
+      ...formValues
     };
     if (enablePagination) {
       setPagination({

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import Filter from './components/Filter';
+import QuickFilter from './components/Filter/QuickFilter';
+import FilterButton from './components/Filter/FilterButton';
+import Sort from './components/Sort';
+import Table from './components/Table';
+import Pagination from './components/Pagination';
+import ColumnsSetting from './components/ColumnsSetting';
+import withContainer from './utils/withContainer';
+import useContainerContext from './hooks/useContainerContext';
+import { DataSourceContainerProps } from './type';
+/**
+ * PisellDataSourceContainer 复合组件类型定义
+ */
+interface PisellDataSourceContainerType extends React.FC<DataSourceContainerProps> {
+    Filter: typeof Filter;
+    QuickFilter: typeof QuickFilter;
+    FilterButton: typeof FilterButton;
+    Sort: typeof Sort;
+    Table: typeof Table;
+    Pagination: typeof Pagination;
+    ColumnsSetting: typeof ColumnsSetting;
+    withContainer: typeof withContainer;
+    useContainerContext: typeof useContainerContext;
+}
+declare const PisellDataSourceContainer: PisellDataSourceContainerType;
+export default PisellDataSourceContainer;
+export type { DataSourceContainerProps } from './type';

package/lib/components/pisellDataSourceContainer/provider/ChildComponentProps.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+import { FormInstance } from 'antd';
+import { ChildComponentPropsType } from '../type';
+declare type ChildComponentPropsContextType = ChildComponentPropsType & {
+    form: FormInstance;
+};
+interface ChildComponentPropsProviderProps {
+    childComponentProps?: ChildComponentPropsType;
+    children: ReactNode;
+}
+export declare const ChildComponentPropsProvider: React.FC<ChildComponentPropsProviderProps>;
+export declare const useChildComponentPropsContext: () => ChildComponentPropsContextType;
+export {};

package/lib/components/pisellDataSourceContainer/provider/HandleActions.js

@@ -50,7 +50,7 @@ var HandleActionsProvider = (props) => {
   const { dataSourceKey } = (0, import_useDataSourceKey.default)();
   const handleAction = (0, import_useHandleAction.default)({
     list: extraParams == null ? void 0 : extraParams.list
-  }, pagination);
+  }, pagination, form);
   (0, import_react.useEffect)(() => {
     registerValueVariable == null ? void 0 : registerValueVariable(componentId, {
       currentDataSource: dataSource

package/lib/components/pisellDataSourceContainer/provider/RefManager.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { RefManagerContextType } from '../type';
+export declare const RefManagerContext: React.Context<RefManagerContextType | null>;
+interface RefManagerProviderProps {
+    children: React.ReactNode;
+}
+export declare const RefManagerProvider: React.FC<RefManagerProviderProps>;
+export declare const useRefManagerProvider: () => RefManagerContextType;
+export {};