@pisell/private-materials 6.5.4 → 6.5.5

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

@@ -0,0 +1,11 @@
+import { CashKeyboardBaseProps } from './types';
+export interface CashKeyboardProps extends CashKeyboardBaseProps {
+    containerProps?: {
+        renderType: 'modal' | 'popover';
+        open: boolean;
+        [key: string]: any;
+    };
+    variant?: 'intact' | 'simple';
+}
+declare const CashKeyboard: (props: CashKeyboardProps) => JSX.Element;
+export default CashKeyboard;

package/es/pro/priceKeyboard/components/cashKeyboard/index.js

@@ -0,0 +1,49 @@
+var _excluded = ["variant", "value", "onChange"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { useControllableValue } from 'ahooks';
+//@ts-ignore
+import { locales } from '@pisell/utils';
+import CashKeyboardSimple from "./CashKeyboardSimple";
+import CashKeyboardIntact from "./CashKeyboardIntact";
+import localeTexts from "./locales";
+import useEngineContext from "../../../../hooks/useEngineContext";
+var CashKeyboard = function CashKeyboard(props) {
+  var _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4;
+  var context = useEngineContext();
+  locales.init(localeTexts, ((_context$appHelper$ut = context.appHelper.utils) === null || _context$appHelper$ut === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut.getApp) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut2.call(_context$appHelper$ut)) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut2.locales) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut3 = _context$appHelper$ut2.getLocale) === null || _context$appHelper$ut3 === void 0 ? void 0 : _context$appHelper$ut3.call(_context$appHelper$ut2)) || ((_context$appHelper$ut4 = context.appHelper.utils) === null || _context$appHelper$ut4 === void 0 || (_context$appHelper$ut4 = _context$appHelper$ut4.storage) === null || _context$appHelper$ut4 === void 0 ? void 0 : _context$appHelper$ut4.get('umi_locale')) || 'en');
+  var getData = context.appHelper.utils.getData;
+  var amountSymbol = props.amountSymbol || (getData === null || getData === void 0 ? void 0 : getData('shop_symbol')) || '$';
+  var _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'intact' : _props$variant,
+    value = props.value,
+    onChange = props.onChange,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useControllableValue = useControllableValue(props),
+    _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
+    internalValue = _useControllableValue2[0],
+    setInternalValue = _useControllableValue2[1];
+  if (variant === 'intact') {
+    return /*#__PURE__*/React.createElement(CashKeyboardIntact, _extends({}, otherProps, {
+      amountSymbol: amountSymbol,
+      value: internalValue,
+      placeholder: "".concat(amountSymbol, "0"),
+      onChange: setInternalValue
+    }));
+  }
+  return /*#__PURE__*/React.createElement(CashKeyboardSimple, _extends({}, otherProps, {
+    amountSymbol: amountSymbol,
+    placeholder: "".concat(amountSymbol, "0"),
+    value: internalValue,
+    onChange: setInternalValue
+  }));
+};
+export default CashKeyboard;

package/es/pro/priceKeyboard/components/cashKeyboard/index.less

