@pisell/materials 1.0.971 → 1.0.973

package/lib/components/walletCard/index.js

@@ -63,7 +63,6 @@ var DEFAULT_PROPS = {
   walletName: "Level",
   isLogin: true,
   showHolderName: true,
-  holderType: "customer",
   holder: null,
   onSetHolder: () => {
   },
@@ -316,7 +315,6 @@ var WalletCard = (props) => {
     style,
     isGuide,
     showHolderName,
-    holderType,
     holder,
     onSetHolder
   } = mergedProps;
@@ -379,8 +377,8 @@ var WalletCard = (props) => {
     }
   };
   const _renderMask = () => {
-    if (holderType === "customer") return null;
-    if (!(holder == null ? void 0 : holder.holder_id)) {
+    if (typeof onSetHolder !== "function") return null;
+    if ((holder == null ? void 0 : holder.holder_type) === "form" && !(holder == null ? void 0 : holder.holder_id)) {
       return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-add-holder-mask" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-add-holder-mask-text" }, (0, import_locales.getText)("pisell2.wallet-card.add-holder-tip")), /* @__PURE__ */ import_react.default.createElement(
         import_antd.Button,
         {
@@ -395,15 +393,15 @@ var WalletCard = (props) => {
     return null;
   };
   const _showHolderName = (0, import_react.useMemo)(() => {
-    return holderType === "form" && showHolderName;
-  }, [holderType, showHolderName]);
+    return (holder == null ? void 0 : holder.holder_type) === "form" && showHolderName;
+  }, [holder, showHolderName]);
   const holderName = (0, import_react.useMemo)(() => {
     var _a2;
-    if (holderType === "form" && !(holder == null ? void 0 : holder.holder_id)) {
+    if ((holder == null ? void 0 : holder.holder_type) === "form" && !(holder == null ? void 0 : holder.holder_id)) {
       return "--";
     }
     return ((_a2 = holder == null ? void 0 : holder.detail) == null ? void 0 : _a2.main_field) || "";
-  }, [holderType, holder]);
+  }, [holder]);
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.971",
+  "version": "1.0.973",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -76,8 +76,8 @@
     "vod-js-sdk-v6": "^1.4.11",
     "react-camera-pro": "1.4.0",
     "@pisell/date-picker": "1.0.127",
-    "@pisell/utils": "1.0.55",
-    "@pisell/icon": "0.0.10"
+    "@pisell/icon": "0.0.10",
+    "@pisell/utils": "1.0.55"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/es/components/dataSourceComponents/dataSourceTable/filter/index.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import './index.less';
-interface BaseFilterItem {
-    name?: string;
-    value: string;
-    label?: string;
-    type?: string;
-    isHidden: boolean;
-    isCustom?: boolean;
-}
-interface FilterProps {
-    componentId: string;
-    filterBy: Record<string, any>;
-    quickFilterMaxLength?: number;
-    sortButtonShow?: boolean;
-    mode?: 'simple' | 'complex';
-    items: BaseFilterItem[];
-    handleValuesChange: (changedFields: any, allFields: any) => void;
-    show: boolean;
-    search: {
-        show: boolean;
-        placeholder: string;
-        key: string;
-    };
-    getInitialValues?: () => Record<string, any>;
-}
-declare const Filter: (props: FilterProps) => JSX.Element;
-export default Filter;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts

@@ -1,33 +0,0 @@
-import { DataSourceTableProps } from '../type';
-declare type Params = {
-    pagination?: {
-        page: number;
-        size: number;
-    };
-    order_by?: string;
-    tabs?: {
-        name: string;
-        filterBy: Record<string, any>;
-        sortBy: string;
-    };
-};
-declare const useTableQuery: (props: DataSourceTableProps, currentSettingHash: string) => {
-    queryPageConfig: {
-        page: number;
-        pageSize: number;
-        filter: Record<string, any>;
-        sort: string;
-    };
-    setQueryPageConfig: import("react").Dispatch<import("react").SetStateAction<{
-        page: number;
-        pageSize: number;
-        filter: Record<string, any>;
-        sort: string;
-    }>>;
-    handleValuesChange: (params: Params, allParams: Params) => void;
-    refreshData: () => void;
-    handleFilterChange: (changedFields: any, allFields: any) => void;
-    refreshCurrentPage: () => void;
-    getInitialValues: () => Record<string, any>;
-};
-export default useTableQuery;

