@pisell/private-materials 6.4.41 → 6.4.43

package/lib/pro/priceKeyboard/components/paymentKeyboard/index.less

@@ -0,0 +1,64 @@
+.pisell-pro-price-keyboard-payment-container {
+  width: 380px;
+  padding: 10px;
+  border-radius: 10px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  background-color: var(--pisell-pro-price-keyboard-wrapper-bg-color, #ffffff);
+
+  .ellipsis {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  // 复写Segmented样式
+  .pisell-lowcode-segmented {
+    background-color: var(
+      --pisell-pro-price-keyboard-bg-color-gray-200,
+      #eaecf0
+    );
+    color: var(--pisell-pro-price-keyboard-text-gray-500, #667085);
+  }
+
+  .pisell-pro-price-keyboard-title {
+    font-size: 20px;
+    font-weight: 600;
+    color: var(--pisell-pro-price-keyboard-text-gray-900, #101828);
+  }
+  .pisell-pro-price-keyboard-subtitle {
+    font-size: 16px;
+    font-weight: 400;
+    color: var(--pisell-pro-price-keyboard-text-gray-500, #667085);
+  }
+
+  .pisell-pro-price-keyboard-input-tip {
+    color: #475467;
+    font-size: 14px;
+    font-weight: 400;
+  }
+
+  .pisell-pro-price-keyboard-payment {
+    width: 100%;
+    padding: 10px;
+    border-radius: 10px;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    background-color: var(
+      --pisell-pro-price-keyboard-bg-color-gray-300,
+      #d0d5dd
+    );
+  }
+}
+
+.pisell-payment-keyboard-modal {
+  .pisell-lowcode-modal-content {
+    background-color: transparent;
+  }
+
+  .pisell-lowcode-modal-close {
+    display: none;
+  }
+}

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/locales.js

@@ -0,0 +1,71 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/pro/priceKeyboard/components/paymentKeyboard/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  en: {
+    // Payment Keyboard Module
+    "payment-keyboard-payment": "Payment",
+    "payment-keyboard-surcharge": "Surcharge",
+    "payment-keyboard-percent": "percent",
+    "payment-keyboard-fixed": "fixed",
+    "payment-keyboard-max": "Max Amount",
+    "payment-keyboard-remaining": "Remaining",
+    "payment-keyboard-change-due": "Change Due",
+    "payment-keyboard-total-amount-due": "Total Amount Due",
+    "payment-keyboard-inc-surcharge": "Inc. Surcharge",
+    "payment-keyboard-reset": "Reset",
+    "payment-keyboard-done": "Done",
+    "payment-keyboard-pay": "Pay"
+  },
+  "zh-CN": {
+    // 支付键盘模块
+    "payment-keyboard-payment": "支付",
+    "payment-keyboard-surcharge": "手续费",
+    "payment-keyboard-percent": "百分比",
+    "payment-keyboard-change-due": "找零",
+    "payment-keyboard-fixed": "固定金额",
+    "payment-keyboard-max": "最大支付金额",
+    "payment-keyboard-remaining": "剩余待支付",
+    "payment-keyboard-total-amount-due": "应付总额",
+    "payment-keyboard-inc-surcharge": "包含手续费",
+    "payment-keyboard-reset": "重置",
+    "payment-keyboard-done": "确认",
+    "payment-keyboard-pay": "支付"
+  },
+  "zh-HK": {
+    // 支付鍵盤模組
+    "payment-keyboard-payment": "支付",
+    "payment-keyboard-surcharge": "手續費",
+    "payment-keyboard-percent": "百分比",
+    "payment-keyboard-fixed": "固定金額",
+    "payment-keyboard-max": "最大支付金額",
+    "payment-keyboard-remaining": "剩餘待支付",
+    "payment-keyboard-change-due": "找零",
+    "payment-keyboard-total-amount-due": "應付總額",
+    "payment-keyboard-inc-surcharge": "包含手續費",
+    "payment-keyboard-reset": "重置",
+    "payment-keyboard-done": "確認",
+    "payment-keyboard-pay": "支付"
+  }
+};

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/paymentKeyboard/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/pro/priceKeyboard/components/paymentKeyboard/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

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

@@ -0,0 +1,17 @@
+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;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ShortcutsProps & React.RefAttributes<HTMLDivElement>>>;
+export default _default;

package/lib/pro/priceKeyboard/components/shortcuts/index.js

@@ -0,0 +1,79 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/pro/priceKeyboard/components/shortcuts/index.tsx
+var shortcuts_exports = {};
+__export(shortcuts_exports, {
+  default: () => shortcuts_default
+});
+module.exports = __toCommonJS(shortcuts_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var Shortcuts = (0, import_react.forwardRef)((props, ref) => {
+  const { presets, onChange, disabled } = props;
+  const handleItemClick = (item) => {
+    if (disabled || item.disabled) {
+      return;
+    }
+    if (item.onClick) {
+      const _next = () => onChange == null ? void 0 : onChange(`${item.value}`);
+      item.onClick(item, _next);
+    } else {
+      onChange == null ? void 0 : onChange(`${item.value}`);
+    }
+  };
+  return (0, import_react.useMemo)(() => {
+    if (!(presets == null ? void 0 : presets.length)) {
+      return null;
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        ref,
+        className: (0, import_classnames.default)("pisell-virtual-keyboard-shortcuts", {
+          disabled: props.disabled
+        })
+      },
+      presets.map((item, index) => {
+        var _a;
+        const itemProps = {
+          key: index,
+          className: (0, import_classnames.default)("pisell-virtual-keyboard-shortcut", {
+            disabled: item.disabled
+          }),
+          style: item.style,
+          onClick: () => handleItemClick(item)
+        };
+        return /* @__PURE__ */ import_react.default.createElement("div", { ...itemProps }, ((_a = item.render) == null ? void 0 : _a.call(item, item)) || item.label);
+      })
+    );
+  }, [presets, onChange, ref]);
+});
+Shortcuts.displayName = "Shortcuts";
+var shortcuts_default = (0, import_react.memo)(Shortcuts);

package/lib/pro/priceKeyboard/components/shortcuts/index.less

@@ -0,0 +1,39 @@
+.pisell-virtual-keyboard-shortcuts {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 4px 8px;
+  overflow: hidden;
+
+  &.disabled {
+    .pisell-virtual-keyboard-shortcut {
+      cursor: not-allowed;
+      pointer-events: none;
+      color: #98a2b3 !important;
+      background: #f2f4f7 !important;
+      border-color: #d0d5dd !important;
+    }
+  }
+
+  .pisell-virtual-keyboard-shortcut {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 40px;
+    border-radius: 8px;
+    border: 1px solid var(--Gray-300, #e9d7fe);
+    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+    background: var(--Primary-25, #fcfaff);
+    font-weight: 600;
+    color: #6941c6;
+    cursor: pointer;
+    position: relative;
+
+    &.disabled {
+      cursor: not-allowed;
+      pointer-events: none;
+      color: #98a2b3 !important;
+      background: #f2f4f7 !important;
+      border-color: #d0d5dd !important;
+    }
+  }
+}

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/keyActions.js

@@ -0,0 +1,176 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/pro/priceKeyboard/hooks/keyActions.ts
+var keyActions_exports = {};
+__export(keyActions_exports, {
+  default: () => keyActions_default
+});
+module.exports = __toCommonJS(keyActions_exports);
+var import_react = require("react");
+var import_utils = require("@pisell/utils");
+var useKeyActions = (params) => {
+  const [error, setError] = (0, import_react.useState)(null);
+  const { onChange, onEnter, onReset, value = "", min, max, mode = "append", scale } = params;
+  const checkScale = (0, import_react.useCallback)(
+    (val) => {
+      if (scale === void 0) return true;
+      const decimalIndex = val.indexOf(".");
+      if (decimalIndex === -1) return true;
+      const decimalPart = val.substring(decimalIndex + 1);
+      return decimalPart.length <= scale;
+    },
+    [scale]
+  );
+  const validateRange = (0, import_react.useCallback)(
+    (val) => {
+      const trimmedVal = val.trim();
+      const numVal = Number(trimmedVal);
+      if (isNaN(numVal)) {
+        const errorMsg = "invalid";
+        setError({ msg: errorMsg });
+        return { isValid: false, errorMsg };
+      }
+      if (min !== void 0 && numVal < min) {
+        const errorMsg = "invalid";
+        setError({ msg: errorMsg });
+        return { isValid: false, errorMsg };
+      }
+      if (max !== void 0 && numVal > max) {
+        const errorMsg = "invalid";
+        setError({ msg: errorMsg });
+        return { isValid: false, errorMsg };
+      }
+      setError(null);
+      return { isValid: true };
+    },
+    [min, max]
+  );
+  const handleChangeValue = (0, import_react.useCallback)(
+    (val) => {
+      if (!checkScale(val)) {
+        return { isValid: false, errorMsg: "decimal_places_exceeded" };
+      }
+      const validation = validateRange(val);
+      if (validation.isValid) {
+        onChange == null ? void 0 : onChange(val);
+      }
+      return validation;
+    },
+    [onChange, validateRange, checkScale]
+  );
+  const handleNumberInput = (0, import_react.useCallback)(
+    (inputVal) => {
+      const numStr = String(inputVal);
+      if (mode === "replace") {
+        return handleChangeValue(numStr);
+      }
+      if (!value) {
+        return handleChangeValue(numStr);
+      }
+      if (/^0+$/.test(value)) {
+        if (numStr === "0") {
+          return handleChangeValue(value + "0");
+        } else {
+          return handleChangeValue(numStr);
+        }
+      }
+      if (/^0\.\d*$/.test(value)) {
+        return handleChangeValue(value + numStr);
+      }
+      if (/^0+\d+$/.test(value)) {
+        const withoutLeadingZeros = value.replace(/^0+/, "");
+        return handleChangeValue(withoutLeadingZeros + numStr);
+      }
+      return handleChangeValue(value + numStr);
+    },
+    [mode, value, handleChangeValue]
+  );
+  const handleDecimalInput = (0, import_react.useCallback)(() => {
+    if (mode === "replace") {
+      return handleChangeValue("0.");
+    }
+    if (value.includes(".")) {
+      return;
+    }
+    if (!value) {
+      return handleChangeValue("0.");
+    }
+    if (/^0+$/.test(value)) {
+      return handleChangeValue("0.");
+    }
+    if (/^0+\d+$/.test(value)) {
+      const withoutLeadingZeros = value.replace(/^0+/, "");
+      return handleChangeValue(withoutLeadingZeros + ".");
+    }
+    return handleChangeValue(value + ".");
+  }, [mode, value, handleChangeValue]);
+  const handleOtherInput = (0, import_react.useCallback)(
+    (inputVal) => {
+      const inputStr = String(inputVal);
+      if (mode === "replace") {
+        return handleChangeValue(inputStr);
+      }
+      return handleChangeValue(value + inputStr);
+    },
+    [mode, value, handleChangeValue]
+  );
+  const handleKeyInput = (0, import_react.useCallback)(
+    (val) => {
+      switch (val) {
+        case void 0:
+          break;
+        case "ok":
+        case "enter":
+        case "done":
+          const validation = validateRange(value);
+          if (validation.isValid) {
+            onEnter == null ? void 0 : onEnter(value);
+          }
+          break;
+        case "reset":
+          setError(null);
+          onReset == null ? void 0 : onReset();
+          break;
+        case "clear":
+          setError(null);
+          handleChangeValue("");
+          break;
+        case "delete":
+          handleChangeValue(value.slice(0, -1));
+          break;
+        case ".":
+          handleDecimalInput();
+          break;
+        default:
+          if ((0, import_utils.isNumber)(val) || String(val) === "0") {
+            handleNumberInput(val);
+          } else {
+            handleOtherInput(val);
+          }
+          break;
+      }
+    },
+    [value, validateRange, onEnter, onReset, handleChangeValue, handleDecimalInput, handleNumberInput, handleOtherInput]
+  );
+  return {
+    handleChange: handleKeyInput,
+    error
+  };
+};
+var keyActions_default = useKeyActions;

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

@@ -0,0 +1,27 @@
+declare const useRightItems: (props: {
+    rightItemsStyle?: any;
+    doneText?: string;
+    resetText?: string;
+}) => ({
+    value: string;
+    label: JSX.Element;
+    disabled: boolean;
+    type: string;
+    style: any;
+    size?: undefined;
+} | {
+    value: string;
+    label: string;
+    disabled: boolean;
+    type: string;
+    style: any;
+    size?: undefined;
+} | {
+    value: string;
+    label: string;
+    disabled: boolean;
+    type: string;
+    size: number;
+    style: any;
+})[];
+export default useRightItems;