@pisell/private-materials 6.7.9 → 6.8.1

package/es/pro/Selector/types.d.ts

@@ -0,0 +1,114 @@
+/// <reference types="react" />
+export interface ExprRule {
+    [key: string]: any;
+}
+export interface RuleConfig {
+    autoValidate?: boolean;
+    required?: 0 | 1;
+    min?: number;
+    max?: number;
+    mutex?: Array<Array<OptionKey>>;
+    customValidator?: (value: SelectionValue) => Promise<void>;
+}
+export interface GroupItem {
+    id?: number;
+    title?: string;
+    mode?: 'single' | 'multiple';
+    valueType?: 'primitive' | 'object';
+    preserve?: boolean;
+    fieldNames?: {
+        label?: string;
+        value?: string;
+    };
+    ruleConfig?: RuleConfig;
+    dataSource?: OptionItem[];
+}
+export interface OptionItem {
+    id?: number;
+    title?: string;
+    label?: string;
+    value?: OptionKey;
+    groups?: GroupItem[];
+    disabled?: boolean;
+    ruleConfig?: {
+        min?: number;
+        max?: number;
+    };
+    [key: string]: any;
+}
+export declare type OptionKey = number | string;
+/** 原始值类型：单选时为id，多选时为id[] */
+export declare type SelectionValuePrimitive<T = OptionKey> = T | T[];
+/** 复杂对象值类型：包含id、数量等额外信息 */
+export interface SelectionValueObject<T = OptionKey> {
+    value?: T;
+    quantity?: number;
+    [key: string]: any;
+}
+/** 单选值类型 */
+export declare type SelectionValueSingle<T = OptionKey> = T | SelectionValueObject<T>;
+/** 多选值类型 */
+export declare type SelectionValueMultiple<T = OptionKey> = T[] | SelectionValueObject<T>[];
+/** 选择器值类型 */
+export declare type SelectionValue<T = OptionKey> = SelectionValueSingle<T> | SelectionValueMultiple<T>;
+export declare type GridConfig = {
+    align?: 'top' | 'middle' | 'bottom' | 'stretch';
+    columns?: number;
+    gutter?: number | object | Array<number>;
+    justify?: 'start' | 'end' | 'center' | 'space-between' | 'space-around';
+    wrap?: boolean;
+    colConfig?: {
+        [key: string]: any;
+    };
+};
+export interface SelectorProps<T = OptionKey> extends GroupItem {
+    value?: SelectionValue<T>;
+    defaultValue?: SelectionValue<T>;
+    onChange?: (value: SelectionValue<T>) => void;
+    onClear?: () => void;
+    disabled?: boolean;
+    grid?: GridConfig;
+    variant?: 'default' | 'select' | 'card';
+    renderItem?: (props: any) => React.ReactNode;
+    item?: {
+        bordered?: boolean;
+        layout?: 'vertical' | 'horizontal';
+        selectedTypeVariant?: 'default' | 'filled' | 'cornered';
+        selectedIcon?: React.ReactNode;
+        renderContent?: (props: any) => React.ReactNode;
+        style?: React.CSSProperties;
+    };
+    titleProps?: {
+        visible?: boolean;
+        style?: React.CSSProperties;
+        title?: {
+            visible?: boolean;
+            text?: React.ReactNode;
+            style?: React.CSSProperties;
+        };
+        icon?: {
+            visible?: boolean;
+            icon?: React.ReactNode;
+            style?: React.CSSProperties;
+        };
+        tip?: {
+            visible?: boolean;
+            text?: React.ReactNode;
+            style?: React.CSSProperties;
+        };
+    };
+}
+export interface SelectorGroupProps {
+    dataSource: GroupItem[];
+    linkageRules?: ExprRule[] | Record<string, any>;
+    allowedValuesPolicy?: 'relaxed' | 'strict';
+    preserve?: boolean;
+    value?: Record<string, SelectionValue>;
+    defaultValue?: Record<string, SelectionValue>;
+    onChange?: (values: Record<string, SelectionValue>) => void;
+    tabProps?: {
+        visible?: boolean;
+    };
+    customScrollParent?: HTMLElement;
+    [key: string]: any;
+}