package/es/components/dataSourceComponents/fields/Upload/BaseUpload.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { UploadProps } from './type';
-import './index.less';
-declare const BaseUpload: React.FC<UploadProps>;
-export default BaseUpload;

package/es/components/dataSourceComponents/fields/Upload/CameraPopover.d.ts

@@ -1,5 +0,0 @@
-declare const CameraPopover: (props: {
-    onLocalFileClick: () => void;
-    onCameraChange: (file: any) => void;
-}) => JSX.Element;
-export default CameraPopover;

package/es/components/dataSourceComponents/fields/Upload/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Upload: React.FC<import("./type").UploadProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
-export default Upload;

package/es/components/dataSourceComponents/fields/Upload/type.d.ts

@@ -1,38 +0,0 @@
-import { UploadFile as AntdUploadFile } from 'antd/es/upload/interface';
-import type { UploadValue, UploadChangeHandler } from './types';
-export interface UploadFile extends AntdUploadFile {
-    metadata?: {
-        width?: number;
-        height?: number;
-        duration?: number;
-        bitrate?: number;
-    };
-}
-export interface UploadProps {
-    renderMode?: string;
-    fieldKey: string;
-    maxSize?: number;
-    minCount?: number;
-    maxCount?: number;
-    multiple?: boolean;
-    presetType?: string[];
-    presetTypeString?: string[];
-    customType?: string[];
-    enablePresetType?: boolean;
-    enableCustomType?: boolean;
-    allowPreview?: boolean;
-    value?: UploadValue;
-    typeMaxSizeMap?: Record<string, number>;
-    enableMultilingual?: boolean;
-    onChange?: UploadChangeHandler;
-    disabled?: boolean;
-    mediaUploadUrl?: string;
-    getHeaders?: () => Record<string, string>;
-    mediaConfig?: {
-        data: {
-            upload_onetime_limit: number;
-            upload_maxsize: number;
-        };
-    };
-    allowCamera?: boolean;
-}

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

@@ -1,46 +0,0 @@
-import { ModeType } from "../table/types";
-/**
- * 筛选总配置
- */
-export declare type FilterType = {
-    /** 筛选是否展示 */
-    show: boolean;
-    /** 筛选项排序按钮是否展示 */
-    sortButtonShow: boolean;
-    /** 筛选列表 */
-    list: FilterItemProps[];
-    items?: string[];
-    /** 快速筛选最大长度 */
-    quickFilterMaxLength: number;
-    /** 配置存储模式 */
-    storageMode: "" | "localStorage";
-    /** 筛选列表项dom */
-    dom?: any;
-};
-/**
- * 筛选列表项配置
- */
-export declare type FilterItemProps = {
-    type: "single" | "input" | "datePicker" | "rangePicker" | "search";
-    name?: string | string[];
-    key: string;
-    props: object;
-    label?: string;
-    sort?: boolean;
-    localFilter?: boolean;
-    other: Record<string, any>;
-    isCustom?: boolean;
-    columnKey?: string;
-    isHidden?: boolean;
-};
-/**
- * 筛选组件属性
- */
-export interface FilterProps {
-    filter: FilterType;
-    isRenderFormContent: boolean;
-    onValuesChange?: () => void;
-    tableId?: string;
-    viewMode?: ModeType;
-    isMobile?: boolean;
-}

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.less';
-declare const PisellCamera: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
-export default PisellCamera;

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

