@pisell/private-materials 6.8.33 → 6.8.35

package/lib/pro/numberKeyboard/index.d.ts

@@ -24,5 +24,5 @@ interface NumberKeyboardProps {
     /** 输入框的样式 */
     inputStyle?: React.CSSProperties;
 }
-declare const NumberKeyboard: (props: NumberKeyboardProps) => JSX.Element;
+declare const NumberKeyboard: (props: NumberKeyboardProps) => React.JSX.Element;
 export default NumberKeyboard;

package/lib/pro/numberKeyboard/locales.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    en: {
+        'pisell2.number.keyboard.ok': string;
+    };
+    'zh-CN': {
+        'pisell2.number.keyboard.ok': string;
+    };
+    'zh-HK': {
+        'pisell2.number.keyboard.ok': string;
+    };
+};
+export default _default;

package/lib/pro/pisellPaymentList/example.d.ts

@@ -4,16 +4,17 @@
  * 这个文件演示了如何使用 PisellPaymentList 和 PisellPaymentListItem 组件
  * 包括如何通过 Context 访问父组件配置
  */
-export declare const BasicExample: () => JSX.Element;
-export declare const ChildrenExample: () => JSX.Element;
-export declare const CustomItemExample: () => JSX.Element;
-export declare const MethodConfigExample: () => JSX.Element;
-export declare const FullFeatureExample: () => JSX.Element;
+import React from 'react';
+export declare const BasicExample: () => React.JSX.Element;
+export declare const ChildrenExample: () => React.JSX.Element;
+export declare const CustomItemExample: () => React.JSX.Element;
+export declare const MethodConfigExample: () => React.JSX.Element;
+export declare const FullFeatureExample: () => React.JSX.Element;
 declare const _default: {
-    BasicExample: () => JSX.Element;
-    ChildrenExample: () => JSX.Element;
-    CustomItemExample: () => JSX.Element;
-    MethodConfigExample: () => JSX.Element;
-    FullFeatureExample: () => JSX.Element;
+    BasicExample: () => React.JSX.Element;
+    ChildrenExample: () => React.JSX.Element;
+    CustomItemExample: () => React.JSX.Element;
+    MethodConfigExample: () => React.JSX.Element;
+    FullFeatureExample: () => React.JSX.Element;
 };
 export default _default;

package/lib/pro/pisellPhoneKeyboard/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { PopoverProps } from 'antd';
 import './index.less';
 interface PisellPhoneKeyboardProps {
@@ -8,5 +9,5 @@ interface PisellPhoneKeyboardProps {
     keyboardProps?: any;
     virtualKeyInputProps?: any;
 }
-declare const PisellPhoneKeyboard: (props: PisellPhoneKeyboardProps) => JSX.Element;
+declare const PisellPhoneKeyboard: (props: PisellPhoneKeyboardProps) => React.JSX.Element;
 export default PisellPhoneKeyboard;

package/lib/pro/pisellPhoneKeyboard/locales.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    en: {
+        'pisell2.text.confirm': string;
+    };
+    'zh-CN': {
+        'pisell2.text.confirm': string;
+    };
+    'zh-HK': {
+        'pisell2.text.confirm': string;
+    };
+};
+export default _default;

package/lib/pro/pisellPriceKeyboardModal/types.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+export interface PisellPriceKeyboardModalProps {
+    /** 是否显示键盘 */
+    visible?: boolean;
+    /** 当前价格值 */
+    value?: string | number;
+    /** 价格变化回调（合并了 onChange 和 onEnter） */
+    onChange?: (value: string | number) => void;
+    /** 关闭键盘回调 */
+    onClose?: () => void;
+    /** 触发元素的 ref，用于计算位置 */
+    triggerRef?: React.RefObject<HTMLElement>;
+    /** 货币符号显示 */
+    showCurrencySymbol?: boolean;
+    /** 是否使用千分位分隔符 */
+    useThousandsSeparator?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+}
+export interface KeyboardPosition {
+    top: number;
+    left: number;
+}

