@pisell/private-materials 6.4.73 → 6.4.75

package/lib/components/pay/toC/model.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface FormState {
     platform: 'pc' | 'h5' | '' | undefined;
     order: any;
@@ -29,4 +30,11 @@ export interface PayGroup {
     _order: any;
     front_order_uuid?: string;
 }
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/productExtension/fields/Actor/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const Actor: ({ name }: {
     name: string;
 }) => JSX.Element;

package/lib/components/productExtension/fields/Forms/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface InfoProps {
     relation_id: any;
     action: any;

package/lib/components/schedules/calendar/calendarItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CalendarDataItem } from "../type";
 declare type CalendarItemProps = {
     month: string;

package/lib/components/schedules/components/CurrentDay/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare type CurrentDayProps = {
     onClose: () => void;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CalendarDataItem, ScheduleItem } from "./type";
 import dayjs from "dayjs";
 export interface FormState {
@@ -68,4 +69,11 @@ export interface FormState {
     };
     setGlobalState: Function | null;
 }
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetail/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const ProductDetail: ({ form, currentProduct, }: {
     form: any;

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetailByDate/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const ProductDetailByDate: () => JSX.Element;
 export default ProductDetailByDate;

package/lib/components/schedules/products/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Products: () => JSX.Element;
 export default Products;

package/lib/components/schedules/resources/relationProduct/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const RelationProduct: ({ value, onChange, }: {
     value?: any;

package/lib/components/shoppingCart/components/Empty/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Empty: (props: any) => JSX.Element;
 export default Empty;

package/lib/components/shoppingCart/components/Render/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Content: () => JSX.Element;
 export default Content;

package/lib/components/ticketBooking/components/timeBar/index.js

@@ -41,9 +41,43 @@ var import_dayjs = __toESM(require("dayjs"));
 var import_classnames = __toESM(require("classnames"));
 var import_utils = require("@pisell/utils");
 var import_index = require("./index.less");
+var import_materials2 = require("@pisell/materials");
 var TimeBar = (props) => {
   var _a, _b;
   const { globalState: state, setGlobalState, locale, onCreateClick } = props;
+  const [collapsed, setCollapsed] = (0, import_react.useState)(true);
+  const [scaleCompensation, setScaleCompensation] = (0, import_react.useState)(1);
+  (0, import_react.useEffect)(() => {
+    const getBodyScale = () => {
+      const body = document.body;
+      const computedStyle = window.getComputedStyle(body);
+      const transform = computedStyle.transform;
+      if (transform && transform !== "none") {
+        const matrix = transform.match(/matrix\(([^)]+)\)/);
+        if (matrix) {
+          const values = matrix[1].split(",").map((v) => parseFloat(v.trim()));
+          const scale = values[0] || 1;
+          return scale;
+        }
+      }
+      return 1;
+    };
+    const updateScale = () => {
+      const scale = getBodyScale();
+      setScaleCompensation(scale);
+    };
+    updateScale();
+    const observer = new MutationObserver(updateScale);
+    observer.observe(document.body, {
+      attributes: true,
+      attributeFilter: ["style", "class"]
+    });
+    window.addEventListener("resize", updateScale);
+    return () => {
+      observer.disconnect();
+      window.removeEventListener("resize", updateScale);
+    };
+  }, []);
   const _onClickNext = (0, import_ahooks.useMemoizedFn)(() => {
     var _a2, _b2, _c, _d;
     const currentTime = (_b2 = (_a2 = state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value;
@@ -77,8 +111,62 @@ var TimeBar = (props) => {
     });
     (_d = props.setIntervalTime) == null ? void 0 : _d.call(props, timeString === (0, import_dayjs.default)().format("HH:mm"));
   });
+  const _onToggleCollapse = (0, import_ahooks.useMemoizedFn)(() => {
+    setCollapsed(!collapsed);
+  });
   return (0, import_react.useMemo)(() => {
-    var _a2, _b2, _c, _d;
+    var _a2, _b2, _c, _d, _e, _f;
+    if (collapsed) {
+      const currentDate = (_b2 = (_a2 = state == null ? void 0 : state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value;
+      const isToday = currentDate && currentDate.isSame((0, import_dayjs.default)(), "day");
+      const displayText = isToday ? import_utils.locales.getText("pisell2.ticket-booking.today") : (currentDate == null ? void 0 : currentDate.format("YYYY-MM-DD")) || "";
+      const targetHeight = 40;
+      const compensatedHeight = targetHeight / scaleCompensation;
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: (0, import_classnames.default)("pisell-ticket-booking-time-bar", "collapsed"),
+          style: {
+            height: `${compensatedHeight}px`,
+            minHeight: `${compensatedHeight}px`,
+            maxHeight: `${compensatedHeight}px`
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: "pisell-ticket-booking-time-bar-collapsed-content",
+            style: {
+              height: `${compensatedHeight}px`
+            }
+          },
+          /* @__PURE__ */ import_react.default.createElement(
+            "span",
+            {
+              className: "pisell-ticket-booking-time-bar-collapsed-today",
+              style: {
+                lineHeight: `${compensatedHeight}px`
+              }
+            },
+            displayText
+          ),
+          /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Button,
+            {
+              type: "link",
+              size: "small",
+              className: "pisell-ticket-booking-time-bar-collapsed-expand",
+              onClick: _onToggleCollapse,
+              style: {
+                lineHeight: `${compensatedHeight}px`
+              }
+            },
+            /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.ticket-booking.expand")),
+            /* @__PURE__ */ import_react.default.createElement(import_materials2.Iconfont, { type: "pisell2-chevron-right-double" })
+          )
+        )
+      );
+    }
     return /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
@@ -114,7 +202,7 @@ var TimeBar = (props) => {
           import_materials.DatePicker,
           {
             inputReadOnly: true,
-            value: (_b2 = (_a2 = state == null ? void 0 : state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value,
+            value: (_d = (_c = state == null ? void 0 : state.modalState) == null ? void 0 : _c.date) == null ? void 0 : _d.value,
             format: locale === "en" ? "dddd, DD MMM YYYY" : "YYYY年MM月DD日",
             onChange: props == null ? void 0 : props.onDateChange,
             size: "large",
@@ -140,7 +228,7 @@ var TimeBar = (props) => {
         /* @__PURE__ */ import_react.default.createElement(
           import_materials.SelectTime,
           {
-            value: (_d = (_c = state == null ? void 0 : state.modalState) == null ? void 0 : _c.date) == null ? void 0 : _d.value.format("HH:mm"),
+            value: (_f = (_e = state == null ? void 0 : state.modalState) == null ? void 0 : _e.date) == null ? void 0 : _f.value.format("HH:mm"),
             onChange: _onDateTimeChange,
             popoverProps: {
               style: { zoom: 0.8 }
@@ -170,14 +258,27 @@ var TimeBar = (props) => {
           type: "primary"
         },
         import_utils.locales.getText("pisell2.ticket-booking.create-new")
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          type: "link",
+          style: { marginLeft: "auto" },
+          onClick: _onToggleCollapse
+        },
+        /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.ticket-booking.collapse")),
+        /* @__PURE__ */ import_react.default.createElement(import_materials2.Iconfont, { type: "pisell2-chevron-left-double" })
       )
     );
   }, [
+    collapsed,
     (_b = (_a = state.modalState) == null ? void 0 : _a.date) == null ? void 0 : _b.value,
     state.intervalSetTime,
     state.isTimeChange,
     state.isDateChange,
-    locale
+    locale,
+    _onToggleCollapse,
+    scaleCompensation
   ]);
 };
 var timeBar_default = TimeBar;

package/lib/components/ticketBooking/components/timeBar/index.less

@@ -20,4 +20,63 @@
       }
     }
   }
+
+  // 收起状态
+  &.collapsed {
+    position: fixed;
+    bottom: 0;
+    left: 86px;
+    padding: 0;
+    background-color: transparent;
+    display: block;
+    // 高度通过内联样式动态设置以补偿 body 的 scale
+
+    .pisell-ticket-booking-time-bar-collapsed-content {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      width: 100%;
+      // 高度通过内联样式动态设置以补偿 body 的 scale
+      padding: 0 16px;
+      background-color: #fff;
+      border-radius: 0 8px 8px 0;
+      box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+      box-sizing: border-box;
+      overflow: hidden;
+
+      .pisell-ticket-booking-time-bar-collapsed-today {
+        font-weight: 600;
+        font-size: 18px;
+        color: #000;
+        flex-shrink: 0;
+        margin-right: 16px;
+        // line-height 通过内联样式动态设置
+      }
+
+      .pisell-ticket-booking-time-bar-collapsed-expand {
+        color: #7F56DA;
+        padding: 0;
+        margin: 0;
+        height: auto;
+        font-size: 18px;
+        font-weight: 500;
+        display: inline-flex;
+        align-items: center;
+        flex-shrink: 0;
+        // line-height 通过内联样式动态设置
+
+        &:hover {
+          color: #6941c6;
+        }
+
+        span {
+          margin-right: 2px;
+        }
+        .anticon {
+          margin-left: 0px;
+          margin-right: 0px;
+        }
+      }
+    }
+  }
 }

package/lib/components/ticketBooking/locales.d.ts

@@ -61,6 +61,8 @@ declare const _default: {
         'pisell2.ticket-booking.terminal-upgrade-description': string;
         'pisell2.ticket-booking.terminal-upgrade-ok': string;
         'pisell2.ticket-booking.terminal-upgrade-cancel': string;
+        'pisell2.ticket-booking.collapse': string;
+        'pisell2.ticket-booking.expand': string;
     };
     'zh-CN': {
         'pisell2.ticket-booking.info': string;
@@ -124,6 +126,8 @@ declare const _default: {
         'pisell2.ticket-booking.terminal-upgrade-description': string;
         'pisell2.ticket-booking.terminal-upgrade-ok': string;
         'pisell2.ticket-booking.terminal-upgrade-cancel': string;
+        'pisell2.ticket-booking.collapse': string;
+        'pisell2.ticket-booking.expand': string;
     };
     'zh-HK': {
         'pisell2.ticket-booking.info': string;
@@ -187,6 +191,8 @@ declare const _default: {
         'pisell2.ticket-booking.terminal-upgrade-description': string;
         'pisell2.ticket-booking.terminal-upgrade-ok': string;
         'pisell2.ticket-booking.terminal-upgrade-cancel': string;
+        'pisell2.ticket-booking.collapse': string;
+        'pisell2.ticket-booking.expand': string;
     };
 };
 export default _default;

package/lib/components/ticketBooking/locales.js

@@ -87,7 +87,9 @@ var locales_default = {
     "pisell2.ticket-booking.terminal-upgrade-title": "Terminal Version Reminder",
     "pisell2.ticket-booking.terminal-upgrade-description": "Your Terminal version is outdated. Please upgrade Terminal to use all features.",
     "pisell2.ticket-booking.terminal-upgrade-ok": "I understand",
-    "pisell2.ticket-booking.terminal-upgrade-cancel": "Cancel"
+    "pisell2.ticket-booking.terminal-upgrade-cancel": "Cancel",
+    "pisell2.ticket-booking.collapse": "Collapse",
+    "pisell2.ticket-booking.expand": "Expand"
   },
   "zh-CN": {
     "pisell2.ticket-booking.info": "信息",
@@ -153,7 +155,9 @@ var locales_default = {
     "pisell2.ticket-booking.terminal-upgrade-title": "Terminal版本提醒",
     "pisell2.ticket-booking.terminal-upgrade-description": "检测到您的Terminal版本较低，请升级Terminal以使用完整功能",
     "pisell2.ticket-booking.terminal-upgrade-ok": "我知道了",
-    "pisell2.ticket-booking.terminal-upgrade-cancel": "取消"
+    "pisell2.ticket-booking.terminal-upgrade-cancel": "取消",
+    "pisell2.ticket-booking.collapse": "收起",
+    "pisell2.ticket-booking.expand": "展开"
   },
   "zh-HK": {
     "pisell2.ticket-booking.info": "資訊",
@@ -219,6 +223,8 @@ var locales_default = {
     "pisell2.ticket-booking.terminal-upgrade-title": "Terminal版本提醒",
     "pisell2.ticket-booking.terminal-upgrade-description": "檢測到您的Terminal版本較低，請升級Terminal以使用完整功能",
     "pisell2.ticket-booking.terminal-upgrade-ok": "我知道了",
-    "pisell2.ticket-booking.terminal-upgrade-cancel": "取消"
+    "pisell2.ticket-booking.terminal-upgrade-cancel": "取消",
+    "pisell2.ticket-booking.collapse": "收起",
+    "pisell2.ticket-booking.expand": "展開"
   }
 };

package/lib/components/ticketBooking/utils/index.d.ts

@@ -41,7 +41,7 @@ declare type ScanData = {
     };
 };
 export declare const formatScanCustomer: (data: ScanData) => {
-    searchType: "customer" | "product" | "wallet" | "walletPass" | "local_product";
+    searchType: "product" | "customer" | "wallet" | "walletPass" | "local_product";
     data: any;
     scanCode: string;
 } | null;

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

@@ -1 +1,13 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+interface RechargeState {
+    addWalletCard: any;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    walletDetailState: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

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

@@ -1 +1,14 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+interface RechargeState {
+    total: number;
+    setup?: 'menu' | 'list' | 'detail' | string;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

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

@@ -1 +1,13 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+interface RechargeState {
+    total: number;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

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

@@ -1 +1,29 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+interface RechargeState {
+    selectedGiftOptionId: string | null;
+    cardList: Array<{
+        id: string;
+        name: string;
+        price: number;
+    }>;
+    selectedItem: {
+        id?: string;
+        gift_price?: number;
+        price?: number;
+        name?: string;
+        variant_id?: string;
+    };
+    productId?: string;
+    detailId?: string;
+    total: string | number;
+    rechargeModalOpen: boolean;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

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

@@ -1 +1,13 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+interface RechargeState {
+    total: 0;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

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

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

package/lib/components/workSpaceList/components/Modal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Modal as AntModal, ModalFuncProps as AntModalFuncProps, ModalProps as AntModalProps } from 'antd';
 import './index.less';
 interface ModalProps extends AntModalProps {

package/lib/plus/clientName/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 import { IClientNameProps } from './type';
 declare const ClientName: ({ className, dataSource, style }: IClientNameProps) => JSX.Element | null;

package/lib/plus/productSelect/ProductCard/SkuCard/components/Capacity/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ProductCardConfig } from '../../type';
 declare const Capacity: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | React.ReactFragment | JSX.Element | null;
+}) => string | number | true | JSX.Element | React.ReactFragment | null;
 export default Capacity;

package/lib/plus/productSelect/ProductCard/SkuCard/components/CardMask/index.d.ts

@@ -3,5 +3,5 @@ import { SkuStatusOverlayConfig } from '../../type';
 import './index.less';
 declare const CardMask: ({ props }: {
     props: SkuStatusOverlayConfig;
-}) => string | number | true | React.ReactFragment | JSX.Element | null;
+}) => string | number | true | JSX.Element | React.ReactFragment | null;
 export default CardMask;

package/lib/plus/productSelect/ProductCard/SkuCard/components/Countdown/index.d.ts

@@ -3,5 +3,5 @@ import { ProductCardConfig } from '../../type';
 import './index.less';
 declare const Countdown: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | React.ReactFragment | JSX.Element | null;
+}) => string | number | true | JSX.Element | React.ReactFragment | null;
 export default Countdown;

package/lib/plus/productSelect/ProductCard/SkuCard/components/Duration/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ProductCardConfig } from '../../type';
 declare const Duration: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | React.ReactFragment | JSX.Element | null;
+}) => string | number | true | JSX.Element | React.ReactFragment | null;
 export default Duration;

package/lib/plus/productSelect/ProductCard/SkuCard/components/MemberPrice/index.d.ts

@@ -3,5 +3,5 @@ import { ProductCardConfig } from '../../type';
 import './index.less';
 declare const MemberPrice: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | React.ReactFragment | JSX.Element | null;
+}) => string | number | true | JSX.Element | React.ReactFragment | null;
 export default MemberPrice;