@@ -0,0 +1,103 @@
+.pisell-cash-keyboard {
+  &-title {
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+  }
+  &-subtitle {
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 20px;
+  }
+
+  &-intact {
+    width: 402px;
+    background-color: #fcfcfd;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+
+    .pisell-cash-keyboard-title {
+      color: '#101828';
+    }
+
+    .pisell-cash-keyboard-subtitle {
+      color: '#101828';
+    }
+
+    &.disabled {
+      .pisell-cash-keyboard-intact-container {
+        border: 1px solid #d0d5dd !important;
+      }
+      .pisell-virtual-input-wrapper {
+        background-color: #eaecf0 !important;
+        border: 0 !important;
+        box-shadow: none !important;
+      }
+    }
+
+    .pisell-cash-keyboard-intact-container {
+      width: unset;
+      border: 1px solid #7f56da;
+      border-radius: 8px;
+      padding: 8px;
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+
+      .pisell-cash-keyboard-intact-container-top {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        gap: 4px;
+        padding-top: 4px;
+
+        .pisell-cash-keyboard-intact-container-top-label {
+          font-size: 14px;
+          color: #667085;
+        }
+
+        .pisell-cash-keyboard-intact-container-top-value {
+          font-size: 18px;
+          font-weight: bold;
+          color: #475467;
+          flex: 1;
+          overflow: hidden;
+          display: -webkit-box;
+          -webkit-line-clamp: 2;
+          -webkit-box-orient: vertical;
+        }
+      }
+    }
+  }
+
+  &-simple {
+    padding: 10px;
+    width: 360px;
+    border-radius: 10px;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    background-color: var(
+      --pisell-pro-price-keyboard-wrapper-bg-color,
+      #eaecf0
+    );
+
+    .pisell-cash-keyboard-title {
+      color: var(--pisell-pro-price-keyboard-title-color, #101828);
+    }
+    .pisell-cash-keyboard-subtitle {
+      color: var(--pisell-pro-price-keyboard-subtitle-color, #667085);
+    }
+  }
+}
+
+.pisell-case-keyboard-simple-modal {
+  .pisell-lowcode-modal-content {
+    background-color: transparent;
+  }
+
+  .pisell-lowcode-modal-close {
+    display: none;
+  }
+}

package/es/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/es/pro/priceKeyboard/components/cashKeyboard/locales.js

@@ -0,0 +1,41 @@
+export default {
+  en: {
+    // Cash Payment Module
+    'cash-keyboard-title': 'Cash Payment',
+    'cash-keyboard-balance-due': 'Balance Due',
+    'cash-keyboard-cash-received': 'Cash Received',
+    'cash-keyboard-change-due': 'Change Due',
+    'cash-keyboard-rounding': 'Rounding',
+    'cash-keyboard-other': 'Other',
+    'cash-keyboard-reset': 'Reset',
+    'cash-keyboard-done': 'Done',
+    'cash-keyboard-pay': 'Pay',
+    'cash-keyboard-amount-cannot-be-zero': 'The amount cannot be 0'
+  },
+  'zh-CN': {
+    // 现金支付模块
+    'cash-keyboard-title': '现金支付',
+    'cash-keyboard-balance-due': '待支付金额',
+    'cash-keyboard-cash-received': '实收金额',
+    'cash-keyboard-change-due': '找零',
+    'cash-keyboard-rounding': '抹零',
+    'cash-keyboard-other': '其他金额',
+    'cash-keyboard-reset': '重置',
+    'cash-keyboard-done': '确认',
+    'cash-keyboard-pay': '支付',
+    'cash-keyboard-amount-cannot-be-zero': '金额不能为0'
+  },
+  'zh-HK': {
+    // 現金支付模組
+    'cash-keyboard-title': '現金支付',
+    'cash-keyboard-balance-due': '待支付金額',
+    'cash-keyboard-cash-received': '實收金額',
+    'cash-keyboard-change-due': '找零',
+    'cash-keyboard-rounding': '抹零',
+    'cash-keyboard-other': '其他金額',
+    'cash-keyboard-reset': '重置',
+    'cash-keyboard-done': '確認',
+    'cash-keyboard-pay': '支付',
+    'cash-keyboard-amount-cannot-be-zero': '金額不能為0'
+  }
+};

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

@@ -0,0 +1,97 @@
+/// <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;
+}

package/es/pro/priceKeyboard/components/cashKeyboard/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { DiscountKeyboardBaseProps } from './types';
+import './index.less';
+export interface DiscountKeyboardProps extends DiscountKeyboardBaseProps {
+    containerProps?: {
+        renderType: 'modal' | 'popover';
+        open?: boolean;
+        [key: string]: any;
+    };
+    children?: React.ReactNode;
+}
+declare const DiscountKeyboard: {
+    (props: DiscountKeyboardProps): JSX.Element | null;
+    InputNumber: (props: DiscountKeyboardInputNumberProps) => JSX.Element;
+};
+interface DiscountKeyboardInputNumberProps {
+    value?: number;
+    onChange?: (val: number) => void;
+    keyboardProps?: DiscountKeyboardProps;
+    [key: string]: any;
+}
+export default DiscountKeyboard;