package/lib/pro/pisellPriceKeyboardPopover/types.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+export interface PisellPriceKeyboardPopoverProps {
+    /** 触发元素 */
+    children: React.ReactNode;
+    /** 当前价格值 */
+    value?: string | number;
+    /** 价格变化回调（合并了 onChange 和 onEnter） */
+    onChange?: (value: string | number) => void;
+    /** 确认回调 */
+    onConfirm?: (value: string | number) => void;
+    /** 取消回调 */
+    onCancel?: () => void;
+    /** 货币符号显示 */
+    showCurrencySymbol?: boolean;
+    /** 是否使用千分位分隔符 */
+    useThousandsSeparator?: boolean;
+    /** 键盘主题 */
+    selectType?: 'light' | 'dark';
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** Popover 额外的类名 */
+    overlayClassName?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+}
+export interface PisellPriceKeyboardPopoverRef {
+    /** 打开键盘 */
+    open: () => void;
+    /** 关闭键盘 */
+    close: () => void;
+    /** 获取当前是否打开 */
+    isOpen: () => boolean;
+}

package/lib/pro/pisellSimplePriceKeyboardPopover/types.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+export interface PisellPriceKeyboardPopoverProps {
+    /** 触发元素 */
+    children: React.ReactNode;
+    /** 当前价格值 */
+    value?: string | number;
+    /** 价格变化回调（合并了 onChange 和 onEnter） */
+    onChange?: (value: string | number) => void;
+    /** 确认回调 */
+    onConfirm?: (value: string | number) => void;
+    /** 取消回调 */
+    onCancel?: () => void;
+    /** 货币符号显示 */
+    showCurrencySymbol?: boolean;
+    /** 是否使用千分位分隔符 */
+    useThousandsSeparator?: boolean;
+    /** 键盘主题 */
+    selectType?: 'light' | 'dark';
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** Popover 额外的类名 */
+    overlayClassName?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+}
+export interface PisellPriceKeyboardPopoverRef {
+    /** 打开键盘 */
+    open: () => void;
+    /** 关闭键盘 */
+    close: () => void;
+    /** 获取当前是否打开 */
+    isOpen: () => boolean;
+}

package/lib/pro/priceKeyboard/components/cashKeyboard/CashKeyboardIntact.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import { CashKeyboardBaseProps } from './types';
 import './index.less';
-declare const CashKeyboardIntact: (props: CashKeyboardBaseProps) => JSX.Element;
+declare const CashKeyboardIntact: (props: CashKeyboardBaseProps) => React.JSX.Element;
 export default CashKeyboardIntact;

package/lib/pro/priceKeyboard/components/cashKeyboard/CashKeyboardSimple.d.ts

@@ -9,5 +9,5 @@ export interface CashKeyboardSimpleProps extends CashKeyboardBaseProps {
     };
     children?: React.ReactNode;
 }
-declare const CashKeyboardSimple: (props: CashKeyboardSimpleProps) => JSX.Element | null;
+declare const CashKeyboardSimple: (props: CashKeyboardSimpleProps) => React.JSX.Element | null;
 export default CashKeyboardSimple;

