@pisell/private-materials 6.11.40 → 6.11.41

package/es/hooks/useThemeTokens.d.ts

@@ -0,0 +1,7 @@
+declare type ThemeInput = {
+    token?: {
+        colorPrimary?: string;
+    };
+};
+declare const useThemeTokens: (themeInput?: ThemeInput) => any;
+export default useThemeTokens;

package/es/plus/clientCard/types.d.ts

@@ -0,0 +1,135 @@
+import React, { ReactElement } from 'react';
+export interface ClientData {
+    id: number;
+    shop_id: number;
+    display_name?: string;
+    nickname?: string;
+    email?: string;
+    phone?: string;
+    country_calling_code?: string;
+    channel?: string;
+    created_at: string;
+    updated_at: string;
+    waiver_form?: any;
+    avatar?: string;
+    birthday?: string;
+    address?: string;
+    tags?: string[];
+    [key: string]: any;
+}
+export declare type CardType = 'b1' | 'b2' | 'b5' | 'b9';
+export declare type Direction = 'horizontal' | 'vertical';
+export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | number | string;
+export declare type AvatarShape = 'circle' | 'square';
+export interface AvatarConfig {
+    icon?: string;
+    shape?: AvatarShape;
+    borderRadius?: number | string;
+    size?: AvatarSize;
+    useTextAvatar?: boolean;
+    children?: string;
+}
+export interface StatusConfig {
+    color?: string;
+}
+export interface NameStyle {
+    fontSize?: number | string;
+    fontWeight?: number | string;
+    color?: string;
+    textDecoration?: string;
+}
+export interface TagItem {
+    children: string;
+    color: string;
+}
+export interface TagConfig {
+    placement?: 'separate' | 'inline';
+    flexWrap?: 'nowrap' | 'wrap';
+    gap?: number | string;
+}
+export interface ExtraField {
+    label?: string;
+    value?: string;
+    isShowLabel?: boolean;
+    isShowValue?: boolean;
+    icon?: string;
+    iconSize?: number;
+    iconColor?: string;
+}
+export interface Slots {
+    top?: React.ReactNode;
+    bottom?: React.ReactNode;
+    left?: React.ReactNode;
+    right?: React.ReactNode;
+}
+export interface StyleConfig {
+    width?: number | string;
+    border?: 'solid' | 'unset';
+    borderWidth?: number | string;
+    borderColor?: string;
+    borderRadius?: number | string;
+    padding?: number | string;
+    [key: string]: any;
+}
+export interface FieldNames {
+    id?: string | ((data: any) => any);
+    name?: string | ((data: any) => any);
+    cover?: string | ((data: any) => any);
+    phone?: string | ((data: any) => any);
+    email?: string | ((data: any) => any);
+    birthday?: string | ((data: any) => any);
+    address?: string | ((data: any) => any);
+    tags?: string | ((data: any) => any);
+    [key: string]: string | ((data: any) => any) | undefined;
+}
+export interface DisplayConfig {
+    isShowAvatar?: boolean;
+    isShowName?: boolean;
+    isShowPhone?: boolean;
+    isShowEmail?: boolean;
+    isShowBirthday?: boolean;
+    isShowAddress?: boolean;
+    isShowTag?: boolean;
+    isShowStatus?: boolean;
+    isShowEmptyDescription?: boolean;
+}
+export interface ClientCardProps extends DisplayConfig {
+    type?: CardType;
+    direction?: Direction;
+    dataSource?: ClientData | any;
+    fieldNames?: FieldNames;
+    style?: StyleConfig;
+    horizontalGap?: number | string;
+    verticalGap?: number | string;
+    avatar?: AvatarConfig;
+    status?: StatusConfig;
+    dropdown?: {
+        open?: boolean;
+        buttonProps?: {
+            icon?: ReactElement;
+            onClick?: (e: Event) => void;
+            style?: React.CSSProperties;
+        };
+    };
+    defaultName?: string;
+    nameStyle?: NameStyle;
+    tags?: Array<TagItem | string>;
+    tag?: TagConfig;
+    extraFields?: ExtraField[];
+    slots?: Slots;
+    onAddClient?: () => void;
+    onChangeClient?: (data: ClientData) => void;
+    onRemoveClient?: (data: ClientData) => void;
+    onViewClient?: (data: ClientData) => void;
+}
+export interface ProcessedClientData {
+    id: any;
+    name: string;
+    cover?: string;
+    phone?: string;
+    email?: string;
+    birthday?: string;
+    address?: string;
+    tags?: string[];
+    [key: string]: any;
+}

