@pisell/materials 1.8.24 → 1.8.25

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/time-picker/index.d.ts

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

package/lib/components/translation/utils.d.ts

@@ -0,0 +1,9 @@
+export declare const locales: {
+    en: string;
+    "zh-CN": string;
+    "zh-HK": string;
+    ja: string;
+    pt: string;
+};
+export declare const checkIfAllValuesAreEqual: (obj: any) => boolean;
+export declare const createTranslationText: (text: string, isAll?: boolean) => any;

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

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

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/lib/components/virtual-keyboard/Time/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const formatStringToTime: (value: string) => {
     valueArray: string[];
     valueString: string;

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
+import './index.less';
+export type { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
+export interface VirtualInputProps extends BaseVirtualInputProps {
+    /** 在VirtualInput上方显示的额外内容 */
+    topContent?: React.ReactNode;
+    /** 在VirtualInput下方显示的额外内容 */
+    bottomContent?: React.ReactNode;
+    /** wrapper class */
+    wrapperClassName?: string;
+    /** 虚拟输入框包装器的样式 */
+    wrapperStyle?: React.CSSProperties;
+    /** 是否允许清除输入框中的内容 */
+    allowClear?: boolean;
+    /** 清除输入框内容的回调函数 */
+    onClear?: () => void;
+    /** 自定义清除按钮的样式 */
+    clearButtonStyle?: React.CSSProperties;
+    theme?: {
+        token?: {
+            colorPrimary?: string;
+        };
+    };
+}
+export interface VirtualInputRef extends BaseVirtualInputRef {
+}
+declare const VirtualInput: React.ForwardRefExoticComponent<VirtualInputProps & React.RefAttributes<VirtualInputRef>>;
+export default VirtualInput;

package/lib/components/walletCard/Guest/index.d.ts

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

package/lib/components/walletCard/Guide/index.d.ts

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

package/lib/hooks/useThemeTokens.d.ts

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

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

@@ -1,4 +1,4 @@
 export declare const isBrowser: boolean;
-export declare const getCssNumber: (val: string | number) => string;
+export declare const getCssNumber: (val: string | number) => string | number;
 export declare function uuid(): string;
 export * from './mergeWith';

package/lib/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => boolean;
+export declare const isMobile: () => any;

package/lib/utils/tagColor.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.8.24",
+  "version": "1.8.25",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -93,9 +93,9 @@
     "swiper": "^8.4.7",
     "antd-mobile": "^5.38.1",
     "vod-js-sdk-v6": "^1.4.11",
+    "@pisell/date-picker": "3.0.8",
     "@pisell/icon": "0.0.11",
-    "@pisell/utils": "3.0.2",
-    "@pisell/date-picker": "3.0.8"
+    "@pisell/utils": "3.0.2"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/es/components/PisellTabbar/PisellTabbar.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import './PisellTabbar.less';
-import { PisellTabbarProps } from './types';
-/**
- * PisellTabbar - 多层级 Tabbar 组件
- *
- * 支持最多 3 层级的 Tab 导航，每层级可独立展开/收起
- *
- * @component
- * @example
- * ```tsx
- * <PisellTabbar
- *   dataSource={categoryData}
- *   value={[1, 10, 100]}
- *   onChange={(value) => console.log('当前选中:', value)}
- * />
- * ```
- */
-declare const PisellTabbar: React.FC<PisellTabbarProps>;
-export default PisellTabbar;

package/es/components/PisellTabbar/template/Template1/PisellTabbar.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import '../../PisellTabbar.less';
-import { PisellTabbarProps } from '../../types';
-declare const _default: React.ForwardRefExoticComponent<PisellTabbarProps & React.RefAttributes<unknown>>;
-export default _default;

package/es/components/dataSourceComponents/provider/variables/VariablesProvider.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { VariablesContextType } from './VariablesContext';
-declare const VariablesProvider: React.FC<VariablesContextType>;
-export default VariablesProvider;

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

@@ -1,8 +0,0 @@
-import { ConfigProviderProps } from '../config-provider';
-interface PageProps extends ConfigProviderProps {
-    variablesConfig?: {
-        disabledHistoryListener?: boolean;
-    };
-}
-declare const Page: (props: PageProps) => JSX.Element;
-export default Page;

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

@@ -1,4 +0,0 @@
-import './index.less';
-import { PisellAdjustPriceProps } from './type';
-declare const PisellAdjustPrice: (props: PisellAdjustPriceProps) => JSX.Element;
-export default PisellAdjustPrice;

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

@@ -1,40 +0,0 @@
-import React from 'react';
-import { PisellContextType } from '../pisell-config-provider/context';
-import './index.less';
-export interface PisellCheckboxGroupOption {
-    label: string;
-    value: string;
-    disabled?: boolean;
-    error?: boolean;
-    [key: string]: any;
-}
-declare type PisellCheckboxGroupValue = string | string[] | any;
-export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    platform?: PisellContextType['platform'];
-    direction?: 'horizontal' | 'vertical';
-    fullWidth?: boolean;
-    gap?: number;
-    padding?: number;
-    options: PisellCheckboxGroupOption[];
-    onChange?: (value: PisellCheckboxGroupValue, item: PisellCheckboxGroupOption) => void;
-    value?: PisellCheckboxGroupValue;
-    renderOption?: (option: PisellCheckboxGroupOption, active: boolean, index: number) => React.ReactNode;
-    rowKey?: string;
-    mode?: 'multiple' | 'single';
-    iconPosition?: 'left' | 'right' | 'hide';
-    optionClassName?: string;
-    optionActiveClassName?: string;
-    onChangeDebounce?: boolean;
-    onItemClick?: (e: React.MouseEvent<HTMLDivElement>, option: PisellCheckboxGroupOption) => void;
-    showActiveBackground?: boolean;
-}
-/**
- * @title: PisellCheckboxGroup
- * @description: 选中组件
- * @param {PisellCheckboxGroupProps} props
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-08-16 10:34
- */
-declare const PisellCheckboxGroup: (props: PisellCheckboxGroupProps) => JSX.Element;
-export default PisellCheckboxGroup;

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

@@ -1,6 +0,0 @@
-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/es/components/pisellText/components/Amount/index.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { PisellContextType } from '../../../pisell-config-provider/context';
-export interface AmountProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /** 平台 */
-    platform?: PisellContextType['platform'];
-    /** 当前数值  */
-    value?: number | string;
-    /** 小数点后位数 默认是小数点后2位 */
-    precision?: number;
-    /** 显示货币符号 指的是 ¥$ 等货币符号等显隐，默认是展示 */
-    showCurrencySymbol?: boolean;
-    /** 千分位 指的是长金额的千分位逗号隔开，比如“123, 245, 315” 这种展现形式，默认是关闭 */
-    useThousandsSeparator?: boolean;
-    /** 整数位隐藏小数 指的是如果价格为整数，后面的".00" 将被省略以节省页面空间 */
-    hideDecimalForWholeNumbers?: boolean;
-    /** 货币符号 */
-    symbol?: string;
-}
-declare const Amount: (props: AmountProps) => JSX.Element;
-export default Amount;

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellToastProps {
-    /** 提示内容	 */
-    content: React.ReactNode;
-    /** 自动关闭的延时，单位秒。设为 0 时不自动关闭 */
-    duration?: number;
-    /** 是否展示action */
-    showAction?: boolean;
-    /** action文案 */
-    actionText?: string;
-    /** 关闭时触发的回调函数 */
-    onClose?: () => void;
-}
-declare const PisellToast: (props: PisellToastProps) => void;
-export { useToast } from './squareToast';
-export default PisellToast;

