@pisell/private-materials 6.9.1 → 6.9.3

package/lib/plus/walletPassGallery/components/timelineSection/index.js

@@ -45,7 +45,7 @@ import_dayjs.default.extend(import_timezone.default);
 import_dayjs.default.extend(import_utc.default);
 var stateTimeUnix = 1723255863;
 var TimelineSection = (props) => {
-  const { code, tag, timezone } = props;
+  const { code, tag, timezone, apiPrefix } = props;
   const { symbol = "$" } = (0, import_materials.usePisellConfig)();
   const [isShowtimeLineDetail, setIsShowtimeLineDetail] = import_react.default.useState(false);
   const [isSpending, setIsSpending] = import_react.default.useState(true);
@@ -109,14 +109,21 @@ var TimelineSection = (props) => {
     [assetActionEnum, formatCurrencyAmount]
   );
   const assetListReq = (0, import_ahooks.useRequest)(
-    () => (0, import_serve.getAssetList)({
-      num: "99",
-      skip: "1",
-      card_id: code,
-      sourceType: tag,
-      tag,
-      business_object: "customer"
-    }),
+    () => {
+      if (apiPrefix === "/shop") {
+        return (0, import_serve.getActiveLogs)({
+          filter_card_id: code
+        });
+      }
+      return (0, import_serve.getAssetList)({
+        num: "99",
+        skip: "1",
+        card_id: code,
+        sourceType: tag,
+        tag,
+        business_object: "customer"
+      });
+    },
     {
       ready: !!code,
       refreshDeps: [code, tag]
@@ -198,7 +205,7 @@ var TimelineSection = (props) => {
             label: import_utils.locales.getText("wallet-pass-gallery.viewOrder"),
             value: timeLineDetail && (timeLineDetail == null ? void 0 : timeLineDetail.resource_code) ? `#${timeLineDetail == null ? void 0 : timeLineDetail.resource_code}` : (timeLineDetail == null ? void 0 : timeLineDetail.transaction_id) ? `#${timeLineDetail == null ? void 0 : timeLineDetail.transaction_id}` : "",
             isLink: !!(timeLineDetail && (timeLineDetail == null ? void 0 : timeLineDetail.resource_id)),
-            link: timeLineDetail && (timeLineDetail == null ? void 0 : timeLineDetail.resource_id) ? `/order/details?id=${timeLineDetail == null ? void 0 : timeLineDetail.resource_id}` : void 0
+            link: timeLineDetail && (timeLineDetail == null ? void 0 : timeLineDetail.resource_id) ? apiPrefix === "/shop" ? `/admin/order/orders/detail?id=${timeLineDetail == null ? void 0 : timeLineDetail.resource_id}` : `/order/details?id=${timeLineDetail == null ? void 0 : timeLineDetail.resource_id}` : void 0
           }
         ],
         labelColor: "#101828",

package/lib/plus/walletPassGallery/index.js

@@ -96,7 +96,7 @@ var WalletPassGallery = (props) => {
         tags: TAGS,
         filter_wallet_id: walletId || void 0,
         filter_holder_id: holderId || void 0,
-        with: ["holder.detail"]
+        with: ["customScheduleSnapshot", "holder.detail"]
       });
       return {
         list: (res == null ? void 0 : res.list) || [],
@@ -126,7 +126,7 @@ var WalletPassGallery = (props) => {
         tags: TAGS,
         filter_wallet_id: walletId || void 0,
         filter_holder_id: holderId || void 0,
-        with: ["holder.detail"]
+        with: ["customScheduleSnapshot", "holder.detail"]
       });
       return {
         list: (res == null ? void 0 : res.list) || [],

package/lib/plus/walletPassGallery/index.less

@@ -100,7 +100,7 @@
       position: absolute;
       font-size: 24px;
       top: 0px;
-      left: 22px;
+      left: 12px;
     }
 
     .header-title {

package/lib/plus/walletPassGallery/serve.d.ts

@@ -166,6 +166,14 @@ export interface IAssetItem {
 export declare const getAssetList: (params: IAssetListProps) => Promise<{
     list: IAssetItem[];
 }>;
+/**
+ * 资产明细（admin）
+ */
+export declare const getActiveLogs: (params: {
+    filter_card_id: string;
+}) => Promise<{
+    list: IAssetItem[];
+}>;
 /**
  * 获取资产详情
  * @param params 接口请求参数

package/lib/plus/walletPassGallery/serve.js

@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var serve_exports = {};
 __export(serve_exports, {
   bindCodeToCustomer: () => bindCodeToCustomer,
+  getActiveLogs: () => getActiveLogs,
   getAssetList: () => getAssetList,
   getDetailApi: () => getDetailApi,
   getUnbindList: () => getUnbindList,
@@ -59,7 +60,10 @@ var goOrder = async (params) => {
     const { data } = await import_utils.request.getRequest().post(`/h5/store/order/add`, params);
     return data;
   } catch (error) {
-    console.error(import_utils2.locales.getText("wallet-pass-gallery.log.orderFailed"), error);
+    console.error(
+      import_utils2.locales.getText("wallet-pass-gallery.log.orderFailed"),
+      error
+    );
     throw error;
   }
 };
@@ -70,14 +74,24 @@ var getAssetList = async (params) => {
   const { data } = await import_utils.request.getRequest().get(`/h5/pay/asset/lowcode/list`, params);
   return data;
 };
+var getActiveLogs = async (params) => {
+  const { data } = await import_utils.request.getRequest().get(`/shop/asset`, params);
+  return data;
+};
 var getDetailApi = async (params) => {
-  const { data } = await import_utils.request.getRequest().get(`${params.apiPrefix || "/h5"}/machinecode/lowcode/detail/${params.id}`, {
-    order_behavior_count: 1,
-    // 订单行为次数
-    order_behavior_count_customer: 1,
-    // 客户订单行为次数
-    order_behavior_count_customer_id: params.apiPrefix === "/shop" ? params.order_behavior_count_customer_id : void 0
-  });
+  const { data } = await import_utils.request.getRequest().get(
+    `${params.apiPrefix || "/h5"}/machinecode/lowcode/detail/${params.id}`,
+    {
+      order_behavior_count: 1,
+      // 订单行为次数
+      order_behavior_count_customer: 1,
+      // 客户订单行为次数
+      order_behavior_count_customer_id: params.apiPrefix === "/shop" ? params.order_behavior_count_customer_id : void 0
+    },
+    {
+      isOriginHost: true
+    }
+  );
   return data;
 };
 var orderRechargeProduct = async (params) => {
@@ -98,6 +112,7 @@ var getWalletPassDetail = async (id, params) => {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   bindCodeToCustomer,
+  getActiveLogs,
   getAssetList,
   getDetailApi,
   getUnbindList,

package/lib/plus/webPosLogin/WebPosLogin.d.ts

@@ -7,5 +7,5 @@ export interface WebPosLoginProps {
     backgroundImage?: string;
     [key: string]: any;
 }
-declare const MyTeamLogin: (props: WebPosLoginProps) => JSX.Element;
-export default MyTeamLogin;
+declare const WebPosLogin: (props: WebPosLoginProps) => JSX.Element;
+export default WebPosLogin;

package/lib/plus/webPosLogin/WebPosLogin.js

@@ -42,7 +42,7 @@ var import_utils2 = require("../../utils");
 var useSearchParams = () => {
   return new URLSearchParams(window.location.search);
 };
-var MyTeamLogin = (props) => {
+var WebPosLogin = (props) => {
   var _a, _b, _c, _d, _e, _f;
   const context = (0, import_useEngineContext.default)();
   const { getApp = () => ({}), reloadAfterLogin } = (_a = context.appHelper) == null ? void 0 : _a.utils;
@@ -294,7 +294,12 @@ var MyTeamLogin = (props) => {
     });
   };
   const handleChangeAccount = () => {
+    var _a2, _b2, _c2;
     setStep("login");
+    const app = getApp();
+    (_a2 = app == null ? void 0 : app.getPlugin("token")) == null ? void 0 : _a2.remove();
+    (_b2 = app == null ? void 0 : app.getPlugin("token")) == null ? void 0 : _b2.remove("pisellV1Token");
+    (_c2 = app == null ? void 0 : app.getPlugin("token")) == null ? void 0 : _c2.remove("nocobaseToken");
   };
   const handleChangeStore = () => {
     setStep("store");
@@ -324,4 +329,4 @@ var MyTeamLogin = (props) => {
     }
   );
 };
-var WebPosLogin_default = MyTeamLogin;
+var WebPosLogin_default = WebPosLogin;

package/lib/plus/webPosLogin/components/MediaDisplay/index.js

@@ -154,7 +154,7 @@ var MediaDisplay = (0, import_react.memo)((props) => {
     return /* @__PURE__ */ import_react.default.createElement("div", { className: `media-display media-display--fullscreen ${className}`.trim() }, renderMedia());
   }
   console.log(currentMedia, "currentMedia");
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `webpos-login-brand-panel ${className}`.trim() }, /* @__PURE__ */ import_react.default.createElement("div", { className: "webpos-login-brand-panel__content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "webpos-login-brand-panel__logo-wrapper" }, renderMedia()), slogan && /* @__PURE__ */ import_react.default.createElement("p", { className: "webpos-login-brand-panel__slogan" }, slogan), !isSingleMedia && /* @__PURE__ */ import_react.default.createElement("div", { className: "webpos-login-brand-panel__carousel-controls" })));
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `webpos-login-brand-panel-media ${className}`.trim() }, /* @__PURE__ */ import_react.default.createElement("div", { className: "webpos-login-brand-panel-media__content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "webpos-login-brand-panel-media__logo-wrapper" }, renderMedia()), slogan && /* @__PURE__ */ import_react.default.createElement("p", { className: "webpos-login-brand-panel-media__slogan" }, slogan), !isSingleMedia && /* @__PURE__ */ import_react.default.createElement("div", { className: "webpos-login-brand-panel-media__carousel-controls" })));
 });
 MediaDisplay.displayName = "MediaDisplay";
 var MediaDisplay_default = MediaDisplay;

package/lib/plus/webPosLogin/components/MediaDisplay/index.less

@@ -63,14 +63,13 @@
 /**
  * BrandPanel 品牌区组件样式（普通模式）
  */
-.webpos-login-brand-panel {
+.webpos-login-brand-panel-media {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 50%;
-  min-width: 400px;
-  min-height: 600px;
+  width: 100%;
+  height: 100%;
   background: linear-gradient(135deg, #F04A28 0%, #E8421F 100%);
   border-radius: 24px 0 0 24px;
   overflow: hidden;
@@ -82,8 +81,10 @@
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    padding: 40px;
     text-align: center;
+    width: 100%;
+    height: 100%;
+    padding: 0;
   }
 
   /* Logo/媒体 容器 */
@@ -91,7 +92,10 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    max-width: 320px;
+    width: 100%;
+    height: 100%;
+    max-width: 100%;
+    //max-width: 320px;
 
     /* 视频在品牌面板中的样式 */
     video {

package/lib/plus/webPosLogin/service.js

@@ -75,7 +75,8 @@ var getTenant = async () => {
       mode: "remote_local",
       type: "indexDB"
     },
-    prefix: false
+    prefix: false,
+    isDefaultSaasDomain: true
   });
   return data;
 };

package/lib/pro/Login2.0/AuthModal.js

@@ -81,7 +81,7 @@ var AuthModal = () => {
     }
   }, [currentView]);
   const login2Config = (0, import_react.useMemo)(() => {
-    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
     if (!localesInitialized) {
       return {
         loginMethods: [],
@@ -262,9 +262,13 @@ var AuthModal = () => {
           show: (config == null ? void 0 : config.logo) ? true : false,
           url: config == null ? void 0 : config.logo,
           // 直接从 config.logo 读取
-          position: "center"
+          position: "center",
+          size: {
+            width: ((_v = config == null ? void 0 : config.logoSize) == null ? void 0 : _v.width) || 48,
+            height: ((_w = config == null ? void 0 : config.logoSize) == null ? void 0 : _w.height) || 48
+          }
         } : void 0,
-        themeColor: ((_x = (_w = (_v = config == null ? void 0 : config.page) == null ? void 0 : _v.login) == null ? void 0 : _w.ui) == null ? void 0 : _x.themeColor) || "#7F56D9",
+        themeColor: ((_z = (_y = (_x = config == null ? void 0 : config.page) == null ? void 0 : _x.login) == null ? void 0 : _y.ui) == null ? void 0 : _z.themeColor) || "#7F56D9",
         formLabels: {
           email: { show: false },
           phone: { show: false },
@@ -275,7 +279,7 @@ var AuthModal = () => {
     };
   }, [config, channel, emailLinkVerification, localesInitialized]);
   const register2Config = (0, import_react.useMemo)(() => {
-    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
     if (!localesInitialized) {
       return {
         registrationMethods: [],
@@ -395,10 +399,14 @@ var AuthModal = () => {
           show: config.logo ? true : false,
           url: config.logo,
           // 直接从 config.logo 读取
-          position: "center"
+          position: "center",
+          size: {
+            width: ((_l = config == null ? void 0 : config.logoSize) == null ? void 0 : _l.width) || 48,
+            height: ((_m = config == null ? void 0 : config.logoSize) == null ? void 0 : _m.height) || 48
+          }
         } : void 0,
-        themeColor: ((_n = (_m = (_l = config.page) == null ? void 0 : _l.register) == null ? void 0 : _m.ui) == null ? void 0 : _n.themeColor) || "#7F56D9",
-        passwordRules: transformPasswordRules((_o = config.auth) == null ? void 0 : _o.password),
+        themeColor: ((_p = (_o = (_n = config.page) == null ? void 0 : _n.register) == null ? void 0 : _o.ui) == null ? void 0 : _p.themeColor) || "#7F56D9",
+        passwordRules: transformPasswordRules((_q = config.auth) == null ? void 0 : _q.password),
         // 传递密码规则
         formLabels: {
           email: { show: false },

package/lib/pro/Login2.0/Login2.js

@@ -74,6 +74,13 @@ var Login2 = ({
   const registerAndLogin = pisellOS == null ? void 0 : pisellOS.getModule("registerAndLogin");
   const context = (0, import_useEngineContext2.default)();
   const storage = (_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.storage;
+  const rememberMeWatch = import_antd.Form.useWatch("remember_me", form);
+  (0, import_react.useEffect)(() => {
+    if (typeof rememberMeWatch === "boolean" && !rememberMeWatch) {
+      storage.remove("login_account");
+      storage.remove("login_password");
+    }
+  }, [rememberMeWatch]);
   (0, import_react.useEffect)(() => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g;
     import_utils.locales.init(

package/lib/pro/Login2.0/components/LoginCodeInput.js

@@ -64,8 +64,25 @@ function LoginCodeInput({
     }
   }, [error, codeLength]);
   const handleInputChange = (index, value) => {
-    var _a;
-    if (!/^\d*$/.test(value)) return;
+    var _a, _b;
+    const digitsOnly = value.replace(/\D/g, "");
+    if (digitsOnly !== value && value !== "") return;
+    if (digitsOnly.length > 1) {
+      if (error && onClearError) onClearError();
+      const nextCode = [...code];
+      const maxFillLength = Math.min(codeLength - index, digitsOnly.length);
+      for (let offset = 0; offset < maxFillLength; offset += 1) {
+        nextCode[index + offset] = digitsOnly[offset];
+      }
+      setCode(nextCode);
+      const nextEmptyIndex = nextCode.findIndex((digit) => digit === "");
+      if (nextEmptyIndex === -1) {
+        onSubmit == null ? void 0 : onSubmit(nextCode.join(""));
+        return;
+      }
+      (_a = inputRefs.current[nextEmptyIndex]) == null ? void 0 : _a.focus();
+      return;
+    }
     if (value && error && onClearError) {
       onClearError();
     }
@@ -73,7 +90,7 @@ function LoginCodeInput({
     newCode[index] = value.slice(-1);
     setCode(newCode);
     if (value && index < codeLength - 1) {
-      (_a = inputRefs.current[index + 1]) == null ? void 0 : _a.focus();
+      (_b = inputRefs.current[index + 1]) == null ? void 0 : _b.focus();
     }
     if (newCode.every((digit) => digit !== "")) {
       const fullCode = newCode.join("");
@@ -118,7 +135,12 @@ function LoginCodeInput({
       ref: (el) => inputRefs.current[index] = el,
       type: "text",
       inputMode: "numeric",
-      maxLength: 1,
+      autoComplete: index === 0 ? "one-time-code" : "off",
+      autoCorrect: "off",
+      autoCapitalize: "off",
+      spellCheck: false,
+      maxLength: index === 0 ? codeLength : 1,
+      pattern: "[0-9]*",
       className: `code-input-box ${digit ? "has-value" : ""} ${error ? "has-error" : ""}`,
       value: digit,
       onChange: (e) => handleInputChange(index, e.target.value),

package/lib/pro/Login2.0/index.less

@@ -326,12 +326,24 @@
     .login2-submit-button {
       height: 44px;
       border-radius: 8px;
-      border: 1px solid var(--theme-color, #7f56d9);
-      background: var(--theme-color, #7f56d9);
+      border: 1px solid var(--custom-button-bg-color, var(--theme-color, #7f56d9));
+      background: var(--custom-button-bg-color, var(--theme-color, #7f56d9));
       box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
       font-size: 16px;
       font-weight: 600;
-      color: #ffffff;
+      color: var(--custom-button-text-color, #ffffff);
+
+      &:hover:not(:disabled) {
+        background: var(--custom-button-bg-color, #6941c6);
+        border-color: var(--custom-button-bg-color, #6941c6);
+      }
+
+      &:focus {
+        background: var(--custom-button-bg-color, var(--theme-color, #7f56d9));
+        border-color: var(--custom-button-bg-color, var(--theme-color, #7f56d9));
+        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),
+          0px 0px 0px 4px rgba(127, 86, 217, 0.1);
+      }
 
       &:disabled {
         background: #f2f4f7;

package/lib/pro/Login2.0/steps/CodeInput.js

@@ -62,8 +62,25 @@ function CodeInput({
     }
   }, [error, codeLength]);
   const handleInputChange = (index, value) => {
-    var _a;
-    if (!/^\d*$/.test(value)) return;
+    var _a, _b;
+    const digitsOnly = value.replace(/\D/g, "");
+    if (digitsOnly !== value && value !== "") return;
+    if (digitsOnly.length > 1) {
+      if (error && onClearError) onClearError();
+      const nextCode = [...code];
+      const maxFillLength = Math.min(codeLength - index, digitsOnly.length);
+      for (let offset = 0; offset < maxFillLength; offset += 1) {
+        nextCode[index + offset] = digitsOnly[offset];
+      }
+      setCode(nextCode);
+      const nextEmptyIndex = nextCode.findIndex((digit) => digit === "");
+      if (nextEmptyIndex === -1) {
+        onSubmit == null ? void 0 : onSubmit(nextCode.join(""));
+        return;
+      }
+      (_a = inputRefs.current[nextEmptyIndex]) == null ? void 0 : _a.focus();
+      return;
+    }
     if (value && error && onClearError) {
       onClearError();
     }
@@ -71,7 +88,7 @@ function CodeInput({
     newCode[index] = value.slice(-1);
     setCode(newCode);
     if (value && index < codeLength - 1) {
-      (_a = inputRefs.current[index + 1]) == null ? void 0 : _a.focus();
+      (_b = inputRefs.current[index + 1]) == null ? void 0 : _b.focus();
     }
     if (newCode.every((digit) => digit !== "")) {
       const fullCode = newCode.join("");
@@ -108,7 +125,7 @@ function CodeInput({
   };
   const title = flowData.accountType === "email" ? import_utils.locales.getText("pisell-register2-check-email-title") : import_utils.locales.getText("pisell-register2-check-phone-title");
   const description = flowData.accountType === "email" ? import_utils.locales.getText("pisell-register2-check-email-desc") : import_utils.locales.getText("pisell-register2-check-phone-desc");
-  const displayAccount = typeof flowData.account === "object" && "phone" in flowData.account ? `+${flowData.account.country_calling_code}${flowData.account.phone}` : flowData.account;
+  const displayAccount = flowData.account;
   const noReceiveText = flowData.accountType === "email" ? import_utils.locales.getText("pisell-register2-no-email-received") : import_utils.locales.getText("pisell-register2-no-message-received");
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-container code-input-page" }, /* @__PURE__ */ import_react.default.createElement("button", { className: "back-button-top", onClick: onBack, "aria-label": "Go back" }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-arrow-left" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "register-step-content" }, /* @__PURE__ */ import_react.default.createElement("h2", { className: "register-step-title" }, title), /* @__PURE__ */ import_react.default.createElement("p", { className: "register-step-desc" }, description, /* @__PURE__ */ import_react.default.createElement("br", null), displayAccount), /* @__PURE__ */ import_react.default.createElement("div", { className: "code-input-group", onPaste: handlePaste }, code.map((digit, index) => /* @__PURE__ */ import_react.default.createElement(
     "input",
@@ -117,7 +134,12 @@ function CodeInput({
       ref: (el) => inputRefs.current[index] = el,
       type: "text",
       inputMode: "numeric",
-      maxLength: 1,
+      autoComplete: index === 0 ? "one-time-code" : "off",
+      autoCorrect: "off",
+      autoCapitalize: "off",
+      spellCheck: false,
+      maxLength: index === 0 ? codeLength : 1,
+      pattern: "[0-9]*",
       className: `code-input-box ${digit ? "has-value" : ""} ${error ? "has-error" : ""}`,
       value: digit,
       onChange: (e) => handleInputChange(index, e.target.value),

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

@@ -7,6 +7,12 @@ declare global {
         }
     }
 }
+/**
+ * 样式变体类型
+ * - separated: 分离式，按钮独立显示（默认）
+ * - capsule: 胶囊式，按钮和数字在一个圆角容器内
+ */
+export declare type NumericStepperVariant = 'separated' | 'capsule';
 export interface NumericStepperProps {
     /** 当前值 */
     value?: number;
@@ -31,12 +37,32 @@ export interface NumericStepperProps {
     horizontalPadding?: number | string;
     /** 尺寸 */
     size?: 'small' | 'middle' | 'large';
-    /** 按钮形状 */
+    /** 按钮形状（仅在 variant='separated' 时生效） */
     shape?: 'round' | 'square';
     /** 减号按钮的自定义内容 */
     minusIcon?: React.ReactNode;
     /** 加号按钮的自定义内容 */
     plusIcon?: React.ReactNode;
+    /**
+     * 样式变体
+     * - separated: 分离式，按钮独立显示（默认）
+     * - capsule: 胶囊式，按钮和数字在一个圆角容器内
+     * @default 'separated'
+     */
+    variant?: NumericStepperVariant;
+    /**
+     * 是否启用输入功能（点击数字弹出键盘）
+     * - 开启时：展示区域 cursor 为 pointer，点击弹出键盘
+     * - 关闭后：展示区域无边框，点击不会弹出键盘
+     * @default true
+     */
+    enableInput?: boolean;
+    /**
+     * 展示区域最大宽度（仅胶囊模式生效）
+     * - 设置后：展示区域最大宽度受限，超出部分截断
+     * - 不设置：展示区域宽度随内容自适应
+     */
+    displayMaxWidth?: number | string;
 }
 declare const NumericStepper: React.FC<NumericStepperProps>;
 export default NumericStepper;