package/es/plus/clinetSearch/Add/BirthdayField/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const DateSectionCom: ({ value, onChange, showTime, className, style, useSpace, format, itemStyle, }: any) => JSX.Element;
 export default DateSectionCom;

package/es/plus/clinetSearch/Add/GenderField/index.d.ts

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

package/es/plus/clinetSearch/Add/PhoneField/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PhoneField: ({ value, onChange }: any) => JSX.Element;
 export default PhoneField;

package/es/plus/contactInfo/components/SwipeAction/index.d.ts

@@ -0,0 +1,46 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+declare type NativeProps<S extends string = never> = {
+    className?: string;
+    style?: React.CSSProperties & Partial<Record<S, string>>;
+};
+declare type PropagationEvent = 'click';
+import './index.less';
+declare type SideType = 'left' | 'right';
+export declare type SwipeActionRef = {
+    close: () => void;
+    show: (side?: SideType) => void;
+};
+declare type ActionColor = 'light' | 'weak' | 'primary' | 'success' | 'warning' | 'danger';
+export declare type Action = {
+    key: string | number;
+    text: ReactNode;
+    color?: ActionColor | string;
+    onClick?: (e: React.MouseEvent) => void;
+    style?: React.CSSProperties;
+};
+export declare type SwipeActionProps = {
+    rightActions?: Action[];
+    leftActions?: Action[];
+    onAction?: (action: Action, e: React.MouseEvent) => void;
+    closeOnTouchOutside?: boolean;
+    closeOnAction?: boolean;
+    children: ReactNode;
+    stopPropagation?: PropagationEvent[];
+    onActionsReveal?: (side: SideType) => void;
+    onClose?: () => void;
+    escapeDom?: string;
+} & NativeProps<'--background'>;
+export declare const SwipeAction: React.ForwardRefExoticComponent<{
+    rightActions?: Action[] | undefined;
+    leftActions?: Action[] | undefined;
+    onAction?: ((action: Action, e: React.MouseEvent) => void) | undefined;
+    closeOnTouchOutside?: boolean | undefined;
+    closeOnAction?: boolean | undefined;
+    children: ReactNode;
+    stopPropagation?: "click"[] | undefined;
+    onActionsReveal?: ((side: SideType) => void) | undefined;
+    onClose?: (() => void) | undefined;
+    escapeDom?: string | undefined;
+} & NativeProps<"--background"> & React.RefAttributes<SwipeActionRef>>;
+export {};

package/es/plus/contactInfoModal/ContactInfoContent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const ContactInfoContent: (props: any) => JSX.Element;
 export default ContactInfoContent;