package/lib/pro/priceKeyboard/components/cashKeyboard/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CashKeyboardBaseProps } from './types';
 export interface CashKeyboardProps extends CashKeyboardBaseProps {
     containerProps?: {
@@ -9,5 +9,5 @@ export interface CashKeyboardProps extends CashKeyboardBaseProps {
     variant?: 'intact' | 'simple';
     shortcutsSize?: 'default' | 'large';
 }
-declare const CashKeyboard: (props: CashKeyboardProps) => JSX.Element;
+declare const CashKeyboard: (props: CashKeyboardProps) => React.JSX.Element;
 export default CashKeyboard;

package/lib/pro/priceKeyboard/components/cashKeyboard/locales.d.ts

@@ -0,0 +1,39 @@
+declare const _default: {
+    en: {
+        'cash-keyboard-title': string;
+        'cash-keyboard-balance-due': string;
+        'cash-keyboard-cash-received': string;
+        'cash-keyboard-change-due': string;
+        'cash-keyboard-rounding': string;
+        'cash-keyboard-other': string;
+        'cash-keyboard-reset': string;
+        'cash-keyboard-done': string;
+        'cash-keyboard-pay': string;
+        'cash-keyboard-amount-cannot-be-zero': string;
+    };
+    'zh-CN': {
+        'cash-keyboard-title': string;
+        'cash-keyboard-balance-due': string;
+        'cash-keyboard-cash-received': string;
+        'cash-keyboard-change-due': string;
+        'cash-keyboard-rounding': string;
+        'cash-keyboard-other': string;
+        'cash-keyboard-reset': string;
+        'cash-keyboard-done': string;
+        'cash-keyboard-pay': string;
+        'cash-keyboard-amount-cannot-be-zero': string;
+    };
+    'zh-HK': {
+        'cash-keyboard-title': string;
+        'cash-keyboard-balance-due': string;
+        'cash-keyboard-cash-received': string;
+        'cash-keyboard-change-due': string;
+        'cash-keyboard-rounding': string;
+        'cash-keyboard-other': string;
+        'cash-keyboard-reset': string;
+        'cash-keyboard-done': string;
+        'cash-keyboard-pay': string;
+        'cash-keyboard-amount-cannot-be-zero': string;
+    };
+};
+export default _default;

package/lib/pro/priceKeyboard/components/cashKeyboard/types.d.ts

@@ -0,0 +1,98 @@
+/// <reference types="react" />
+export interface RightItemsStyleProps {
+    buttonBackgroundColor?: string;
+    textColor?: string;
+    resetButtonBackgroundColor?: string;
+    resetButtonTextColor?: string;
+    isDoneButtonFollowTheme?: boolean;
+    doneButtonBackgroundColor?: string;
+    doneButtonTextColor?: string;
+}
+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;
+}
+export interface TitleAreaConfig {
+    visible?: boolean;
+    title?: {
+        visible?: boolean;
+        text?: string;
+        fontSize?: string | number;
+        color?: string;
+        fontWeight?: string | number;
+    };
+    subtitle?: {
+        visible?: boolean;
+        text?: string;
+        fontSize?: string | number;
+        color?: string;
+        fontWeight?: string | number;
+    };
+    alignment?: 'left' | 'right' | 'center' | 'space-between';
+    spacing?: string | number;
+}
+export interface DisplayFieldConfig {
+    cashReceived?: {
+        visible?: boolean;
+    };
+    balanceDue?: {
+        visible?: boolean;
+    };
+    changeDue?: {
+        visible?: boolean;
+    };
+    gridRatio?: number[];
+}
+export interface CashKeyboardBaseProps {
+    amountSymbol?: string;
+    value?: string;
+    /** 默认值，非受控模式 */
+    defaultValue?: string;
+    /** 原始值，多用于重置, 当前对应 Balance Due */
+    originalValue?: string;
+    placeholder?: string;
+    max?: number;
+    min?: number;
+    disabled?: boolean;
+    doneText?: string;
+    resetText?: string;
+    presets?: any;
+    hiddenChangeDue?: boolean;
+    onChange?: (val: string) => void;
+    onEnter?: (val: string) => void;
+    onReset?: () => void;
+    onPay?: () => void;
+    rightItemsStyle?: RightItemsStyleProps;
+    titleArea?: TitleAreaConfig;
+    displayField?: DisplayFieldConfig;
+    keyboardProps?: KeyboardProps;
+    style?: React.CSSProperties;
+    selectType?: 'light' | '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;
+    shortcutsSize?: 'default' | 'large';
+}

package/lib/pro/priceKeyboard/components/discountKeyboard/index.d.ts

@@ -10,8 +10,8 @@ export interface DiscountKeyboardProps extends DiscountKeyboardBaseProps {
     children?: React.ReactNode;
 }
 declare const DiscountKeyboard: {
-    (props: DiscountKeyboardProps): JSX.Element | null;
-    InputNumber: (props: DiscountKeyboardInputNumberProps) => JSX.Element;
+    (props: DiscountKeyboardProps): React.JSX.Element | null;
+    InputNumber: (props: DiscountKeyboardInputNumberProps) => React.JSX.Element;
 };
 interface DiscountKeyboardInputNumberProps {
     value?: number;

package/lib/pro/priceKeyboard/components/discountKeyboard/locales.d.ts

@@ -0,0 +1,42 @@
+declare const _default: {
+    en: {
+        'discount-keyboard-price-override': string;
+        'discount-keyboard-discount': string;
+        'discount-keyboard-amount': string;
+        'discount-keyboard-percentage': string;
+        'discount-keyboard-max-discount': string;
+        'discount-keyboard-discount-amount': string;
+        'discount-keyboard-total': string;
+        'discount-keyboard-payable': string;
+        'discount-keyboard-reset': string;
+        'discount-keyboard-done': string;
+        'discount-keyboard-pay': string;
+    };
+    'zh-CN': {
+        'discount-keyboard-price-override': string;
+        'discount-keyboard-discount': string;
+        'discount-keyboard-amount': string;
+        'discount-keyboard-percentage': string;
+        'discount-keyboard-max-discount': string;
+        'discount-keyboard-discount-amount': string;
+        'discount-keyboard-total': string;
+        'discount-keyboard-payable': string;
+        'discount-keyboard-reset': string;
+        'discount-keyboard-done': string;
+        'discount-keyboard-pay': string;
+    };
+    'zh-HK': {
+        'discount-keyboard-price-override': string;
+        'discount-keyboard-discount': string;
+        'discount-keyboard-amount': string;
+        'discount-keyboard-percentage': string;
+        'discount-keyboard-max-discount': string;
+        'discount-keyboard-discount-amount': string;
+        'discount-keyboard-total': string;
+        'discount-keyboard-payable': string;
+        'discount-keyboard-reset': string;
+        'discount-keyboard-done': string;
+        'discount-keyboard-pay': string;
+    };
+};
+export default _default;

package/lib/pro/priceKeyboard/components/discountKeyboard/types.d.ts

@@ -0,0 +1,17 @@
+export interface DiscountKeyboardBaseProps {
+    /** 金额符 */
+    amountSymbol?: string;
+    /** 初始值，多用于展示及计算，不同于原始值 */
+    defaultValue?: string | number;
+    /** 原始值，多用于重置 */
+    originalValue?: string | number;
+    placeholder?: string;
+    doneText?: string;
+    resetText?: string;
+    /** 键盘主题 */
+    selectType?: 'light' | 'dark';
+    onEnter?: (val: string) => void;
+    onReset?: () => void;
+    onChange?: (val: string) => void;
+    enableExceedMaxAmount?: boolean;
+}

package/lib/pro/priceKeyboard/components/paymentKeyboard/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { PaymentKeyboardBaseProps } from './types';
 import './index.less';
 interface PaymentKeyboardProps extends PaymentKeyboardBaseProps {
@@ -7,5 +8,5 @@ interface PaymentKeyboardProps extends PaymentKeyboardBaseProps {
         [key: string]: any;
     };
 }
-export declare const PaymentKeyboard: (props: PaymentKeyboardProps) => JSX.Element | null;
+export declare const PaymentKeyboard: (props: PaymentKeyboardProps) => React.JSX.Element | null;
 export default PaymentKeyboard;

package/lib/pro/priceKeyboard/components/paymentKeyboard/locales.d.ts

@@ -0,0 +1,45 @@
+declare const _default: {
+    en: {
+        'payment-keyboard-payment': string;
+        'payment-keyboard-surcharge': string;
+        'payment-keyboard-percent': string;
+        'payment-keyboard-fixed': string;
+        'payment-keyboard-max': string;
+        'payment-keyboard-remaining': string;
+        'payment-keyboard-change-due': string;
+        'payment-keyboard-total-amount-due': string;
+        'payment-keyboard-inc-surcharge': string;
+        'payment-keyboard-reset': string;
+        'payment-keyboard-done': string;
+        'payment-keyboard-pay': string;
+    };
+    'zh-CN': {
+        'payment-keyboard-payment': string;
+        'payment-keyboard-surcharge': string;
+        'payment-keyboard-percent': string;
+        'payment-keyboard-change-due': string;
+        'payment-keyboard-fixed': string;
+        'payment-keyboard-max': string;
+        'payment-keyboard-remaining': string;
+        'payment-keyboard-total-amount-due': string;
+        'payment-keyboard-inc-surcharge': string;
+        'payment-keyboard-reset': string;
+        'payment-keyboard-done': string;
+        'payment-keyboard-pay': string;
+    };
+    'zh-HK': {
+        'payment-keyboard-payment': string;
+        'payment-keyboard-surcharge': string;
+        'payment-keyboard-percent': string;
+        'payment-keyboard-fixed': string;
+        'payment-keyboard-max': string;
+        'payment-keyboard-remaining': string;
+        'payment-keyboard-change-due': string;
+        'payment-keyboard-total-amount-due': string;
+        'payment-keyboard-inc-surcharge': string;
+        'payment-keyboard-reset': string;
+        'payment-keyboard-done': string;
+        'payment-keyboard-pay': string;
+    };
+};
+export default _default;

package/lib/pro/priceKeyboard/components/paymentKeyboard/types.d.ts

@@ -0,0 +1,39 @@
+export declare type SurchargeValue = {
+    percent?: string;
+    fixed?: string;
+};
+export interface PaymentKeyboardBaseProps {
+    /** 自定义支付允许超出最大值， EFTPOS不允许 */
+    enableExceedMaxAmount?: boolean;
+    /** payment 原始值 */
+    paymentOriginalValue?: string;
+    /** payment 当前值 */
+    paymentValue?: string;
+    /** payment 默认值， 非受控 */
+    paymentDefaultValue?: string;
+    /** surcharge 原始值 */
+    surchargeOriginalValue?: SurchargeValue;
+    /** surcharge 当前值 */
+    surchargeValue?: SurchargeValue;
+    /** surcharge 默认值， 非受控 */
+    surchargeDefaultValue?: SurchargeValue;
+    onReset?: () => void;
+    onPay?: (args: {
+        surcharge: SurchargeValue;
+        amount: string;
+    }) => void;
+    onChange?: (v: string | SurchargeValue) => void;
+    payment?: {
+        enable?: boolean;
+    };
+    surcharge?: {
+        enable?: boolean;
+    };
+    title?: {
+        text?: string;
+    };
+    subTitle?: {
+        text?: string;
+    };
+    [key: string]: any;
+}

package/lib/pro/priceKeyboard/components/shortcuts/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import './index.less';
+export declare type ShortcutsItem = {
+    label: string;
+    value: number | string;
+    style?: React.CSSProperties;
+    onClick?: (item: ShortcutsItem, _next: () => void) => void;
+    render?: (item: ShortcutsItem) => React.ReactNode;
+    disabled?: boolean;
+};
+export interface ShortcutsProps {
+    presets?: ShortcutsItem[];
+    onChange?: (val: string) => void;
+    disabled?: boolean;
+    size?: 'default' | 'large';
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ShortcutsProps & React.RefAttributes<HTMLDivElement>>>;
+export default _default;

package/lib/pro/priceKeyboard/hooks/keyActions.d.ts

@@ -0,0 +1,28 @@
+/**
+ * 键盘输入处理 Hook
+ * @param params 配置参数
+ * @param params.onChange 值变化回调
+ * @param params.onEnter 确认回调
+ * @param params.onReset 重置回调
+ * @param params.value 当前值
+ * @param params.min 最小值限制
+ * @param params.max 最大值限制
+ * @param params.scale 小数位数限制
+ * @param params.mode 输入模式：'append' 追加模式（默认）| 'replace' 替换模式
+ */
+declare const useKeyActions: (params: {
+    onChange?: ((val: string) => void) | undefined;
+    onEnter?: ((val: string) => void) | undefined;
+    onReset?: (() => void) | undefined;
+    value?: string | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    mode?: "replace" | "append" | undefined;
+    scale?: number | undefined;
+}) => {
+    handleChange: (val?: string | number) => void;
+    error: {
+        msg: string;
+    } | null;
+};
+export default useKeyActions;

package/lib/pro/priceKeyboard/hooks/rightItems.d.ts

@@ -1,10 +1,11 @@
+import React from 'react';
 declare const useRightItems: (props: {
     rightItemsStyle?: any;
     doneText?: string;
     resetText?: string;
 }) => ({
     value: string;
-    label: JSX.Element;
+    label: React.JSX.Element;
     disabled: boolean;
     type: string;
     style: any;

package/lib/pro/priceKeyboard/utils.d.ts

@@ -0,0 +1,31 @@
+export declare const DEFAULT_THEME_CONFIG: {
+    dark: {
+        titleColor: string;
+        subtitleColor: string;
+        keyboardBgColor: string;
+        keyboardWrapperBgColor: string;
+        bgColor: string;
+        bgColorGray200: string;
+        bgColorGray300: string;
+        textGray500: string;
+        textGray600: string;
+        textGray900: string;
+    };
+    light: {
+        titleColor: string;
+        subtitleColor: string;
+        keyboardBgColor: string;
+        keyboardWrapperBgColor: string;
+        bgColor: string;
+        bgColorGray200: string;
+        bgColorGray300: string;
+        textGray500: string;
+        textGray600: string;
+        textGray900: string;
+    };
+};
+/**
+ * 设置键盘主题
+ * @param theme 主题
+ */
+export declare const setKeyboardTheme: (theme?: 'dark' | 'light') => void;