@pisell/materials 6.11.10 → 6.11.11

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

@@ -0,0 +1,85 @@
+export declare type bundleType = {
+    id: number;
+    name: string;
+    num: number;
+    price: number;
+    total: number;
+    origin_total?: number;
+    price_type?: string;
+    options?: optionType[];
+};
+/**
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 23:00
+ */
+export declare type optionType = {
+    id: number;
+    name: string;
+    num: number;
+    price: number;
+    total: number;
+    origin_total?: number;
+};
+/**
+ * @title: 商品商品类型
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 22:48
+ */
+export declare type productType = {
+    _id: string | number;
+    id: number;
+    name: string;
+    price: number;
+    total: number;
+    num: number;
+    origin_total?: number;
+    image?: string;
+    isShowNote?: boolean;
+    note?: string;
+    like_status?: string;
+    bundle?: bundleType[];
+    options?: optionType[];
+    isShowAction?: boolean;
+    actionText?: string;
+    errorMessage?: string;
+    product_option_string?: string;
+    discount_reason?: string;
+    relation_products?: any[];
+    resource_id?: string | number;
+    relation_form_name?: string;
+    holder_title?: string;
+    start_date?: string;
+    end_date?: string;
+    is_show_duration?: boolean;
+    is_show_week?: boolean;
+};
+/**
+ * 排序总配置
+ */
+export declare type ProductCardTypes = {
+    dataSource: productType;
+    isShowImage?: boolean;
+    isShowHolder?: boolean;
+    isShowNote?: boolean;
+    isShowPackageNote?: boolean;
+    isShowDelete?: boolean;
+    isShowAmountFooter?: boolean;
+    disabledEdit?: boolean;
+    locale?: string;
+    symbol?: string;
+    isShowChangeHolder?: boolean;
+    isShowChangeResource?: boolean;
+    isShowChangeDate?: boolean;
+    onAction?: (val: any) => void;
+    onDelete?: (val: any) => void;
+    onNote?: (val: any) => void;
+    onLike?: (val: any) => void;
+    onCard?: (val: any) => void;
+    onChangeResource?: (val: any) => void;
+    osWarnTips?: Array<string>;
+    [key: string]: any;
+};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Select as OriginalSelect } from 'antd';
+import type { SelectProps } from 'antd';
+import './index.less';
+interface CompoundedComponent extends React.ForwardRefExoticComponent<SelectProps> {
+    Option: typeof OriginalSelect.Option;
+}
+declare const Select: CompoundedComponent;
+export default Select;

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

@@ -0,0 +1,39 @@
+import { MenuProps } from "antd";
+import React from "react";
+/** 单个排序子项（如 A→Z、0→9），由组件的 getSortItems 返回 */
+export declare type SortOptionItem = {
+    key: string;
+    label: string;
+};
+export declare type SortItemProps = {
+    /** 排序类型，与 sortChildrenMap 对应；当 getSortItems 存在时可省略 */
+    type?: "date" | "string" | "number" | "option";
+    label?: string;
+    name?: string | string[];
+    isCustom: boolean;
+    columnKey?: string;
+    localFilter?: boolean;
+    isHidden?: boolean;
+    /** 由组件内置导出：直接返回该列的排序子项，优先于 type */
+    getSortItems?: (fieldKey: string) => SortOptionItem[];
+};
+/**
+ * 组件侧导出的排序支持契约（如 PisellSingleLineText.SortOptions）。
+ * 支持两种形态：
+ * - getSortItems：组件内置完整排序项（key + label），优先使用；
+ * - type：仅类型，由 Sort 的 sortChildrenMap 生成子项（兼容旧用法）。
+ */
+export declare type SortOptionType = (Pick<SortItemProps, "type"> & Partial<Pick<SortItemProps, "label" | "localFilter" | "isHidden">>) | {
+    getSortItems: (fieldKey: string) => SortOptionItem[];
+    label?: string;
+    isHidden?: boolean;
+};
+export declare type SortListProps = {
+    list: SortItemProps[];
+    onChange?: (val: string, detail: Parameters<Required<MenuProps>["onClick"]>[0]) => void;
+    button?: React.ReactNode;
+    style?: React.CSSProperties;
+    value?: any;
+    placement?: "bottom" | "bottomLeft" | "bottomRight" | "top" | "topLeft" | "topRight";
+    localPagination?: boolean;
+};

package/es/components/table/Table/fields/image/index.d.ts

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

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

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

package/es/components/table/Table/fields/select/Edit/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { EditPropsType } from "../../types";
+declare const _default: React.ForwardRefExoticComponent<Omit<EditPropsType, "ref"> & React.RefAttributes<any>>;
+export default _default;