@@ -1,148 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface FormatOption {
-    /** 原始 DOM 元素 */
-    originDom: React.ReactNode;
-    /** 是否选中状态 */
-    active: boolean;
-    /** 完整的组件数据 */
-    data: PisellWalletPassCardProps;
-}
-export interface PisellWalletPassCardProps {
-    id: number;
-    /** 卡片样式 */
-    type: 'default' | 'mini';
-    /** 商品名称 */
-    name: string;
-    /** 二维码 */
-    qrCode: string;
-    /** 共享店铺名称 */
-    storeName: string;
-    /** 余额 */
-    balance?: number;
-    /** 识别码编号 */
-    code: string;
-    /** 有效期 */
-    validDate: string;
-    /** 使用金额 */
-    redeem?: number;
-    /** 是否禁用 */
-    disabled?: boolean;
-    /** 禁用原因 */
-    disabledReason?: string;
-    /** 是否展示禁用原因 */
-    showDisabledReason?: boolean;
-    /** 封面图 */
-    cover?: string;
-    /** 余额标题文案 */
-    balanceTitle?: string;
-    /** 使用金额标题文案 */
-    redeemTitle?: string;
-    /** 是否选中 */
-    active?: boolean;
-    /** 是否展示商品名称 */
-    showName?: boolean;
-    /** 是否展示共享店铺名称 */
-    showStoreName?: boolean | ((data: any) => boolean);
-    /** 是否展示使用金额 */
-    showRedeem?: boolean;
-    /** 是否展示余额 */
-    showBalance?: boolean;
-    /** 是否展示识别码编号 */
-    showCode?: boolean;
-    /** 是否展示有效期 */
-    showValidDate?: boolean;
-    /** 使用日程信息计算有效期 */
-    validDateBySchedule?: boolean;
-    /** 日程列表 */
-    scheduleList?: any[];
-    /** 是否展示右上角详情按钮 */
-    showDetail?: boolean;
-    /** 是否展示qrCode */
-    showQrCode?: boolean;
-    /** 是否展示封面 */
-    showCover?: boolean;
-    /** 是否展示余额货币符号 */
-    showBalanceSymbol?: boolean;
-    /** 展示操作按钮 */
-    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) => Promise<any> | boolean | void;
-    /** 编辑弹窗点击提交 */
-    onConfirmEdit?: (value: any) => void;
-    /** 编辑金额事件 */
-    onConfirmEditAmount?: (value: number) => void;
-    /** 详情按钮点击事件 */
-    onDetail?: (data: {
-        id: number;
-        name: string;
-        storeName: string;
-        balance?: number;
-        redeem?: number;
-        code: string;
-        validDate: string;
-        originData?: any;
-    }) => void;
-    /** 是否使用外部详情处理（当为 true 且提供了 onDetail 时，不显示内部模态框） */
-    useExternalDetail?: boolean;
-    /** 单选或者多选 */
-    mode?: 'multiple' | 'single';
-    /** 是否展示选中图标 */
-    showActiveIcon?: boolean;
-    /** 开启编辑金额 */
-    enableEditAmount?: boolean;
-    /** 显示状态标识 */
-    showStatus?: boolean;
-    /** 名称标题字号字重颜色配置 */
-    nameTitleStyle?: {
-        fontSize: number;
-        fontWeight: number;
-        color: string;
-    };
-    /** 卡片状态 */
-    cardStatus?: 'used' | 'expired' | 'disabled' | 'conflict' | 'lastPayment';
-    /** 自定义余额格式化函数，如果提供则优先使用 */
-    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;
-    /** 最大使用金额 */
-    maxRedeem?: number;
-    /** 编辑金额前事件 */
-    onBeforeEditAmount?: (value: any) => Promise<any> | boolean | void;
-    /** 是否显示持有人 */
-    showHolderName?: boolean;
-    /** 持有人类型 */
-    holderType?: 'customer' | 'form';
-    /** 持有人, 表单记录，展示时一般取main_field */
-    holder?: any;
-    /** 持有人点击回调 */
-    onSetHolder?: (currentValue?: any) => void;
-    [key: string]: any;
-}
-declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => JSX.Element;
-export default PisellWalletPassCard;

package/es/components/table/Actions/index.d.ts

@@ -1,17 +0,0 @@
-import { FilterType } from "../../filter/types";
-import { ColumnSettingType, DataSourceGroupType, ExportImportType, GallerySettingType, GridViewType, SortType } from "../types";
-import "./index.less";
-declare type ActionsProps = {
-    filter: FilterType;
-    tableId?: string;
-    columnSetting?: ColumnSettingType;
-    dataSourceGroup?: DataSourceGroupType;
-    sort: SortType;
-    localPagination?: boolean;
-    buttons: any[];
-    view: GridViewType;
-    gallery: GallerySettingType;
-    exportImport?: ExportImportType;
-};
-declare const Actions: ({ filter, sort, columnSetting, dataSourceGroup, tableId, localPagination, buttons, view, gallery, exportImport, }: ActionsProps) => JSX.Element | null;
-export default Actions;

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