package/es/pro/Selector/types.js

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

package/es/pro/Selector/utils/index.d.ts

@@ -0,0 +1,49 @@
+import { SelectionValue, GroupItem } from '../types';
+export declare type OptionEffects = Record<string, {
+    allowOnly?: Set<any>;
+    requireOneOf?: {
+        values: Set<any>;
+        message?: string;
+    };
+}>;
+export interface Cond {
+    groupId: string;
+    in?: any[];
+    op?: 'in' | 'notIn' | 'eq' | 'neq' | 'contains' | 'range' | 'exists';
+    value?: any;
+    values?: any[];
+    min?: number;
+    max?: number;
+}
+export interface Expr {
+    allOf?: Array<Cond | Expr>;
+    anyOf?: Array<Cond | Expr>;
+    noneOf?: Array<Cond | Expr>;
+    and?: Array<Cond | Expr>;
+    or?: Array<Cond | Expr>;
+    not?: Array<Cond | Expr>;
+}
+export interface Action {
+    type: 'show' | 'allowOnly' | 'requireOneOf';
+    groupId: string;
+    values?: any[];
+    message?: string;
+}
+export interface Rule {
+    type?: 'expr';
+    when?: Expr;
+    then?: Action[];
+    elseThen?: Action[];
+    priority?: number;
+    stopAfterApply?: boolean;
+}
+export declare const normalizeRules: (linkageRules: any) => Rule[];
+export declare const getSelectedSet: (val: SelectionValue) => Set<any>;
+export declare const evaluateExpr: (expr: Expr | undefined, valuesMap: Record<string, SelectionValue>) => boolean;
+export declare const computeAutoHiddenGroups: (rules: Rule[]) => Set<string>;
+export declare const computeEffects: (dataSource?: GroupItem[], rawRules?: Rule[], valuesMap?: Record<string, SelectionValue>) => {
+    visibleGroups: Record<string, boolean>;
+    optionEffects: OptionEffects;
+};
+export declare const pruneValuesByAllowOnly: (valuesMap: Record<string, SelectionValue>, effects: OptionEffects) => Record<string, SelectionValue>;
+export declare const generateSimpleUUID: () => string;

package/es/pro/Selector/utils/index.js