package/es/components/productCard/cartSkuCard/components/AmountFooter/index.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const Footer: ({ item, hideDivider, type, isOnlyTotal }: any) => JSX.Element;
-export default Footer;

package/es/components/productCard/cartSkuCard/components/Gift/index.d.ts

@@ -1,4 +0,0 @@
-import { IGiftProps } from './types';
-import './index.less';
-declare const Gift: (props: IGiftProps) => JSX.Element | null;
-export default Gift;

package/es/components/productCard/cartSkuCard/components/MultiDay/index.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import './index.less';
-declare const MultiDay: ({ dataSource, hideDivider }: any) => JSX.Element;
-export default MultiDay;

package/es/components/productCard/cartSkuCard/components/Note/index.d.ts

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

package/es/components/productCard/cartSkuCard/components/basicInfo/index.d.ts

@@ -1,36 +0,0 @@
-import React from 'react';
-import './index.less';
-interface IProps {
-    isShowImage?: boolean;
-    dataSource: {
-        image?: string;
-        bundle?: any[];
-        options?: any[];
-        product_option_string?: string;
-        name?: string;
-        symbol?: string;
-        price?: string | number;
-        total?: number;
-        origin_total?: number;
-        num?: number;
-        holder_id?: any;
-        isFormSubject?: boolean;
-        totalDifference?: number;
-    };
-    style?: React.CSSProperties;
-    /** 作为主商品卡片展示
-     * 1. 影响商品数量 tag 的位置
-     * 2. isMain 且 type 为 a5，展示holder
-     */
-    isMainProduct?: boolean;
-    maxSpecsCount?: number;
-    type?: 'a2' | 'a5' | 'a9';
-    isBundle?: boolean;
-    showFooter?: boolean;
-    isShowOriginalPrice?: boolean;
-    isShowEditProduct?: boolean;
-    onEditProduct?: (val: any) => void;
-    disabledEditClick?: boolean;
-}
-declare const BasicInfo: (props: IProps) => JSX.Element;
-export default BasicInfo;

package/es/components/productCard/cartSkuCard/components/discountReason/index.d.ts

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

package/es/components/productCard/cartSkuCard/components/holders/index.d.ts

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