package/es/plus/noteModal/AddTempModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const AddTempModal: ({ open, onCancel, onConfirm, }: {
     open: boolean;

package/es/plus/orderList/components/HandleActions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const HandleActions: (props: {
     locales: any;
     __id?: string;

package/es/plus/orderList/components/QuickFilter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const QuickFilter: (props: {
     locales: any;
 }) => JSX.Element;

package/es/plus/orderList/components/Reset.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Reset: (props: {
     locales: any;
     setValueType: (value: any) => void;

package/es/plus/orderList/components/Toolbar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Toolbar: (props: {
     locales: any;
     clearSelectedData: () => void;

package/es/plus/orderList/config.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * 获取表格列配置（支持多语言）
  * @param locales - 多语言对象

package/es/plus/pisellSalesGrid/locales.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Sales Grid 无独立文案：ToolBar / 翻页 / 批量操作栏 文案已放在 materials RecordBoard 相关 locales
+ */
+declare const _default: {
+    en: {};
+    'zh-CN': {};
+    'zh-HK': {};
+};
+export default _default;

package/es/plus/pisellSalesGrid/types.d.ts

@@ -0,0 +1,170 @@
+import type { CSSProperties, ReactNode } from 'react';
+/** 排序子项（如 从低到高 / 从高到低），用于 getSortItems 返回值 */
+export interface SortOptionItemCompat {
+    key: string;
+    label: string;
+}
+/** 排序列表项：type 由 Sort 内置生成子项；getSortItems 则完全自定义子项，与 RecordBoard Sort 约定一致 */
+export interface SortListItemCompat {
+    name?: string | string[];
+    label?: string;
+    /** 排序类型，有 getSortItems 时可省略 */
+    type?: 'date' | 'string' | 'number' | 'option';
+    isCustom?: boolean;
+    columnKey?: string;
+    localFilter?: boolean;
+    isHidden?: boolean;
+    /** 自定义排序子项，优先于 type */
+    getSortItems?: (fieldKey: string) => SortOptionItemCompat[];
+}
+/** 筛选列表项：与 RecordBoard / PisellFilter 使用的 FilterItemProps 形状兼容 */
+export interface FilterItemPropsCompat {
+    type: 'single' | 'input' | 'datePicker' | 'rangePicker' | 'rangePickerNew' | 'search' | 'custom';
+    key: string;
+    name?: string | string[];
+    label?: string;
+    props?: Record<string, any>;
+    other?: Record<string, any>;
+    isCustom?: boolean;
+    columnKey?: string;
+    isHidden?: boolean;
+}
+/** 筛选默认值：quickFilter / otherFilter 为筛项列表，values 为表单值 */
+export interface FilterDefaultValueCompat {
+    quickFilter?: FilterItemPropsCompat[];
+    otherFilter?: FilterItemPropsCompat[];
+    values?: Record<string, any>;
+}
+/** ToolBar 内筛选配置：defaultFilterValue 提供筛项与初始值 */
+export interface RecordBoardToolBarFilterCompat {
+    hiddenQuickFilter?: boolean;
+    hiddenOtherFilter?: boolean;
+    defaultFilterValue?: FilterDefaultValueCompat;
+    [key: string]: any;
+}
+/** ToolBar 内排序配置：list 为排序项数组 */
+export interface RecordBoardToolBarSortCompat {
+    list?: SortListItemCompat[];
+    placement?: 'bottom' | 'bottomLeft' | 'bottomRight' | 'top' | 'topLeft' | 'topRight';
+    [key: string]: any;
+}
+/** ToolBar 内快速筛选配置：filterList 覆盖列派生的快筛列表 */
+export interface RecordBoardToolBarQuickFilterCompat {
+    filterList?: FilterItemPropsCompat[];
+    formFiltersPrefix?: string;
+    size?: 'small' | 'middle' | 'large';
+    [key: string]: any;
+}
+/** ToolBar 透传配置：与 RecordBoardToolBarProps 对齐，供 perspective.childComponentProps.toolBar 使用 */
+export interface RecordBoardToolBarPropsCompat {
+    className?: string;
+    style?: CSSProperties;
+    tabs?: ReactNode;
+    topLeft?: ReactNode;
+    topRight?: ReactNode;
+    bottomLeft?: ReactNode;
+    bottomRight?: ReactNode;
+    /** 搜索：true 默认 PisellFind；对象透传 props；false 不渲染 */
+    search?: boolean | Record<string, any>;
+    /** 筛选：true 默认 PisellFilter；对象可传 defaultFilterValue 等；false 不渲染 */
+    filter?: boolean | RecordBoardToolBarFilterCompat;
+    /** 排序：true 默认由列派生；对象可传 list、placement；false 不渲染 */
+    sort?: boolean | RecordBoardToolBarSortCompat;
+    /** 快速筛选：true 用列派生；对象可传 filterList 等 */
+    quickFilter?: boolean | RecordBoardToolBarQuickFilterCompat;
+    /** 列设置入口；默认 true */
+    columnSetting?: boolean;
+}
+/** Grid 透传配置：与 RecordBoardGridProps 对齐，多选由 SalesGrid 合并后传入 */
+export interface RecordBoardGridPropsCompat {
+    /** 列配置；列上可设 hidden: true 表示默认隐藏，与 defaultHiddenColumnKeys 合并由 RecordBoard 初始化列显隐 */
+    columns?: any[];
+    /** 默认隐藏的列 key 列表（对应 columns 的 key 或 dataIndex），与列上 hidden: true 合并后由 RecordBoard 初始化列显隐 */
+    defaultHiddenColumnKeys?: string[];
+    /** 当前页某列全同值/全空时隐藏该列并在表格上方展示总结区；默认 true，传 false 可关闭 */
+    collapseUniformColumns?: boolean;
+    /** 表格滚动，与 RecordBoard grid.scroll 对齐（含 autoCalc、scrollToFirstRowOnChange） */
+    scroll?: {
+        x?: number | string;
+        y?: number | string;
+        autoCalc?: boolean;
+        scrollToFirstRowOnChange?: boolean;
+    };
+    /** 表格尺寸 */
+    size?: 'small' | 'middle' | 'default';
+    /** 其余为 antd Table 透传（onRow、onHeaderRow、expandable、rowClassName、summary 等） */
+    [key: string]: any;
+}
+/** 与 RecordBoard 打散子组件配置兼容；grid 会与多选（selectedKeys/selectedRows/onSelectionChange）合并后传给 RecordBoard */
+export interface RecordBoardChildComponentPropsCompat {
+    /** 搜索配置，透传 PisellFind */
+    search?: Record<string, any>;
+    /** 工具栏配置：sort / filter / quickFilter 等 */
+    toolBar?: RecordBoardToolBarPropsCompat;
+    /** 分页组件透传配置 */
+    pagination?: Record<string, any>;
+    /** Grid 配置：columns、defaultHiddenColumnKeys、scroll、及 Table 透传 */
+    grid?: RecordBoardGridPropsCompat;
+    /** 卡片列表配置（card 布局时） */
+    cardList?: Record<string, any>;
+    /** 批量操作栏配置 */
+    batchActionBar?: Record<string, any>;
+}
+/**
+ * 列渲染覆盖项：当视角的 grid.columns 中某列的 type 与此 type 一致时，使用此 render 替代该列默认渲染再传给 RecordBoard。
+ */
+export interface SalesGridColumnRenderer {
+    /** 与列配置的 type 匹配（如 'currency'、'singleSelect'） */
+    type: string;
+    /** 自定义列单元格渲染 */
+    render: (value: any, record: any, index: number) => ReactNode;
+}
+/**
+ * Perspective 运行时上下文：由 PisellSalesGrid 在运行时构建，
+ * 传入 perspective 的 getChildComponentProps 工厂函数，
+ * 使 columns / onRow / toolBar 等配置可访问刷新列表等运行时能力。
+ */
+export interface SalesGridRuntimeContext {
+    /** 重新请求当前列表数据（同步触发） */
+    refresh: () => void;
+    /** 重新请求当前列表数据（返回 Promise） */
+    refreshAsync: () => Promise<any>;
+    /** 当前激活的 perspective key */
+    currentPerspective: string;
+}
+/**
+ * 单个 Perspective 配置：对应一组 RecordBoard 的展示配置（列、工具栏等）。
+ * 多个 Perspective 可对应同一数据源的不同展示方式。仅支持表格（Grid）布局。
+ *
+ * 支持两种配置方式（二选一）：
+ * 1. **静态配置** — 直接提供 childComponentProps，适用于不依赖运行时 API 的场景。
+ * 2. **工厂配置** — 提供 getChildComponentProps(ctx)，接收运行时上下文后返回配置，
+ *    适用于 columns / onRow 等需要调用 refresh / refreshAsync 的场景。
+ *    当 getChildComponentProps 存在时，其返回值将作为最终配置（忽略 childComponentProps）。
+ */
+export interface SalesGridPerspectiveConfig {
+    /** Perspective 唯一标识，与 currentPerspective 对应 */
+    key: string;
+    /** Perspective 展示名称（可选，供外部展示用） */
+    label?: string;
+    /** 该 Perspective 下 RecordBoard 子组件透传配置（grid.columns、toolBar、pagination 等） */
+    childComponentProps?: RecordBoardChildComponentPropsCompat;
+    /**
+     * 工厂函数：接收运行时上下文，返回最终的子组件透传配置。
+     * 当此字段存在时，PisellSalesGrid 会调用此函数获取配置，childComponentProps 将被忽略。
+     */
+    getChildComponentProps?: (ctx: SalesGridRuntimeContext) => RecordBoardChildComponentPropsCompat;
+}
+export interface PisellSalesGridProps {
+    /** Perspective 数据：一组 RecordBoard 配置，支持配置多个 Perspective */
+    perspectives: SalesGridPerspectiveConfig[];
+    /** 当前 Perspective：对应 perspectives[].key，决定使用哪个 Perspective 的配置渲染 RecordBoard */
+    currentPerspective: string;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+    extParams?: Record<string, any>;
+    /** 实例 id，透传 RecordBoard 用于列显隐持久化（localStorage，与 @pisell/utils getComponentStorageKey 规则一致） */
+    __id?: string;
+}

package/es/plus/pisellSalesManagement/components/BookingFormsPreview.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type BookingFormsPreviewProps = {
     value?: any;
     uniqueTables?: any[];

package/es/plus/pisellSalesManagement/components/BookingFormsPreview.js

@@ -104,7 +104,14 @@ var BookingFormsPreview = function BookingFormsPreview(props) {
     });
     return matchedRecord;
   }, [activeTable, relationRecords]);
-  if (tableItems.length === 0) return /*#__PURE__*/React.createElement("span", null, "-");
+  if (tableItems.length === 0) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        minWidth: 88,
+        textAlign: 'center'
+      }
+    }, "-");
+  }
   var tooltipContent = /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'flex',
@@ -132,6 +139,9 @@ var BookingFormsPreview = function BookingFormsPreview(props) {
   return /*#__PURE__*/React.createElement("div", {
     onClick: function onClick(event) {
       return event.stopPropagation();
+    },
+    style: {
+      minWidth: 88
     }
   }, showAll ? /*#__PURE__*/React.createElement("div", {
     style: {

package/es/plus/pisellSalesManagement/config/booking.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const getBookingStatusMap: () => Record<string, string>;
 export declare const BOOKING_STATUS_COLOR_MAP: Record<string, string>;
 export declare const getBookingPlatformMap: () => Record<string, string>;

package/es/plus/pisellSalesManagement/hooks/perspectiveUtils.d.ts

@@ -0,0 +1,15 @@
+export declare const Tag: any;
+export declare const formatAmount: (value: any, currencySymbol?: string) => string;
+export declare const getDisplayLines: (items: Array<string | undefined | null>) => (string | null | undefined)[];
+export declare const textStyles: {
+    text: {
+        fontSize: number;
+        color: string;
+        lineHeight: string;
+    };
+};
+export declare const formatDateTime: (value?: string) => string;
+export declare const buildDateTime: (date?: string, time?: string) => string;
+export declare const normalizeList: (value: any) => any[];
+export declare const parseJson: (value: any) => any;
+export declare const formatPhone: (value: any, countryCallingCode?: any) => string;