package/es/components/table/Table/fields/types/index.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+export declare type FieldPropsType = {
+    title: React.ReactNode;
+    editable: boolean;
+    dataIndex: string;
+    field_type: FieldType;
+    record: Record<string, any>;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    handleSave: () => void;
+    onChange: (value: any, record: any) => void;
+    action?: string;
+    contentClassName?: string;
+};
+export declare type FieldType = "text" | "image";
+export declare type EditPropsType = {
+    value: any;
+    onChange: (v: any) => void;
+    onPressEnter: () => void;
+    onBlur: () => void;
+    style: React.CSSProperties;
+    bordered: boolean;
+    options?: {
+        value: string;
+        label: string;
+    }[] | ((value?: string) => Promise<{
+        value: string;
+        label: string;
+    }[]>);
+    [key: string]: any;
+};

package/es/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;
-}) => ("filters" | "view_mode" | "filter_setting" | "group_by" | "order_by" | "column_setting" | "gallery_setting")[];
+}) => ("filters" | "column_setting" | "gallery_setting" | "order_by" | "group_by" | "view_mode" | "filter_setting")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/es/components/virtual-keyboard/Amount/themeConfig.d.ts

@@ -0,0 +1,32 @@
+export declare const amountThemeConfig: {
+    dark: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        keyboardBackgroundColor: string;
+        keyboardButtonBackgroundColor: string;
+        keyboardButtonTextColor: string;
+        keyboardButtonHoverColor: string;
+    };
+    light: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        keyboardBackgroundColor: string;
+        keyboardButtonBackgroundColor: string;
+        keyboardButtonTextColor: string;
+        keyboardButtonHoverColor: string;
+    };
+};

package/es/components/virtual-keyboard/Keyboard/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export declare type ItemValue = string | number;
+export interface Item {
+    value: ItemValue;
+    label: React.ReactNode;
+    disabled: boolean;
+    type: 'text' | 'primary';
+    style?: React.CSSProperties;
+    size?: number;
+}
+export interface KeyboardProps {
+    className?: string;
+    style?: React.CSSProperties;
+    onChange?: (value?: ItemValue) => void;
+    items?: Item[];
+    rightItems?: Item[];
+    keydown?: boolean;
+}
+declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => React.JSX.Element>;
+export default _default;

package/es/components/virtual-keyboard/Number/themeConfig.d.ts

@@ -0,0 +1,32 @@
+export declare const numberThemeConfig: {
+    dark: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        keyboardBackgroundColor: string;
+        keyboardButtonBackgroundColor: string;
+        keyboardButtonTextColor: string;
+        keyboardButtonHoverColor: string;
+    };
+    light: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        keyboardBackgroundColor: string;
+        keyboardButtonBackgroundColor: string;
+        keyboardButtonTextColor: string;
+        keyboardButtonHoverColor: string;
+    };
+};

package/es/components/virtual-keyboard/VirtualKeyInput/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { InputProps } from 'antd';
+import './index.less';
+export interface VirtualKeyInputProps extends InputProps {
+    previewValue?: string;
+    renderInput?: (props: any) => any;
+    showDelete?: boolean;
+    onValueSelect?: (selected: boolean) => void;
+    defaultSelect?: boolean;
+    style?: React.CSSProperties;
+}
+declare const VirtualKeyInput: (props: VirtualKeyInputProps) => React.JSX.Element;
+export default VirtualKeyInput;

package/es/components/virtualInput/BaseVirtualInput/index.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import './index.less';
+export interface BaseVirtualInputProps {
+    /** 输入值 */
+    value?: string | React.ReactNode;
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否自动聚焦 */
+    autoFocus?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 组件高度，默认60px */
+    height?: number | string;
+    /** 字体大小，默认48px，如果不设置会根据高度自动计算 */
+    fontSize?: number | string;
+    /** 聚焦回调 */
+    onFocus?: () => void;
+    /** 失焦回调 */
+    onBlur?: () => void;
+    /** 文字位置 */
+    textAlign?: 'start' | 'center' | 'end';
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 自定义类名 */
+    className?: string;
+    /** showCursor  */
+    showCursor?: boolean;
+    /** 防止失焦的元素选择器或ref */
+    preventBlurElements?: Array<string | React.RefObject<HTMLElement>>;
+    /** 是否聚焦（受控模式） */
+    focused?: boolean;
+    /** 是否选中全部文本（类似浏览器选中效果） */
+    selected?: boolean;
+    /** 选中状态的背景色，默认为主题色 */
+    selectedColor?: string;
+}
+export interface BaseVirtualInputRef {
+    /** 手动聚焦 */
+    focus: () => void;
+    /** 手动失焦 */
+    blur: () => void;
+}
+declare const BaseVirtualInput: React.ForwardRefExoticComponent<BaseVirtualInputProps & React.RefAttributes<BaseVirtualInputRef>>;
+export default BaseVirtualInput;

