@pisell/materials 1.0.934 → 1.0.935

package/es/components/hardwareErrorTip/errorCard/index.d.ts

@@ -0,0 +1,28 @@
+import './index.less';
+declare const DEVICE_TYPE_MAP: {
+    readonly printer: any;
+    readonly barcode_scanner: any;
+    readonly cds: any;
+    readonly kds: any;
+    readonly display: any;
+    readonly card_reader: any;
+    readonly till: any;
+    readonly scale: any;
+};
+export interface ErrorCardData {
+    error_level: 0 | 1 | 2 | 3;
+    error_message: string;
+    error_code: string;
+    time: string;
+    device: {
+        device_type: keyof typeof DEVICE_TYPE_MAP;
+        device_name: string;
+        device_idfa: string;
+    };
+}
+interface IErrorCardProps {
+    data: ErrorCardData;
+    onClose?: () => void;
+}
+declare const ErrorCard: (props: IErrorCardProps) => JSX.Element | null;
+export default ErrorCard;

package/es/components/hardwareErrorTip/errorTipStatistics/index.d.ts

@@ -0,0 +1,12 @@
+import './index.less';
+export declare type StatisticsData = {
+    fatal: number;
+    critical: number;
+    normal: number;
+    info: number;
+};
+interface IStatisticsProps {
+    data: StatisticsData;
+}
+declare const Statistics: (props: IStatisticsProps) => JSX.Element;
+export default Statistics;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { type StatisticsData } from './errorTipStatistics';
+import { type ErrorCardData } from './errorCard';
+import { type LogCardData } from './logCard';
+import './index.less';
+interface HardwareErrorTipProps {
+    statistics: StatisticsData;
+    errors?: ErrorCardData[];
+    logs?: LogCardData[];
+    onExportLogs?: (logs: any) => void;
+    onCloseError?: (error: ErrorCardData, index?: number) => void;
+    onTabChange?: (activeTab: string) => void;
+    activeTab?: string;
+    isLoadingErrors?: boolean;
+    isLoadingLogs?: boolean;
+    style?: React.CSSProperties;
+}
+declare const HardwareErrorTip: React.FC<HardwareErrorTipProps>;
+export default HardwareErrorTip;

package/es/components/hardwareErrorTip/logCard/index.d.ts

@@ -0,0 +1,27 @@
+import './index.less';
+declare const DEVICE_TYPE_MAP: {
+    readonly printer: any;
+    readonly barcode_scanner: any;
+    readonly cds: any;
+    readonly kds: any;
+    readonly display: any;
+    readonly card_reader: any;
+    readonly till: any;
+    readonly scale: any;
+};
+export interface LogCardData {
+    log_level: 0 | 1 | 2;
+    message: string;
+    time: string;
+    device: {
+        device_type: keyof typeof DEVICE_TYPE_MAP;
+        device_name: string;
+        device_idfa: string;
+    };
+    data?: string;
+}
+interface ILogCardProps {
+    data: LogCardData;
+}
+declare const LogCard: (props: ILogCardProps) => JSX.Element;
+export default LogCard;

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

@@ -0,0 +1,28 @@
+export declare const prefix = "pisell-lowcode";
+export declare const ErrorTypeTheme: {
+    readonly fatal: {
+        readonly iconColor: "#cf1322";
+        readonly backgroundColor: "#fff1f0";
+        readonly shadowColor: "#ffa39e";
+        readonly badgeColor: "#fee2e1";
+    };
+    readonly critical: {
+        readonly iconColor: "#d4380d";
+        readonly backgroundColor: "#fff2e8";
+        readonly shadowColor: "#ffbb96";
+        readonly badgeColor: "#ffedd5";
+    };
+    readonly normal: {
+        readonly iconColor: "#0958d9";
+        readonly backgroundColor: "#e6f4ff";
+        readonly shadowColor: "#91caff";
+        readonly badgeColor: "#d2eafd";
+    };
+    readonly info: {
+        readonly iconColor: "#389e0d";
+        readonly backgroundColor: "#f6ffed";
+        readonly shadowColor: "#b7eb8f";
+        readonly badgeColor: "#dcfce7";
+    };
+};
+export declare const errorTypes: any[];

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

@@ -0,0 +1,8 @@
+import { IconComponentProps } from '@ant-design/icons/es/components/Icon';
+import React from 'react';
+interface IconFontProps extends IconComponentProps {
+    type: string;
+    onClick?: React.MouseEventHandler<HTMLSpanElement>;
+}
+declare const IconFont: React.FC<IconFontProps>;
+export default IconFont;

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