@@ -0,0 +1,229 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
+export var normalizeRules = function normalizeRules(linkageRules) {
+  if (Array.isArray(linkageRules)) return _toConsumableArray(linkageRules);
+  if (linkageRules && _typeof(linkageRules) === 'object') return Object.values(linkageRules);
+  return [];
+};
+export var getSelectedSet = function getSelectedSet(val) {
+  var result = new Set();
+  if (val == null) return result;
+  if (Array.isArray(val)) {
+    val.forEach(function (item) {
+      if (item && _typeof(item) === 'object') {
+        if (item.value !== undefined) result.add(item.value);
+      } else {
+        result.add(item);
+      }
+    });
+  } else if (_typeof(val) === 'object') {
+    if (val.value !== undefined) result.add(val.value);
+  } else {
+    result.add(val);
+  }
+  return result;
+};
+var evalCond = function evalCond(cond, valuesMap) {
+  var _cond$groupId;
+  var gid = String((_cond$groupId = cond.groupId) !== null && _cond$groupId !== void 0 ? _cond$groupId : '');
+  var selSet = getSelectedSet(valuesMap[gid]);
+  var op = function () {
+    if (cond.op) return cond.op;
+    if (Array.isArray(cond.in)) return 'in';
+    return 'in';
+  }();
+  if (op === 'in') {
+    var _ref, _cond$values;
+    var arr = (_ref = (_cond$values = cond.values) !== null && _cond$values !== void 0 ? _cond$values : cond.in) !== null && _ref !== void 0 ? _ref : [];
+    return arr.some(function (v) {
+      return selSet.has(v);
+    });
+  }
+  if (op === 'notIn') {
+    var _ref2, _cond$values2;
+    var _arr = (_ref2 = (_cond$values2 = cond.values) !== null && _cond$values2 !== void 0 ? _cond$values2 : cond.in) !== null && _ref2 !== void 0 ? _ref2 : [];
+    return _arr.every(function (v) {
+      return !selSet.has(v);
+    });
+  }
+  if (op === 'eq' || op === 'contains') {
+    return selSet.has(cond.value);
+  }
+  if (op === 'neq') {
+    return !selSet.has(cond.value);
+  }
+  if (op === 'range') {
+    var _cond$min, _cond$max;
+    var size = selSet.size;
+    var min = (_cond$min = cond.min) !== null && _cond$min !== void 0 ? _cond$min : Number.NEGATIVE_INFINITY;
+    var max = (_cond$max = cond.max) !== null && _cond$max !== void 0 ? _cond$max : Number.POSITIVE_INFINITY;
+    return size >= min && size <= max;
+  }
+  if (op === 'exists') {
+    return selSet.size > 0;
+  }
+  return false;
+};
+var isCond = function isCond(item) {
+  return item.groupId !== undefined;
+};
+export var evaluateExpr = function evaluateExpr(expr, valuesMap) {
+  var _expr$allOf, _expr$anyOf, _expr$noneOf;
+  if (!expr) return true;
+  var allList = (_expr$allOf = expr.allOf) !== null && _expr$allOf !== void 0 ? _expr$allOf : expr.and;
+  var anyList = (_expr$anyOf = expr.anyOf) !== null && _expr$anyOf !== void 0 ? _expr$anyOf : expr.or;
+  var noneList = (_expr$noneOf = expr.noneOf) !== null && _expr$noneOf !== void 0 ? _expr$noneOf : expr.not;
+  var evalItem = function evalItem(item) {
+    if (isCond(item)) return evalCond(item, valuesMap);
+    return evaluateExpr(item, valuesMap);
+  };
+  var everyTrue = function everyTrue(list) {
+    if (!Array.isArray(list) || list.length === 0) return true;
+    return list.every(function (it) {
+      return evalItem(it);
+    });
+  };
+  var someTrue = function someTrue(list) {
+    if (!Array.isArray(list) || list.length === 0) return true;
+    return list.some(function (it) {
+      return evalItem(it);
+    });
+  };
+  var noneTrue = function noneTrue(list) {
+    if (!Array.isArray(list) || list.length === 0) return true;
+    return list.every(function (it) {
+      return !evalItem(it);
+    });
+  };
+  var okAll = everyTrue(allList);
+  var okAny = someTrue(anyList);
+  var okNone = noneTrue(noneList);
+  return okAll && okAny && okNone;
+};
+export var computeAutoHiddenGroups = function computeAutoHiddenGroups(rules) {
+  var set = new Set();
+  rules.forEach(function (rule) {
+    var thenActions = Array.isArray(rule === null || rule === void 0 ? void 0 : rule.then) ? rule.then : [];
+    var elseActions = Array.isArray(rule === null || rule === void 0 ? void 0 : rule.elseThen) ? rule.elseThen : [];
+    var actions = [].concat(_toConsumableArray(thenActions), _toConsumableArray(elseActions));
+    actions.forEach(function (act) {
+      if ((act === null || act === void 0 ? void 0 : act.type) === 'show') {
+        var _act$groupId;
+        var gid = String((_act$groupId = act === null || act === void 0 ? void 0 : act.groupId) !== null && _act$groupId !== void 0 ? _act$groupId : '');
+        if (gid) set.add(gid);
+      }
+    });
+  });
+  return set;
+};
+export var computeEffects = function computeEffects() {
+  var dataSource = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var rawRules = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var valuesMap = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var autoHiddenGroups = computeAutoHiddenGroups(rawRules);
+  var visibleGroups = {};
+  (dataSource || []).forEach(function (group) {
+    var _group$id;
+    var gid = String((_group$id = group.id) !== null && _group$id !== void 0 ? _group$id : '');
+    visibleGroups[gid] = autoHiddenGroups.has(gid) ? false : true;
+  });
+  var optionEffects = {};
+
+  // 优先级调整：数字越大，优先级越高（越先执行）
+  var rules = _toConsumableArray(rawRules).sort(function (a, b) {
+    return ((b === null || b === void 0 ? void 0 : b.priority) || 0) - ((a === null || a === void 0 ? void 0 : a.priority) || 0);
+  });
+  for (var i = 0; i < rules.length; i++) {
+    var rule = rules[i];
+    var hit = evaluateExpr(rule === null || rule === void 0 ? void 0 : rule.when, valuesMap);
+    var actions = hit ? Array.isArray(rule === null || rule === void 0 ? void 0 : rule.then) ? rule.then : [] : Array.isArray(rule === null || rule === void 0 ? void 0 : rule.elseThen) ? rule.elseThen : [];
+    actions.forEach(function (act) {
+      if ((act === null || act === void 0 ? void 0 : act.type) === 'show') {
+        var _act$groupId2;
+        var gid = String((_act$groupId2 = act === null || act === void 0 ? void 0 : act.groupId) !== null && _act$groupId2 !== void 0 ? _act$groupId2 : '');
+        if (gid) {
+          visibleGroups[gid] = true;
+        }
+      } else if ((act === null || act === void 0 ? void 0 : act.type) === 'allowOnly') {
+        var _act$groupId3, _optionEffects$_gid;
+        var _gid = String((_act$groupId3 = act === null || act === void 0 ? void 0 : act.groupId) !== null && _act$groupId3 !== void 0 ? _act$groupId3 : '');
+        if (!_gid) return;
+        var prev = ((_optionEffects$_gid = optionEffects[_gid]) === null || _optionEffects$_gid === void 0 ? void 0 : _optionEffects$_gid.allowOnly) || new Set();
+        var values = (act === null || act === void 0 ? void 0 : act.values) || [];
+        var merged = new Set([].concat(_toConsumableArray(prev), _toConsumableArray(values)));
+        optionEffects[_gid] = _objectSpread(_objectSpread({}, optionEffects[_gid] || {}), {}, {
+          allowOnly: merged
+        });
+      } else if ((act === null || act === void 0 ? void 0 : act.type) === 'requireOneOf') {
+        var _act$groupId4;
+        var _gid2 = String((_act$groupId4 = act === null || act === void 0 ? void 0 : act.groupId) !== null && _act$groupId4 !== void 0 ? _act$groupId4 : '');
+        if (!_gid2) return;
+        var _values = new Set((act === null || act === void 0 ? void 0 : act.values) || []);
+        optionEffects[_gid2] = _objectSpread(_objectSpread({}, optionEffects[_gid2] || {}), {}, {
+          requireOneOf: {
+            values: _values,
+            message: act === null || act === void 0 ? void 0 : act.message
+          }
+        });
+      }
+    });
+    if (hit && rule !== null && rule !== void 0 && rule.stopAfterApply) break;
+  }
+  return {
+    visibleGroups: visibleGroups,
+    optionEffects: optionEffects
+  };
+};
+
+// 根据 allowOnly 规则清理不允许的已选值（可选的硬约束行为）
+export var pruneValuesByAllowOnly = function pruneValuesByAllowOnly(valuesMap, effects) {
+  var next = _objectSpread({}, valuesMap);
+  Object.keys(effects).forEach(function (gid) {
+    var _effects$gid;
+    var allowed = (_effects$gid = effects[gid]) === null || _effects$gid === void 0 ? void 0 : _effects$gid.allowOnly;
+    if (!allowed || allowed.size === 0) return;
+    var current = next[gid];
+    if (current == null) return;
+    var pruneArray = function pruneArray(arr) {
+      return arr.filter(function (item) {
+        if (item && _typeof(item) === 'object') {
+          return allowed.has(item.value);
+        }
+        return allowed.has(item);
+      });
+    };
+    if (Array.isArray(current)) {
+      var pruned = pruneArray(current);
+      next[gid] = pruned;
+    } else if (_typeof(current) === 'object') {
+      var hasVal = current.value !== undefined;
+      if (hasVal) {
+        next[gid] = allowed.has(current.value) ? current : undefined;
+      } else {
+        next[gid] = current;
+      }
+    } else {
+      next[gid] = allowed.has(current) ? current : undefined;
+    }
+  });
+  return next;
+};
+
+// 简版 UUID v4 生成器
+export var generateSimpleUUID = function generateSimpleUUID() {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    var r = Math.random() * 16 | 0;
+    var v = c === 'x' ? r : r & 0x3 | 0x8;
+    return v.toString(16);
+  });
+};

