@pisell/private-materials 6.4.42 → 6.4.44

package/lib/components/wallet/model.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IWalletListItemProps } from './serve';
 export interface WalletCardItemProps {
     id: string;
@@ -27,11 +26,4 @@ export interface WalletListProps {
     currentSearchListItemCode?: string;
     [key: string]: any;
 }
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    global_wallet: WalletListProps;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

package/lib/pro/pisellPriceKeyboardPopover/PisellPriceKeyboardPopover.js

@@ -34,7 +34,7 @@ __export(PisellPriceKeyboardPopover_exports, {
 module.exports = __toCommonJS(PisellPriceKeyboardPopover_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
-var import_materials = require("@pisell/materials");
+var import_pisellAdjustPrice = __toESM(require("@pisell/materials/src/components/pisellAdjustPrice/index"));
 var import_utils = require("@pisell/utils");
 var import_PisellPriceKeyboardPopover = require("./PisellPriceKeyboardPopover.less");
 var PisellPriceKeyboardPopover = (0, import_react.forwardRef)(
@@ -105,7 +105,7 @@ var PisellPriceKeyboardPopover = (0, import_react.forwardRef)(
       onCancel == null ? void 0 : onCancel();
     };
     const keyboardContent = /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-price-keyboard-popover-content" }, /* @__PURE__ */ import_react.default.createElement(
-      import_materials.PisellPriceKeyboard,
+      import_pisellAdjustPrice.default,
       {
         value: tempValue,
         onChange: handlePriceChange,

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import './PisellPriceKeyboardPopover.less';
+import { PisellPriceKeyboardPopoverProps, PisellPriceKeyboardPopoverRef } from './types';
+declare const PisellPriceKeyboardPopover: React.ForwardRefExoticComponent<PisellPriceKeyboardPopoverProps & React.RefAttributes<PisellPriceKeyboardPopoverRef>>;
+export default PisellPriceKeyboardPopover;

package/lib/pro/pisellSimplePriceKeyboardPopover/PisellPriceKeyboardPopover.js

@@ -0,0 +1,144 @@
+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/pisellSimplePriceKeyboardPopover/PisellPriceKeyboardPopover.tsx
+var PisellPriceKeyboardPopover_exports = {};
+__export(PisellPriceKeyboardPopover_exports, {
+  default: () => PisellPriceKeyboardPopover_default
+});
+module.exports = __toCommonJS(PisellPriceKeyboardPopover_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_PisellPriceKeyboardPopover = require("./PisellPriceKeyboardPopover.less");
+var PisellPriceKeyboardPopover = (0, import_react.forwardRef)(
+  ({
+    children,
+    value = "",
+    onChange,
+    onConfirm,
+    onCancel,
+    showCurrencySymbol = true,
+    useThousandsSeparator = false,
+    selectType = "dark",
+    disabled = false,
+    overlayClassName = "",
+    style
+  }, ref) => {
+    const [open, setOpen] = (0, import_react.useState)(false);
+    const [tempValue, setTempValue] = (0, import_react.useState)("");
+    const [isFirstInput, setIsFirstInput] = (0, import_react.useState)(true);
+    (0, import_react.useImperativeHandle)(ref, () => ({
+      open: () => {
+        setOpen(true);
+        setTempValue(value);
+        setIsFirstInput(true);
+      },
+      close: () => setOpen(false),
+      isOpen: () => open
+    }));
+    const handleOpenChange = (visible) => {
+      if (disabled) return;
+      setOpen(visible);
+      if (visible) {
+        setTempValue(value);
+        setIsFirstInput(true);
+      } else {
+        onCancel == null ? void 0 : onCancel();
+      }
+    };
+    const handlePriceChange = (val) => {
+      if ((val === "" || val === 0 || val === "0") && !isFirstInput) {
+        setIsFirstInput(true);
+        setTempValue(val);
+        onChange == null ? void 0 : onChange(val);
+        return;
+      }
+      if (isFirstInput && val !== "" && val !== 0 && val !== "0") {
+        setIsFirstInput(false);
+        const currentValueStr = String(tempValue || "").replace(/[^\d.]/g, "");
+        const newValueStr = String(val).replace(/[^\d.]/g, "");
+        if (currentValueStr && currentValueStr !== "0" && newValueStr.length > currentValueStr.length && newValueStr.startsWith(currentValueStr)) {
+          const newInput = newValueStr.slice(currentValueStr.length);
+          if (newInput) {
+            setTempValue(newInput);
+            onChange == null ? void 0 : onChange(newInput);
+            return;
+          }
+        }
+      }
+      setTempValue(val);
+      onChange == null ? void 0 : onChange(val);
+    };
+    const handleConfirm = (val) => {
+      onConfirm == null ? void 0 : onConfirm(val);
+      setOpen(false);
+    };
+    const handleCancel = () => {
+      setOpen(false);
+      onCancel == null ? void 0 : onCancel();
+    };
+    const keyboardContent = /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-price-keyboard-popover-content" }, /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellPriceKeyboard,
+      {
+        value: tempValue,
+        onChange: handlePriceChange,
+        onEnter: handleConfirm,
+        doneText: import_utils.locales.getText("pisell2.customise-item.save"),
+        resetText: import_utils.locales.getText("pisell2.booking.info.text.clear"),
+        amountProps: {
+          showCurrencySymbol,
+          useThousandsSeparator
+        },
+        selectType,
+        backgroundColor: "transparent"
+      }
+    ));
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Popover,
+      {
+        open,
+        content: keyboardContent,
+        trigger: disabled ? [] : ["click"],
+        overlayInnerStyle: { padding: 0 },
+        destroyTooltipOnHide: true,
+        arrow: false,
+        align: {
+          offset: [0, 0]
+        },
+        overlayClassName: `pisell-price-keyboard-popover ${overlayClassName}`,
+        onOpenChange: handleOpenChange,
+        overlayStyle: style
+      },
+      children
+    );
+  }
+);
+PisellPriceKeyboardPopover.displayName = "PisellPriceKeyboardPopover";
+var PisellPriceKeyboardPopover_default = PisellPriceKeyboardPopover;

package/lib/pro/pisellSimplePriceKeyboardPopover/PisellPriceKeyboardPopover.less

@@ -0,0 +1,23 @@
+.pisell-price-keyboard-popover {
+  &.ant-popover {
+    z-index: 1050;
+    
+    .ant-popover-inner {
+      border-radius: 12px;
+      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
+      background: transparent;
+    }
+    
+    .ant-popover-inner-content {
+      padding: 0;
+      background: transparent;
+    }
+  }
+
+  .pisell-price-keyboard-popover-content {
+    background: rgba(29, 41, 57, 0.8) !important;
+    border-radius: 10px;
+    overflow: hidden;
+    padding: 10px;
+  }
+}

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

@@ -0,0 +1,2 @@
+export { default } from './PisellPriceKeyboardPopover';
+export type { PisellPriceKeyboardPopoverProps, PisellPriceKeyboardPopoverRef } from './types';

package/lib/pro/pisellSimplePriceKeyboardPopover/index.js

@@ -0,0 +1,35 @@
+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/pisellSimplePriceKeyboardPopover/index.tsx
+var pisellSimplePriceKeyboardPopover_exports = {};
+__export(pisellSimplePriceKeyboardPopover_exports, {
+  default: () => import_PisellPriceKeyboardPopover.default
+});
+module.exports = __toCommonJS(pisellSimplePriceKeyboardPopover_exports);
+var import_PisellPriceKeyboardPopover = __toESM(require("./PisellPriceKeyboardPopover"));

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/pisellSimplePriceKeyboardPopover/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/pisellSimplePriceKeyboardPopover/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

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

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

package/lib/pro/priceKeyboard/components/cashKeyboard/CashKeyboardIntact.js

@@ -0,0 +1,332 @@
+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/cashKeyboard/CashKeyboardIntact.tsx
+var CashKeyboardIntact_exports = {};
+__export(CashKeyboardIntact_exports, {
+  default: () => CashKeyboardIntact_default
+});
+module.exports = __toCommonJS(CashKeyboardIntact_exports);
+var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
+var import_lodash = require("lodash");
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_shortcuts = __toESM(require("../shortcuts"));
+var import_CashKeyboardSimple = __toESM(require("./CashKeyboardSimple"));
+var import_utils2 = require("../../utils");
+var import_index = require("./index.less");
+var import_decimal = __toESM(require("decimal.js"));
+var CashKeyboardIntact = (props) => {
+  var _a, _b, _c;
+  const {
+    amountSymbol,
+    titleArea = {},
+    displayField = {},
+    originalValue,
+    presets,
+    style,
+    selectType = "light",
+    placeholder,
+    doneText,
+    resetText,
+    disabled,
+    hiddenChangeDue
+  } = props;
+  const [internalValue, setInternalValue] = (0, import_ahooks.useControllableValue)(props);
+  const [isShowModal, setIsShowModal] = (0, import_react.useState)(false);
+  const changeDue = (0, import_react.useMemo)(() => {
+    return Math.max(
+      0,
+      new import_decimal.default(internalValue || 0).minus(new import_decimal.default(originalValue || 0)).toNumber()
+    );
+  }, [internalValue, originalValue]);
+  const _restProps = (0, import_react.useMemo)(() => {
+    return (0, import_lodash.omit)(props, [
+      "defaultValue",
+      "value",
+      "onChange",
+      "onEnter",
+      "onReset",
+      "style"
+    ]);
+  }, [props]);
+  (0, import_react.useEffect)(() => {
+    (0, import_utils2.setKeyboardTheme)(selectType);
+  }, [selectType]);
+  const getDefaultPresets = () => {
+    const defaultEndPresets = [
+      {
+        label: import_utils.locales.getText("cash-keyboard-other"),
+        value: "other",
+        style: {
+          color: "#344054",
+          backgroundColor: "white"
+        },
+        onClick: () => {
+          setIsShowModal(true);
+        },
+        render: () => /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              left: 0,
+              top: 0,
+              bottom: 0,
+              right: 0,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
+            }
+          },
+          import_utils.locales.getText("cash-keyboard-other")
+        )
+      },
+      {
+        label: resetText || import_utils.locales.getText("cash-keyboard-reset"),
+        value: "reset",
+        style: {
+          color: "#D92D20",
+          backgroundColor: "white"
+        },
+        onClick: () => {
+          var _a2;
+          setInternalValue(String(originalValue) || "");
+          (_a2 = props == null ? void 0 : props.onReset) == null ? void 0 : _a2.call(props);
+        }
+      },
+      {
+        label: doneText || import_utils.locales.getText("cash-keyboard-pay"),
+        value: "pay",
+        style: {
+          color: "white",
+          backgroundColor: "#7F56DA"
+        },
+        onClick: () => {
+          var _a2;
+          (_a2 = props.onEnter) == null ? void 0 : _a2.call(props, internalValue);
+        }
+      }
+    ];
+    const userPresets = presets || [];
+    const maxUserPresets = 8 - defaultEndPresets.length;
+    const limitedUserPresets = userPresets.slice(0, maxUserPresets);
+    return [...limitedUserPresets, ...defaultEndPresets];
+  };
+  const getDefaultDisplayField = () => {
+    return {
+      cashReceived: {
+        visible: true,
+        label: import_utils.locales.getText("cash-keyboard-cash-received")
+      },
+      balanceDue: {
+        visible: true,
+        label: import_utils.locales.getText("cash-keyboard-balance-due")
+      },
+      changeDue: {
+        visible: true,
+        label: import_utils.locales.getText("cash-keyboard-change-due")
+      },
+      gridRatio: [1, 2, 1]
+      // 左中右布局，中间占 2 份
+    };
+  };
+  const defaultTitleArea = {
+    visible: true,
+    title: {
+      visible: true
+    },
+    subtitle: {
+      visible: true
+    },
+    alignment: "space-between",
+    padding: "0px"
+  };
+  const mergedTitleArea = (0, import_lodash.merge)({}, defaultTitleArea, titleArea);
+  const mergedDisplayField = (0, import_lodash.merge)({}, getDefaultDisplayField(), displayField);
+  const renderTitleArea = () => {
+    var _a2, _b2;
+    const { title, subtitle } = mergedTitleArea || {};
+    if (!(title == null ? void 0 : title.visible) && !(subtitle == null ? void 0 : subtitle.visible)) {
+      return null;
+    }
+    if (!(title == null ? void 0 : title.text) && !(subtitle == null ? void 0 : subtitle.text)) {
+      return null;
+    }
+    const titleStyle = {
+      display: "flex",
+      justifyContent: mergedTitleArea.alignment,
+      alignItems: "center",
+      padding: mergedTitleArea.padding,
+      marginBottom: "8"
+    };
+    return /* @__PURE__ */ import_react.default.createElement("div", { style: titleStyle }, ((_a2 = mergedTitleArea.title) == null ? void 0 : _a2.visible) && /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-cash-keyboard-title",
+        style: {
+          fontSize: mergedTitleArea.title.fontSize,
+          color: mergedTitleArea.title.color,
+          fontWeight: mergedTitleArea.title.fontWeight
+        }
+      },
+      mergedTitleArea.title.text
+    ), ((_b2 = mergedTitleArea.subtitle) == null ? void 0 : _b2.visible) && /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-cash-keyboard-subtitle",
+        style: {
+          fontSize: mergedTitleArea.subtitle.fontSize,
+          color: mergedTitleArea.subtitle.color,
+          fontWeight: mergedTitleArea.subtitle.fontWeight
+        }
+      },
+      mergedTitleArea.subtitle.text
+    ));
+  };
+  const getGridStyle = (index) => {
+    if (!mergedDisplayField.gridRatio) {
+      return { flex: 1 };
+    }
+    const ratio = mergedDisplayField.gridRatio[index] || 1;
+    return { flex: ratio };
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: `pisell-cash-keyboard pisell-cash-keyboard-intact ${disabled ? "disabled" : ""}`,
+      style: { ...style || {} }
+    },
+    renderTitleArea(),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-cash-keyboard-intact-container" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "16px" } }, ((_a = mergedDisplayField.balanceDue) == null ? void 0 : _a.visible) && /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-cash-keyboard-intact-container-top",
+        style: { ...getGridStyle(0), overflow: "hidden" }
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-cash-keyboard-intact-container-top-label" }, mergedDisplayField.balanceDue.label),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-cash-keyboard-intact-container-top-value" }, /* @__PURE__ */ import_react.default.createElement(
+        import_materials.PisellText.Amount,
+        {
+          value: originalValue || "",
+          hideDecimalForWholeNumbers: false,
+          precision: 2
+        }
+      ))
+    ), ((_b = mergedDisplayField.cashReceived) == null ? void 0 : _b.visible) && /* @__PURE__ */ import_react.default.createElement(
+      import_materials.VirtualInput,
+      {
+        showCursor: false,
+        focused: true,
+        wrapperStyle: {
+          ...getGridStyle(1),
+          padding: "6px 16px",
+          borderRadius: "8px",
+          backgroundColor: "white",
+          boxShadow: "0px 1px 2px rgba(16, 24, 40, 0.06)",
+          overflow: "hidden",
+          maxWidth: 188
+        },
+        topContent: /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            style: {
+              fontSize: "14px",
+              color: "#667085"
+            }
+          },
+          mergedDisplayField.cashReceived.label
+        ),
+        value: internalValue ? /* @__PURE__ */ import_react.default.createElement(
+          import_materials.PisellText.Amount,
+          {
+            value: internalValue,
+            hideDecimalForWholeNumbers: false,
+            precision: 2
+          }
+        ) : "",
+        height: 30,
+        fontSize: 20,
+        placeholder,
+        style: {
+          fontSize: "24px",
+          fontWeight: "bold",
+          border: "none",
+          background: "transparent",
+          width: "100%"
+        }
+      }
+    ), ((_c = mergedDisplayField.changeDue) == null ? void 0 : _c.visible) && /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-cash-keyboard-intact-container-top",
+        style: { ...getGridStyle(2), overflow: "hidden" }
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-cash-keyboard-intact-container-top-label" }, mergedDisplayField.changeDue.label),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-cash-keyboard-intact-container-top-value" }, /* @__PURE__ */ import_react.default.createElement(
+        import_materials.PisellText.Amount,
+        {
+          value: hiddenChangeDue ? 0 : changeDue,
+          hideDecimalForWholeNumbers: false,
+          precision: 2
+        }
+      ))
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_shortcuts.default,
+      {
+        presets: getDefaultPresets(),
+        onChange: setInternalValue,
+        disabled
+      }
+    ))
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_CashKeyboardSimple.default,
+    {
+      containerProps: {
+        renderType: "modal",
+        open: isShowModal,
+        onCancel: () => setIsShowModal(false)
+      },
+      ..._restProps,
+      titleArea: {
+        ...mergedTitleArea,
+        subtitle: { visible: false }
+      },
+      selectType: "dark",
+      value: internalValue,
+      onChange: setInternalValue,
+      onEnter: () => {
+        var _a2;
+        (_a2 = props.onEnter) == null ? void 0 : _a2.call(props, internalValue);
+        setIsShowModal(false);
+      }
+    }
+  ));
+};
+var CashKeyboardIntact_default = CashKeyboardIntact;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { CashKeyboardBaseProps } from './types';
+import './index.less';
+export interface CashKeyboardSimpleProps extends CashKeyboardBaseProps {
+    containerProps?: {
+        renderType: 'modal' | 'popover';
+        open: boolean;
+        [key: string]: any;
+    };
+    children?: React.ReactNode;
+}
+declare const CashKeyboardSimple: (props: CashKeyboardSimpleProps) => JSX.Element | null;
+export default CashKeyboardSimple;