@@ -0,0 +1,22 @@
+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 {
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    onChange?: (value?: ItemValue) => void;
+    items?: Item[];
+    rightItems?: Item[];
+    keydown?: boolean;
+}
+declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => JSX.Element>;
+export default _default;

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

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

package/es/components/login-and-register/index.d.ts

@@ -0,0 +1,82 @@
+import React from 'react';
+import './index.less';
+/**
+ * loginAndRegister组件的属性接口
+ */
+export interface loginAndRegisterProps {
+    /** Logo相关配置 */
+    showLogo?: boolean;
+    logo?: string;
+    logoPosition?: 'left' | 'center' | 'right';
+    logoSize?: {
+        width?: number;
+        height?: number;
+    };
+    /** 标题相关配置 */
+    title?: string;
+    showTitle?: boolean;
+    titleAlign?: 'left' | 'center' | 'right';
+    /** 副标题相关配置 */
+    subtitle?: string;
+    showSubtitle?: boolean;
+    subtitleAlign?: 'left' | 'center' | 'right';
+    /** 登录方式配置 */
+    loginMethods?: ('email' | 'google' | 'facebook' | 'apple')[];
+    defaultLoginMethod?: 'email' | 'google' | 'facebook' | 'apple';
+    /** 表单配置 */
+    emailLabel?: string;
+    passwordLabel?: string;
+    emailPlaceholder?: string;
+    passwordPlaceholder?: string;
+    emailRules?: any[];
+    buttonText?: string;
+    rememberMeText?: string;
+    forgotPasswordText?: string;
+    showRememberMe?: boolean;
+    showForgotPassword?: boolean;
+    /** 社交登录配置 */
+    socialLoginTexts?: {
+        google?: string;
+        facebook?: string;
+        apple?: string;
+    };
+    /** 底部配置 */
+    showFooter?: boolean;
+    showSignUp?: boolean;
+    signUpText?: string;
+    signUpLink?: string;
+    signUpPosition?: 'left' | 'center' | 'right';
+    otherLinks?: Array<{
+        text: string;
+        url: string;
+    }>;
+    otherLinksPosition?: 'left' | 'center' | 'right';
+    /** 登录/注册切换配置 */
+    showTabs?: boolean;
+    loginTabText?: string;
+    registerTabText?: string;
+    /** 注册表单配置 */
+    registerEmailPlaceholder?: string;
+    registerPasswordPlaceholder?: string;
+    registerButtonText?: string;
+    /** 事件回调 */
+    onLogin?: (values: {
+        email: string;
+        loginMethod: string;
+    }) => void;
+    onSocialLogin?: (type: 'google' | 'facebook' | 'apple') => void;
+    onSignUp?: () => void;
+    onRegister?: (values: {
+        email: string;
+        password: string;
+    }) => void;
+    /** 新增背景图片属性 */
+    backgroundImage?: string;
+}
+/**
+ * Saas登录组件
+ * @param props - 组件属性
+ * @returns React组件
+ */
+declare const loginAndRegister: React.FC<loginAndRegisterProps>;
+export default loginAndRegister;

package/es/components/pisell-config-provider/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PisellContextType } from './context';
+interface PisellConfigProviderType {
+    platform?: PisellContextType['platform'];
+    children: React.ReactNode;
+    /** 货币符号 */
+    symbol?: string;
+    /** 当前语言环境 */
+    locale?: string;
+    getSymbolic?: () => string;
+}
+declare const PisellConfigProvider: React.FC<PisellConfigProviderType>;
+export default PisellConfigProvider;

package/es/components/pisell-config-provider/index.js

@@ -28,7 +28,6 @@ var PisellConfigProvider = function PisellConfigProvider(props) {
     locale: locale || 'en',
     getSymbolic: getSymbolic
   };