package/lib/plus/productSelect/ProductCard/SkuCard/components/Resource/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ProductCardConfig } from '../../type';
 declare const Resource: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | React.ReactFragment | JSX.Element | null;
+}) => string | number | true | JSX.Element | React.ReactFragment | null;
 export default Resource;

package/lib/plus/productSelect/ProductCard/SkuCard/components/Stock/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ProductCardConfig } from '../../type';
 declare const Stock: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | React.ReactFragment | JSX.Element | null;
+}) => string | number | true | JSX.Element | React.ReactFragment | null;
 export default Stock;

package/lib/plus/productSelect/ProductCard/SkuCard/components/Time/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ProductCardConfig } from '../../type';
 declare const Time: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | React.ReactFragment | JSX.Element | null;
+}) => string | number | true | JSX.Element | React.ReactFragment | null;
 export default Time;

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

@@ -4,6 +4,7 @@
  * 这个文件演示了如何使用 PisellPaymentList 和 PisellPaymentListItem 组件
  * 包括如何通过 Context 访问父组件配置
  */
+/// <reference types="react" />
 export declare const BasicExample: () => JSX.Element;
 export declare const ChildrenExample: () => JSX.Element;
 export declare const CustomItemExample: () => JSX.Element;

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

@@ -59,7 +59,8 @@ var CashKeyboardIntact = (props) => {
     doneText,
     resetText,
     disabled,
-    hiddenChangeDue
+    hiddenChangeDue,
+    shortcutsSize
   } = props;
   const [internalValue, setInternalValue] = (0, import_ahooks.useControllableValue)(props);
   const [isShowModal, setIsShowModal] = (0, import_react.useState)(false);
@@ -129,7 +130,8 @@ var CashKeyboardIntact = (props) => {
         value: "pay",
         style: {
           color: "white",
-          backgroundColor: "#7F56DA"
+          backgroundColor: "#7F56DA",
+          gridColumn: "span 2"
         },
         onClick: () => {
           var _a2;
@@ -138,7 +140,7 @@ var CashKeyboardIntact = (props) => {
       }
     ];
     const userPresets = presets || [];
-    const maxUserPresets = 8 - defaultEndPresets.length;
+    const maxUserPresets = 7 - defaultEndPresets.length;
     const limitedUserPresets = userPresets.slice(0, maxUserPresets);
     return [...limitedUserPresets, ...defaultEndPresets];
   };
@@ -273,10 +275,11 @@ var CashKeyboardIntact = (props) => {
           padding: "6px 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"
         },
         onClick: () => {
           setIsShowModal(true);
@@ -365,6 +368,7 @@ var CashKeyboardIntact = (props) => {
     )), /* @__PURE__ */ import_react.default.createElement(
       import_shortcuts.default,
       {
+        size: shortcutsSize || "default",
         presets: getDefaultPresets(),
         onChange: setInternalValue,
         disabled

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

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