package/es/hooks/useMobile.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 响应式监听 Hook
+ * 监听窗口大小变化，返回当前是否为移动端
+ *
+ * @param breakpoint - 断点宽度（默认 768px）
+ * @returns 是否为移动端
+ */
+export declare function useMobile(breakpoint?: number): boolean;

package/es/locales/en-US.d.ts

@@ -34,6 +34,8 @@ declare const _default: {
     'table-action-column-title': string;
     'table-column-group-records': string;
     'table-column-group-lock-tip': string;
+    'record-board-uniform-summary-empty': string;
+    'record-board-uniform-summary-same': string;
     'table-column-drag-sort-disabled-tip': string;
     'table-action-filter-no-filter': string;
     'table-action-range-picker-placeholder-start': string;

package/es/locales/en-US.js

@@ -40,6 +40,8 @@ export default {
   'table-action-column-title': 'Header settings',
   'table-column-group-records': 'records',
   'table-column-group-lock-tip': 'Fixed column immutable order',
+  'record-board-uniform-summary-empty': '-',
+  'record-board-uniform-summary-same': 'Same',
   'table-column-drag-sort-disabled-tip': 'Automatic sorting is enabled, manual dragging is disabled.',
   'table-action-filter-no-filter': 'No filter options available.',
   'table-action-range-picker-placeholder-start': 'Start date',

package/es/locales/ja.d.ts

@@ -31,6 +31,8 @@ declare const _default: {
     'table-action-column-title': string;
     'table-column-group-records': string;
     'table-column-group-lock-tip': string;
+    'record-board-uniform-summary-empty': string;
+    'record-board-uniform-summary-same': string;
     'table-column-drag-sort-disabled-tip': string;
     'table-action-filter-no-filter': string;
     'table-action-range-picker-presets-today': string;

package/es/locales/ja.js

@@ -37,6 +37,8 @@ export default {
   'table-action-column-title': 'ヘッダー設定',
   'table-column-group-records': '件のレコード',
   'table-column-group-lock-tip': '固定列は順序を変更できません',
+  'record-board-uniform-summary-empty': '-',
+  'record-board-uniform-summary-same': '同一',
   'table-column-drag-sort-disabled-tip': '自動並び替えが有効になっているため、手動ドラッグは無効です。',
   'table-action-filter-no-filter': '利用可能なフィルターオプションがありません。',
   'table-action-range-picker-presets-today': '今日',

package/es/locales/pt.d.ts

@@ -31,6 +31,8 @@ declare const _default: {
     'table-action-column-title': string;
     'table-column-group-records': string;
     'table-column-group-lock-tip': string;
+    'record-board-uniform-summary-empty': string;
+    'record-board-uniform-summary-same': string;
     'table-column-drag-sort-disabled-tip': string;
     'table-action-filter-no-filter': string;
     'table-action-range-picker-presets-today': string;

package/es/locales/pt.js

@@ -37,6 +37,8 @@ export default {
   'table-action-column-title': 'Configurações do cabeçalho',
   'table-column-group-records': 'registros',
   'table-column-group-lock-tip': 'Ordem da coluna fixa imutável',
+  'record-board-uniform-summary-empty': '-',
+  'record-board-uniform-summary-same': 'Mesmo',
   'table-column-drag-sort-disabled-tip': 'A ordenação automática está ativada, o arrasto manual está desativado.',
   'table-action-filter-no-filter': 'Nenhuma opção de filtro disponível.',
   'table-action-range-picker-presets-today': 'Hoje',

package/es/locales/zh-CN.d.ts

@@ -34,6 +34,8 @@ declare const _default: {
     'table-action-column-title': string;
     'table-column-group-records': string;
     'table-column-group-lock-tip': string;
+    'record-board-uniform-summary-empty': string;
+    'record-board-uniform-summary-same': string;
     'table-column-drag-sort-disabled-tip': string;
     'table-action-filter-no-filter': string;
     'table-action-range-picker-placeholder-start': string;

package/es/locales/zh-CN.js

@@ -40,6 +40,8 @@ export default {
   'table-action-column-title': '表头设置',
   'table-column-group-records': '条记录',
   'table-column-group-lock-tip': '固定列不可移动顺序',
+  'record-board-uniform-summary-empty': '-',
+  'record-board-uniform-summary-same': '重复数据',
   'table-column-drag-sort-disabled-tip': '已开启自动排序，无法手动拖拽',
   'table-action-filter-no-filter': '没有可用的筛选器。',
   'table-action-range-picker-placeholder-start': '开始日期',

package/es/locales/zh-TW.d.ts

@@ -34,6 +34,8 @@ declare const _default: {
     'table-action-column-title': string;
     'table-column-group-records': string;
     'table-column-group-lock-tip': string;
+    'record-board-uniform-summary-empty': string;
+    'record-board-uniform-summary-same': string;
     'table-column-drag-sort-disabled-tip': string;
     'table-action-filter-no-filter': string;
     'table-action-range-picker-placeholder-start': string;

package/es/locales/zh-TW.js

@@ -40,6 +40,8 @@ export default {
   'table-action-column-title': '表頭設置',
   'table-column-group-records': '條記錄',
   'table-column-group-lock-tip': '固定列不可移動順序',
+  'record-board-uniform-summary-empty': '-',
+  'record-board-uniform-summary-same': '重複數據',
   'table-column-drag-sort-disabled-tip': '已開啟自動排序，無法手動拖曳',
   'table-action-filter-no-filter': '沒有可用的篩選器。',
   'table-action-range-picker-placeholder-start': '開始日期',

package/es/theme/tokens.d.ts

@@ -0,0 +1,22 @@
+import { ThemeConfig } from 'antd';
+/**
+ * Pisell 项目统一的 Ant Design Token 配置
+ * 基于 Figma 设计规范
+ *
+ * 使用场景：
+ * - 低代码平台（page/index.tsx）
+ * - Storybook 预览
+ * - 其他需要主题配置的场景
+ */
+/**
+ * 获取组件级别的 token 配置
+ */
+export declare function getComponentsToken(): ThemeConfig['components'];
+/**
+ * 获取全局 token 配置
+ */
+export declare function getGlobalToken(themeColor?: string): ThemeConfig['token'];
+/**
+ * 获取完整的主题配置
+ */
+export declare function getThemeConfig(themeColor?: string): ThemeConfig;

package/es/utils/tagColor.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 只读态 Tag 未传 color 时使用的预设色板（按索引稳定分配）
+ */
+/**
+ * 根据 value 或索引从预设色板取一个稳定颜色（未传 option.color 时使用）
+ */
+export declare function getDefaultTagColor(value: unknown, index: number): string;

package/lib/components/PisellBasicGrid/PisellBasicGrid.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { PisellBasicGridProps } from './types';
+import './PisellBasicGrid.less';
+/**
+ * 使用 memo 优化组件性能
+ * @description 当 props 没有变化时，避免不必要的重新渲染
+ */
+declare const MemoizedPisellBasicGrid: <T>(props: PisellBasicGridProps<T>) => React.JSX.Element;
+export { MemoizedPisellBasicGrid as PisellBasicGrid };
+export default MemoizedPisellBasicGrid;

package/lib/components/PisellBasicGrid/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useGridStyle, default } from './useGridStyle';

package/lib/components/PisellBasicGrid/hooks/useGridStyle.d.ts

@@ -0,0 +1,37 @@
+import type { DirectionType, WrapType, JustifyType, AlignType, AlignContentType, UseGridStyleReturn } from '../types';
+/**
+ * useGridStyle Hook 参数
+ */
+interface UseGridStyleParams {
+    /** 排列方向 */
+    direction?: DirectionType;
+    /** 换行控制 */
+    wrap?: WrapType;
+    /** 一行显示的元素个数 */
+    columns?: number;
+    /** 是否等分容器宽度 */
+    equalWidth?: boolean;
+    /** 统一间距 */
+    gap?: number | string;
+    /** 行间距 */
+    rowGap?: number | string;
+    /** 列间距 */
+    columnGap?: number | string;
+    /** 主轴对齐方式 */
+    justify?: JustifyType;
+    /** 交叉轴对齐方式 */
+    align?: AlignType;
+    /** 多行对齐方式 */
+    alignContent?: AlignContentType;
+}
+/**
+ * 计算 Grid 布局样式的 Hook
+ * @param params - 布局参数
+ * @returns 容器样式和子元素样式
+ * @description
+ * - 根据传入的布局参数计算容器的 flex 样式
+ * - 根据 columns 和 gap 计算子元素的 flex-basis
+ * - 使用 useMemo 缓存计算结果，避免不必要的重复计算
+ */
+export declare const useGridStyle: (params: UseGridStyleParams) => UseGridStyleReturn;
+export default useGridStyle;

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

@@ -0,0 +1,6 @@
+/**
+ * PisellBasicGrid 组件导出
+ * @description 基于 Flexbox 的基础布局组件
+ */
+export { PisellBasicGrid, default } from './PisellBasicGrid';
+export type { PisellBasicGridProps, DirectionType, WrapType, JustifyType, AlignType, AlignContentType, BreakpointType, ResponsiveConfig, } from './types';