-  console.log(config, 'config');
   var staticFunction = App.useApp();
   setMessage(staticFunction.message);
   setModal(staticFunction.modal);

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputNumberProps } from 'antd/es/input-number';
 export interface PisellAdjustPriceInputNumberProps extends Omit<InputNumberProps, 'onChange'> {
     value?: number;

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

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

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

@@ -31,6 +31,10 @@ export interface PisellCardListProps extends Omit<PisellCheckboxGroupProps, 'opt
     showCode?: boolean;
     /** 是否展示到期时间 */
     showValidDate?: boolean;
+    /** 使用日程信息计算有效期 */
+    validDateBySchedule?: boolean;
+    /** 日程列表 */
+    scheduleList?: any[];
     /** 是否展示详情按钮 */
     showDetail?: boolean;
     /** 是否展示二维码 */

package/es/components/pisellCardList/index.js

@@ -50,7 +50,9 @@ var PisellCardList = function PisellCardList(props) {
     formatRedeemTitle = props.formatRedeemTitle,
     onBeforeEditAmount = props.onBeforeEditAmount,
     onItemClick = props.onItemClick,
-    showActiveBackground = props.showActiveBackground;
+    showActiveBackground = props.showActiveBackground,
+    validDateBySchedule = props.validDateBySchedule,
+    scheduleList = props.scheduleList;
   return data.length ? /*#__PURE__*/React.createElement(PisellCheckboxGroup, {
     options: data,
     value: value,
@@ -90,6 +92,8 @@ var PisellCardList = function PisellCardList(props) {
           var _props$onDetail;
           return props === null || props === void 0 || (_props$onDetail = props.onDetail) === null || _props$onDetail === void 0 ? void 0 : _props$onDetail.call(props, record, index);
         },
+        validDateBySchedule: validDateBySchedule || (item === null || item === void 0 ? void 0 : item.validDateBySchedule),
+        scheduleList: scheduleList || (item === null || item === void 0 ? void 0 : item.scheduleList),
         beforeEdit: function beforeEdit(record) {
           var _props$beforeEdit;
           return props === null || props === void 0 || (_props$beforeEdit = props.beforeEdit) === null || _props$beforeEdit === void 0 ? void 0 : _props$beforeEdit.call(props, record, index);

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { EmptyProps } from 'antd';
+import { PisellContextType } from '../pisell-config-provider/context';
+import './index.less';
+export interface PisellEmptyProps extends EmptyProps {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 额外内容描述 */
+    extraDescription?: React.ReactNode;
+    /** 额外内容描述 */
+    icon?: React.ReactNode;
+    /** 自定义底部额外操作区域 */
+    footer?: React.ReactNode;
+    /** 最大宽度 */
+    maxWidth?: number;
+    [key: string]: any;
+}
+declare const PisellEmpty: (props: PisellEmptyProps) => JSX.Element;
+export default PisellEmpty;

package/es/components/pisellText/components/Editable/index.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import './index.less';
+export declare type MultiLanguageValue = {
+    en: string;
+    'zh-CN': string;
+    'zh-HK': string;
+};
+export interface EditableConfig {
+    /** 是否禁用编辑 */
+    disabled?: boolean;
+    /** 最大长度 */
+    maxLength?: number;
+    /** 编辑图标 */
+    icon?: React.ReactNode;
+}
+export interface EditableProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** 文本内容，支持字符串或多语言对象 */
+    value?: string | MultiLanguageValue;
+    /** 子节点内容，优先级高于 value */
+    children?: React.ReactNode;
+    /** 可编辑配置，boolean 时使用默认配置 */
+    editable?: boolean | EditableConfig;
+    /** 编辑变更回调 */
+    onChange?: (value: string | MultiLanguageValue) => void;
+    /** 输入框尺寸 */
+    size?: 'large' | 'middle' | 'small';
+}
+declare const Editable: React.FC<EditableProps>;
+export default Editable;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface PisellTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+declare const PisellText: {
+    (props: PisellTextProps): JSX.Element;
+    Amount: (props: import("./components/Amount").AmountProps) => JSX.Element;
+    Editable: React.FC<import("./components/Editable").EditableProps>;
+};
+export default PisellText;

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

@@ -0,0 +1,140 @@
+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;
+    [key: string]: any;
+}
+declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => JSX.Element;
+export default PisellWalletPassCard;

package/es/components/pisellWalletPassCard/index.js

@@ -20,8 +20,9 @@ import { CheckCircleFilled, EditOutlined, ExclamationCircleOutlined, MoreOutline
 import { Dropdown, Form, Input, InputNumber, DatePicker, Radio } from 'antd';
 import dayjs from 'dayjs';
 import Iconfont from "../iconfont";
-import { PisellModal } from "../../index";
+import { PisellModal, usePisellConfig } from "../../index";
 import PisellTag from "../pisellTags";
+import { getScheduleSummary } from "./utils";
 import Amount from "../pisellText/components/Amount";
 import AmountCpt from "../virtual-keyboard/Amount";
 
@@ -70,6 +71,7 @@ var PisellWalletPassCard = function PisellWalletPassCard(props) {
     _React$useState12 = _slicedToArray(_React$useState11, 2),
     pressTimer = _React$useState12[0],
     setPressTimer = _React$useState12[1];
+  var config = usePisellConfig();
 
   // 添加 useEffect 清理定时器
   useEffect(function () {
@@ -143,7 +145,9 @@ var PisellWalletPassCard = function PisellWalletPassCard(props) {
     formatBalanceTitle = props.formatBalanceTitle,
     formatRedeem = props.formatRedeem,
     formatRedeemTitle = props.formatRedeemTitle,
-    maxRedeem = props.maxRedeem;
+    maxRedeem = props.maxRedeem,
+    validDateBySchedule = props.validDateBySchedule,
+    scheduleList = props.scheduleList;
   useEffect(function () {
     document.body.id = 'body';
   }, []);
@@ -314,6 +318,12 @@ var PisellWalletPassCard = function PisellWalletPassCard(props) {
     }
     setLastTap(now);
   };
+  var formatValidDate = useMemo(function () {
+    if (validDateBySchedule && scheduleList && (scheduleList === null || scheduleList === void 0 ? void 0 : scheduleList.length) > 0) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, getText('pisell-wallet-pass-card-valid'), ' ', getScheduleSummary(scheduleList, config === null || config === void 0 ? void 0 : config.locale) || validDate);
+    }
+    return /*#__PURE__*/React.createElement(React.Fragment, null, getText('pisell-wallet-pass-card-valid-to'), ' ', !!validDate ? validDate : getText('pisell-wallet-pass-card-expireDate'));
+  }, [validDateBySchedule, scheduleList, validDate]);
   var _onConfirmEdit = function _onConfirmEdit() {
     form.validateFields().then(function (values) {
       var _values$validDate;
@@ -545,10 +555,13 @@ var PisellWalletPassCard = function PisellWalletPassCard(props) {
       useThousandsSeparator: true,
       value: discount
     })) : /*#__PURE__*/React.createElement(React.Fragment, null, discount, "% ", getText('pisell-discount-card-unit'))))), /*#__PURE__*/React.createElement("div", {
-      className: "pisell-card-code-wrap"
+      className: "pisell-card-code-wrap",
+      style: {
+        marginRight: showValidDate ? 60 : 0
+      }
     }, /*#__PURE__*/React.createElement("div", {
       className: "pisell-card-code"
-    }, showCode && !isMini && /*#__PURE__*/React.createElement("div", null, code), showValidDate && /*#__PURE__*/React.createElement("div", null, getText('pisell-wallet-pass-card-valid-to'), ' ', !!validDate ? validDate : getText('pisell-wallet-pass-card-expireDate')))));
+    }, showCode && !isMini && /*#__PURE__*/React.createElement("div", null, code), showValidDate && /*#__PURE__*/React.createElement("div", null, formatValidDate))));
   };
   var getInputItem = function getInputItem(name) {
     if ('validDate' === name) {

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

@@ -0,0 +1,44 @@
+export declare type Locale = 'en' | 'zh-CN' | 'zh-HK';
+interface ScheduleItem {
+    id: number;
+    name: string | {
+        [key: string]: string;
+    };
+    type: 'standard' | 'time-slots' | 'designation';
+    start_time: string | null;
+    end_time: string | null;
+    repeat_type: 'none' | 'daily' | 'weekly' | 'monthly' | 'yearly';
+    repeat_rule: {
+        end: {
+            type: 'never' | 'date' | 'occurrence';
+            end_date: string | null;
+            occurrence: number | null;
+        };
+        frequency: number;
+        excluded_date: Array<{
+            start: string;
+            end: string;
+        }>;
+        included_date: any[];
+        frequency_date: number[];
+    } | null;
+    designation: Array<{
+        start_date: string;
+        start_time: string;
+        end_date: string;
+        end_time: string;
+    }> | null;
+    is_all: number;
+    time_slot: Array<{
+        start_time: string;
+        end_time: string;
+    }>;
+}
+/**
+ * 获取schedule摘要信息
+ * @param scheduleList 日程列表
+ * @param locale 语言设置
+ * @returns 摘要文本
+ */
+export declare function getScheduleSummary(scheduleList: ScheduleItem[], locale?: Locale): string;
+export {};