@@ -1,79 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface WalletCardItem {
-    type: string;
-    custom_title?: string | {
-        original: string;
-        en: string;
-        'zh-CN': string;
-        'zh-HK': string;
-    };
-    display?: 0 | 1;
-    value?: number;
-}
-export interface WalletCardProps {
-    /** 钱包ID */
-    id?: string;
-    /** 二维码弹窗适配平台 */
-    platform?: 'pc' | 'h5' | 'ipad';
-    /** 卡片主题 */
-    mode?: 'dark' | 'light';
-    /** 默认还是完整显示code */
-    cardStyle?: 'normal' | 'full';
-    /** 条形码还是二维码 */
-    codeType?: 'barCode' | 'qrCode';
-    /** 二维码方向 */
-    codeDirection?: 'bottom' | 'top';
-    /** 自定义背景图 */
-    customBackgroundImage?: string;
-    /** 图标：可以是React组件或图片URL */
-    showIcon?: boolean;
-    showWalletName?: boolean;
-    iconImg?: string;
-    /** 钱包名称 */
-    walletName?: string;
-    /** 店铺名称 */
-    shopName?: string;
-    /** 是否显示店铺名称 */
-    showShopName?: boolean;
-    /** 卡号 */
-    cardNo?: string;
-    /** 是否显示卡号 */
-    showCardNo?: boolean;
-    /** 是否显示二维码 */
-    showCode?: boolean;
-    /** 点击二维码/条形码的回调 */
-    onCodeClick?: () => void;
-    /** 货币符号 */
-    symbol: string;
-    /** 点击卡片的回调 */
-    onClick?: () => void;
-    /** 自定义类名 */
-    className?: string;
-    items: WalletCardItem[];
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-    title?: string;
-    subTitle?: string;
-    align?: 'left' | 'center';
-    buttonText?: string;
-    [key: string]: any;
-    /** 是否已登录 */
-    isLogin?: boolean;
-    /** 是否是引导页 */
-    isGuide?: boolean;
-    /** 是否显示查看PIN */
-    showViewPin?: boolean;
-    /** 查看PIN的回调 */
-    onViewPinClick?: () => void;
-    /** 是否显示持有人 */
-    showHolderName?: boolean;
-    /** 持有人类型 */
-    holderType?: 'customer' | 'custom';
-    /** 持有人, 表单记录，展示时一般取main_field */
-    holder?: any;
-    /** 持有人点击回调 */
-    onSetHolder?: (currentValue?: any) => void;
-}
-declare const WalletCard: React.FC<WalletCardProps>;
-export default WalletCard;

package/lib/components/dataSourceComponents/dataSourceTable/filter/index.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import './index.less';
-interface BaseFilterItem {
-    name?: string;
-    value: string;
-    label?: string;
-    type?: string;
-    isHidden: boolean;
-    isCustom?: boolean;
-}
-interface FilterProps {
-    componentId: string;
-    filterBy: Record<string, any>;
-    quickFilterMaxLength?: number;
-    sortButtonShow?: boolean;
-    mode?: 'simple' | 'complex';
-    items: BaseFilterItem[];
-    handleValuesChange: (changedFields: any, allFields: any) => void;
-    show: boolean;
-    search: {
-        show: boolean;
-        placeholder: string;
-        key: string;
-    };
-    getInitialValues?: () => Record<string, any>;
-}
-declare const Filter: (props: FilterProps) => JSX.Element;
-export default Filter;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts

@@ -1,33 +0,0 @@
-import { DataSourceTableProps } from '../type';
-declare type Params = {
-    pagination?: {
-        page: number;
-        size: number;
-    };
-    order_by?: string;
-    tabs?: {
-        name: string;
-        filterBy: Record<string, any>;
-        sortBy: string;
-    };
-};
-declare const useTableQuery: (props: DataSourceTableProps, currentSettingHash: string) => {
-    queryPageConfig: {
-        page: number;
-        pageSize: number;
-        filter: Record<string, any>;
-        sort: string;
-    };
-    setQueryPageConfig: import("react").Dispatch<import("react").SetStateAction<{
-        page: number;
-        pageSize: number;
-        filter: Record<string, any>;
-        sort: string;
-    }>>;
-    handleValuesChange: (params: Params, allParams: Params) => void;
-    refreshData: () => void;
-    handleFilterChange: (changedFields: any, allFields: any) => void;
-    refreshCurrentPage: () => void;
-    getInitialValues: () => Record<string, any>;
-};
-export default useTableQuery;

package/lib/components/dataSourceComponents/fields/Upload/BaseUpload.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { UploadProps } from './type';
-import './index.less';
-declare const BaseUpload: React.FC<UploadProps>;
-export default BaseUpload;

package/lib/components/dataSourceComponents/fields/Upload/CameraPopover.d.ts

@@ -1,5 +0,0 @@
-declare const CameraPopover: (props: {
-    onLocalFileClick: () => void;
-    onCameraChange: (file: any) => void;
-}) => JSX.Element;
-export default CameraPopover;

package/lib/components/dataSourceComponents/fields/Upload/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Upload: React.FC<import("./type").UploadProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
-export default Upload;

package/lib/components/dataSourceComponents/fields/Upload/type.d.ts

@@ -1,38 +0,0 @@
-import { UploadFile as AntdUploadFile } from 'antd/es/upload/interface';
-import type { UploadValue, UploadChangeHandler } from './types';
-export interface UploadFile extends AntdUploadFile {
-    metadata?: {
-        width?: number;
-        height?: number;
-        duration?: number;
-        bitrate?: number;
-    };
-}
-export interface UploadProps {
-    renderMode?: string;
-    fieldKey: string;
-    maxSize?: number;
-    minCount?: number;
-    maxCount?: number;
-    multiple?: boolean;
-    presetType?: string[];
-    presetTypeString?: string[];
-    customType?: string[];
-    enablePresetType?: boolean;
-    enableCustomType?: boolean;
-    allowPreview?: boolean;
-    value?: UploadValue;
-    typeMaxSizeMap?: Record<string, number>;
-    enableMultilingual?: boolean;
-    onChange?: UploadChangeHandler;
-    disabled?: boolean;
-    mediaUploadUrl?: string;
-    getHeaders?: () => Record<string, string>;
-    mediaConfig?: {
-        data: {
-            upload_onetime_limit: number;
-            upload_maxsize: number;
-        };
-    };
-    allowCamera?: boolean;
-}

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

@@ -1,46 +0,0 @@
-import { ModeType } from "../table/types";
-/**
- * 筛选总配置
- */
-export declare type FilterType = {
-    /** 筛选是否展示 */
-    show: boolean;
-    /** 筛选项排序按钮是否展示 */
-    sortButtonShow: boolean;
-    /** 筛选列表 */
-    list: FilterItemProps[];
-    items?: string[];
-    /** 快速筛选最大长度 */
-    quickFilterMaxLength: number;
-    /** 配置存储模式 */
-    storageMode: "" | "localStorage";
-    /** 筛选列表项dom */
-    dom?: any;
-};
-/**
- * 筛选列表项配置
- */
-export declare type FilterItemProps = {
-    type: "single" | "input" | "datePicker" | "rangePicker" | "search";
-    name?: string | string[];
-    key: string;
-    props: object;
-    label?: string;
-    sort?: boolean;
-    localFilter?: boolean;
-    other: Record<string, any>;
-    isCustom?: boolean;
-    columnKey?: string;
-    isHidden?: boolean;
-};
-/**
- * 筛选组件属性
- */
-export interface FilterProps {
-    filter: FilterType;
-    isRenderFormContent: boolean;
-    onValuesChange?: () => void;
-    tableId?: string;
-    viewMode?: ModeType;
-    isMobile?: boolean;
-}

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.less';
-declare const PisellCamera: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
-export default PisellCamera;