package/es/pro/comprehensiveSearch/components/searchSection/locales.js

@@ -1,14 +1,14 @@
 export default {
   en: {
-    'pisell2.comprehensive-search.placeholder': 'WalletPass Code / Name / Mobile / Email',
+    'pisell2.comprehensive-search.placeholder': 'WalletPass Code / Name / Mobile / Email / Contact info',
     'pisell2.text.search': 'Search'
   },
   'zh-CN': {
-    'pisell2.comprehensive-search.placeholder': '钱包码 / 姓名 / 电话 / 电子邮箱',
+    'pisell2.comprehensive-search.placeholder': '钱包码 / 姓名 / 电话 / 电子邮箱 / 联系信息',
     'pisell2.text.search': '搜索'
   },
   'zh-HK': {
-    'pisell2.comprehensive-search.placeholder': '錢包碼 / 姓名 / 電話 / 電子郵箱',
+    'pisell2.comprehensive-search.placeholder': '錢包碼 / 姓名 / 電話 / 電子郵箱 / 聯繫信息',
     'pisell2.text.search': '搜索'
   }
 };

package/es/pro/comprehensiveSearch/locales.js

@@ -1,6 +1,6 @@
 export default {
   en: {
-    'pisell2.text.new-client': 'New Client',
+    'pisell2.text.new-client': 'New Customer',
     'pisell2.comprehensive-search.empty': 'No Data'
   },
   'zh-CN': {

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

@@ -22,7 +22,6 @@ import { useControllableValue } from 'ahooks';
 import { merge, omit } from 'lodash';
 //@ts-ignore
 import { locales } from '@pisell/utils';
-import { VirtualInput } from '@pisell/materials';
 import Shortcuts from "../shortcuts";
 import CashKeyboardSimple from "./CashKeyboardSimple";
 import { setKeyboardTheme } from "../../utils";
@@ -30,6 +29,7 @@ import "./index.less";
 import Decimal from 'decimal.js';
 import { AutoResizeText } from '@pisell/materials';
 import { formatAmountWithOptions } from '@pisell/utils';
+import { Iconfont } from '@pisell/materials';
 var CashKeyboardIntact = function CashKeyboardIntact(props) {
   var _mergedDisplayField$b, _mergedDisplayField$c, _mergedDisplayField$c2;
   var amountSymbol = props.amountSymbol,
@@ -46,7 +46,8 @@ var CashKeyboardIntact = function CashKeyboardIntact(props) {
     doneText = props.doneText,
     resetText = props.resetText,
     disabled = props.disabled,
-    hiddenChangeDue = props.hiddenChangeDue;
+    hiddenChangeDue = props.hiddenChangeDue,
+    shortcutsSize = props.shortcutsSize;
   var _useControllableValue = useControllableValue(props),
     _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
     internalValue = _useControllableValue2[0],
@@ -69,7 +70,7 @@ var CashKeyboardIntact = function CashKeyboardIntact(props) {
     setKeyboardTheme(selectType);
   }, [selectType]);
 
-  // 变体2：末尾有三个默认预设项，总数不大于8个
+  // 变体2：末尾有三个默认预设项，总数不大于7个(因为支付占了 2)
   var getDefaultPresets = function getDefaultPresets() {
     var defaultEndPresets = [{
       label: locales.getText('cash-keyboard-other'),
@@ -113,7 +114,8 @@ var CashKeyboardIntact = function CashKeyboardIntact(props) {
       value: 'pay',
       style: {
         color: 'white',
-        backgroundColor: '#7F56DA'
+        backgroundColor: '#7F56DA',
+        gridColumn: 'span 2'
       },
       onClick: function onClick() {
         var _props$onEnter;
@@ -122,8 +124,8 @@ var CashKeyboardIntact = function CashKeyboardIntact(props) {
     }];
     var userPresets = presets || [];
 
-    // 计算可用的用户预设数量（总数8 - 默认3个 = 5个）
-    var maxUserPresets = 8 - defaultEndPresets.length;
+    // 计算可用的用户预设数量（总数7 - 默认3个 = 4个）
+    var maxUserPresets = 7 - defaultEndPresets.length;
     var limitedUserPresets = userPresets.slice(0, maxUserPresets);
     return [].concat(_toConsumableArray(limitedUserPresets), defaultEndPresets);
   };
@@ -249,46 +251,52 @@ var CashKeyboardIntact = function CashKeyboardIntact(props) {
     showCurrencySymbol: true
   }))))), ((_mergedDisplayField$c = mergedDisplayField.cashReceived) === null || _mergedDisplayField$c === void 0 ? void 0 : _mergedDisplayField$c.visible) && /*#__PURE__*/React.createElement("div", {
     style: _objectSpread(_objectSpread({}, getGridStyle(1)), {}, {
-      padding: '6px 16px',
+      padding: '0px 16px',
       borderRadius: '8px',
       backgroundColor: 'white',
-      boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.06)',
+      boxShadow: 'inset 0 2px 4px rgba(16, 24, 40, 0.08), inset 0 -2px 4px rgba(16, 24, 40, 0.08), inset 2px 0 4px rgba(16, 24, 40, 0.08), inset -2px 0 4px rgba(16, 24, 40, 0.08)',
       overflow: 'hidden',
       maxWidth: 188,
-      cursor: 'pointer'
+      cursor: 'pointer',
+      border: '1px solid #7f56da',
+      borderBottom: '1px solid #7f56da'
     }),
     onClick: function onClick() {
       setIsShowModal(true);
     }
-  }, /*#__PURE__*/React.createElement(VirtualInput, {
-    showCursor: false,
-    focused: true,
-    wrapperStyle: {
-      width: '100%'
-    },
-    topContent: /*#__PURE__*/React.createElement("div", {
-      style: {
-        fontSize: '14px',
-        color: '#667085'
-      }
-    }, mergedDisplayField.cashReceived.label),
-    value: internalValue ? formatAmountWithOptions(internalValue || '', amountSymbol, {
-      value: internalValue,
-      hideDecimalForWholeNumbers: false,
-      precision: 2,
-      showCurrencySymbol: true
-    }) : '',
-    height: 30,
-    fontSize: 20,
-    placeholder: placeholder,
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-cash-keyboard-intact-container-top",
+    style: _objectSpread(_objectSpread({}, getGridStyle(0)), {}, {
+      overflow: 'hidden',
+      padding: '5px 0'
+    })
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-cash-keyboard-intact-container-top-label"
+  }, mergedDisplayField.cashReceived.label), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-cash-keyboard-intact-container-top-value"
+  }, /*#__PURE__*/React.createElement(AutoResizeText, {
+    minFontSizePx: 10,
+    maxFontSizePx: 18,
+    fontSizePrecisionPx: 0.5,
+    style: {
+      color: '#7f56da',
+      textDecoration: 'underline',
+      textUnderlineOffset: '3px'
+    }
+  }, internalValue ? formatAmountWithOptions(internalValue || '', amountSymbol, {
+    value: internalValue,
+    hideDecimalForWholeNumbers: false,
+    precision: 2,
+    showCurrencySymbol: true
+  }) : ''), /*#__PURE__*/React.createElement(Iconfont, {
+    type: "pisell2-edit-05",
     style: {
-      fontSize: '24px',
-      fontWeight: 'bold',
-      border: 'none',
-      background: 'transparent',
-      width: '100%'
+      color: '#7f56da',
+      fontSize: '18px',
+      marginLeft: '4px',
+      marginTop: '4px'
     }
-  })), ((_mergedDisplayField$c2 = mergedDisplayField.changeDue) === null || _mergedDisplayField$c2 === void 0 ? void 0 : _mergedDisplayField$c2.visible) && /*#__PURE__*/React.createElement("div", {
+  })))), ((_mergedDisplayField$c2 = mergedDisplayField.changeDue) === null || _mergedDisplayField$c2 === void 0 ? void 0 : _mergedDisplayField$c2.visible) && /*#__PURE__*/React.createElement("div", {
     className: "pisell-cash-keyboard-intact-container-top",
     style: _objectSpread(_objectSpread({}, getGridStyle(2)), {}, {
       overflow: 'hidden'
@@ -314,6 +322,7 @@ var CashKeyboardIntact = function CashKeyboardIntact(props) {
     hideDecimalForWholeNumbers: false,
     precision: 2
   })))))), /*#__PURE__*/React.createElement(Shortcuts, {
+    size: shortcutsSize || 'default',
     presets: getDefaultPresets(),
     onChange: setInternalValue,
     disabled: disabled

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

@@ -7,6 +7,7 @@ export interface CashKeyboardProps extends CashKeyboardBaseProps {
         [key: string]: any;
     };
     variant?: 'intact' | 'simple';
+    shortcutsSize?: 'default' | 'large';
 }
 declare const CashKeyboard: (props: CashKeyboardProps) => React.JSX.Element;
 export default CashKeyboard;

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

@@ -1,4 +1,4 @@
-var _excluded = ["variant", "value", "onChange"];
+var _excluded = ["variant", "value", "onChange", "shortcutsSize"];
 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."); }
@@ -26,6 +26,7 @@ var CashKeyboard = function CashKeyboard(props) {
     variant = _props$variant === void 0 ? 'intact' : _props$variant,
     value = props.value,
     onChange = props.onChange,
+    shortcutsSize = props.shortcutsSize,
     otherProps = _objectWithoutProperties(props, _excluded);
   var _useControllableValue = useControllableValue(props),
     _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
@@ -36,7 +37,8 @@ var CashKeyboard = function CashKeyboard(props) {
       amountSymbol: amountSymbol,
       value: internalValue,
       placeholder: "".concat(amountSymbol, "0"),
-      onChange: setInternalValue
+      onChange: setInternalValue,
+      shortcutsSize: shortcutsSize
     }));
   }
   return /*#__PURE__*/React.createElement(CashKeyboardSimple, _extends({}, otherProps, {

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

@@ -94,4 +94,5 @@ export interface CashKeyboardBaseProps {
     keyboardButtonBackgroundColor?: string;
     keyboardButtonTextColor?: string;
     keyboardButtonHoverColor?: string;
+    shortcutsSize?: 'default' | 'large';
 }

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

@@ -46,6 +46,7 @@ var DiscountKeyboardBase = function DiscountKeyboardBase(props) {
     originalValue = props.originalValue,
     _props$selectType = props.selectType,
     selectType = _props$selectType === void 0 ? 'light' : _props$selectType,
+    tips = props.tips,
     resetText = props.resetText,
     doneText = props.doneText,
     onEnter = props.onEnter,
@@ -309,9 +310,17 @@ var DiscountKeyboardBase = function DiscountKeyboardBase(props) {
       value: payableAmount
     })))));
   };
+  var renderTipsContent = function renderTipsContent() {
+    if (tips) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "pisell-pro-price-keyboard-tips"
+      }, tips);
+    }
+    return null;
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-pro-price-keyboard-discount"
-  }, /*#__PURE__*/React.createElement(Segmented, {
+  }, renderTipsContent(), /*#__PURE__*/React.createElement(Segmented, {
     size: "large",
     style: {
       padding: 6

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

@@ -7,6 +7,20 @@
   gap: 10px;
   background-color: var(--pisell-pro-price-keyboard-bg-color, #ffffff);
 
+  .pisell-pro-price-keyboard-tips {
+    background-color: var(
+      --pisell-pro-price-keyboard-bg-color-gray-200,
+      #eaecf0
+    );
+    color: #ffffff;
+    font-size: 14px;
+    font-weight: 600;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    border-radius: 8px;
+  }
+
   .ellipsis {
     overflow: hidden;
     text-overflow: ellipsis;

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

@@ -12,6 +12,7 @@ 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;