@pisell/private-materials 3.4.81 → 3.4.83

package/lib/plus/skuOptionsSelection/components/NormalCard/index.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { RenderItemProps } from '../../../../pro/Selector/types';
 declare const NormalCard: (props: RenderItemProps & {
     parentDataSource: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default NormalCard;

package/lib/plus/skuOptionsSelection/components/OptionsCard/OptionItemCard.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const OptionItemCard: (props: any) => JSX.Element;
+declare const OptionItemCard: (props: any) => React.JSX.Element;
 export default OptionItemCard;

package/lib/plus/skuOptionsSelection/components/OptionsCard/index.d.ts

@@ -1,10 +1,11 @@
 /**
  * 单规格商品卡片，点击后需要拉起弹窗展示具体的规格信息
  */
+import React from 'react';
 import { RenderItemProps } from '../../../../pro/Selector/types';
 import './index.less';
 declare const OptionsCard: (props: RenderItemProps & {
     parentDataSource: any;
     mode: 'single' | 'multiple';
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default OptionsCard;

package/lib/plus/skuOptionsSelection/components/OptionsModal/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface OptionsModalProps {
     parentDataSource: any;
     dataSource: any;
@@ -11,5 +12,5 @@ interface OptionsModalProps {
     onCancel: () => void;
     onConfirm: (v: any) => void;
 }
-declare const OptionsModal: (props: OptionsModalProps) => JSX.Element;
+declare const OptionsModal: (props: OptionsModalProps) => React.JSX.Element;
 export default OptionsModal;

package/lib/plus/skuOptionsSelection/components/TitleExtra/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const TitleExtra: (props: any) => JSX.Element;
+declare const TitleExtra: (props: any) => React.JSX.Element;
 export default TitleExtra;

package/lib/plus/skuOptionsSelection/components/VariantCard/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const VariantCard: (props: any) => JSX.Element;
+declare const VariantCard: (props: any) => React.JSX.Element;
 export default VariantCard;

package/lib/plus/walletEditor/components/relationProduct/index.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import './index.less';
 declare const RelationProduct: ({ value, onChange, }: {
     value?: string[] | undefined;
     onChange?: ((val: string[]) => void) | undefined;
-}) => JSX.Element | null;
+}) => React.JSX.Element | null;
 export default RelationProduct;

package/lib/plus/walletPassGallery/components/passDetail/index.d.ts

@@ -1,11 +1,11 @@
+import React from 'react';
 import './index.less';
 interface PassDetailProps {
     dataSource?: any | null;
     platform?: 'pc' | 'h5';
     buttonGroupList?: any[][];
     showTimeLine?: boolean;
-    onDetailRefresh?: (passId: number | string, patch: any) => void;
     onListRefresh?: () => void;
 }
-declare const PassDetail: (props: PassDetailProps) => JSX.Element | null;
+declare const PassDetail: (props: PassDetailProps) => React.JSX.Element | null;
 export default PassDetail;

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

@@ -59,7 +59,6 @@ var PassDetail = (props) => {
     dataSource,
     platform = "pc",
     showTimeLine = true,
-    onDetailRefresh,
     onListRefresh
   } = props;
   const [activeKey, setActiveKey] = (0, import_react.useState)("detail");
@@ -110,21 +109,7 @@ var PassDetail = (props) => {
       "customer",
       "recharge",
       async (strVal) => {
-        var _a3;
-        if (!strVal) {
-          return onListRefresh == null ? void 0 : onListRefresh();
-        }
-        try {
-          const latest = await ((_a3 = _getDetail.refreshAsync) == null ? void 0 : _a3.call(_getDetail));
-          const patch = {
-            balance: (latest == null ? void 0 : latest.balance) !== void 0 ? latest.balance : balance ?? void 0,
-            expire_date: (latest == null ? void 0 : latest.expire_date) !== void 0 ? latest.expire_date : expire_date ?? void 0,
-            unified_available_status: latest == null ? void 0 : latest.unified_available_status
-          };
-          onDetailRefresh == null ? void 0 : onDetailRefresh(id, patch);
-        } catch (err) {
-          console.error(err);
-        }
+        return onListRefresh == null ? void 0 : onListRefresh();
       }
     );
   }, [id]);

package/lib/plus/walletPassGallery/components/passList/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface IPassListProps {
     dataSource: any[];
     value?: string | number;
@@ -8,5 +9,5 @@ interface IPassListProps {
     loading?: boolean;
     onEditHolder?: (info: any) => void;
 }
-declare const PassList: (props: IPassListProps) => JSX.Element;
+declare const PassList: (props: IPassListProps) => React.JSX.Element;
 export default PassList;

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

@@ -36,7 +36,9 @@ 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_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var PassList = (props) => {
+  var _a;
   const {
     dataSource = [],
     value,
@@ -47,6 +49,10 @@ var PassList = (props) => {
     loading,
     onEditHolder
   } = props;
+  const context = (0, import_useEngineContext.default)();
+  const utils = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
+  const { isTerminal, isApp } = utils;
+  const isTerminalEnv = (typeof isTerminal === "function" ? isTerminal() : !!isTerminal) || (isApp == null ? void 0 : isApp());
   const _loadMore = /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -130,12 +136,12 @@ var PassList = (props) => {
               code: encoded,
               validDate: expire_date,
               holder,
-              onSetHolder: () => {
-                var _a;
+              onSetHolder: isTerminalEnv ? void 0 : () => {
+                var _a2;
                 onEditHolder == null ? void 0 : onEditHolder({
                   wallet_pass_detail_id: id,
                   customer_id: holder == null ? void 0 : holder.customer_id,
-                  form_id: (_a = holder == null ? void 0 : holder.metadata) == null ? void 0 : _a.custom_id
+                  form_id: (_a2 = holder == null ? void 0 : holder.metadata) == null ? void 0 : _a2.custom_id
                 });
               }
             }

package/lib/plus/walletPassGallery/components/timelineSection/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
 interface TimelineSectionProps {
     code: string;
@@ -7,5 +8,5 @@ interface TimelineSectionProps {
     isTerminalEnv?: boolean;
     interaction?: any;
 }
-declare const TimelineSection: (props: TimelineSectionProps) => JSX.Element;
+declare const TimelineSection: (props: TimelineSectionProps) => React.JSX.Element;
 export default TimelineSection;

package/lib/plus/walletPassGallery/components/usageRule/index.d.ts

@@ -5,5 +5,5 @@ interface UsageRulesProps {
     style?: React.CSSProperties;
     dataSource?: any;
 }
-declare function UsageRules({ className, style, dataSource }: UsageRulesProps): JSX.Element | null;
+declare function UsageRules({ className, style, dataSource }: UsageRulesProps): React.JSX.Element | null;
 export default UsageRules;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
 export interface WalletPassGalleryProps {
     hideTitle: boolean;
@@ -6,5 +7,5 @@ export interface WalletPassGalleryProps {
     platform?: 'pc' | 'h5';
     [key: string]: any;
 }
-declare const WalletPassGallery: (props: WalletPassGalleryProps) => JSX.Element;
+declare const WalletPassGallery: (props: WalletPassGalleryProps) => React.JSX.Element;
 export default WalletPassGallery;

package/lib/plus/walletPassGallery/index.js

@@ -385,32 +385,6 @@ var WalletPassGallery = (props) => {
       console.log("pass not found", passId);
     }
   };
-  const _handleDetailRefresh = (passId, patch) => {
-    if (_avaliable.find((item) => item.id === passId)) {
-      _getAvailableList.mutate((data) => {
-        const newList = data.list.map(
-          (item) => item.id === passId ? { ...item, ...patch } : item
-        );
-        return {
-          ...data,
-          list: newList
-        };
-      });
-      return;
-    }
-    if (_unavailable.find((item) => item.id === passId)) {
-      _getUnavailableList.mutate((data) => {
-        const newList = data.list.map(
-          (item) => item.id === passId ? { ...item, ...patch } : item
-        );
-        return {
-          ...data,
-          list: newList
-        };
-      });
-      return;
-    }
-  };
   const _handleBindHolder = async (holderId) => {
     setUpdateHolderLoading(true);
     const { wallet_pass_detail_id: passId } = editHolderData;
@@ -476,7 +450,6 @@ var WalletPassGallery = (props) => {
       {
         dataSource: _currentItem,
         platform,
-        onDetailRefresh: _handleDetailRefresh,
         onListRefresh: listReload
       }
     )));
@@ -512,7 +485,6 @@ var WalletPassGallery = (props) => {
       {
         dataSource: _currentItem,
         platform,
-        onDetailRefresh: _handleDetailRefresh,
         onListRefresh: listReload
       }
     )));
@@ -660,7 +632,6 @@ var WalletPassGallery = (props) => {
         {
           dataSource: _currentItem,
           platform,
-          onDetailRefresh: _handleDetailRefresh,
           onListRefresh: listReload
         }
       )

package/lib/pro/Cards/components/SKUCard/index.js

@@ -38,6 +38,7 @@ var import_utils = require("@pisell/utils");
 var import_classnames = __toESM(require("classnames"));
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var import_locales = __toESM(require("./locales"));
+var import_useThemeTokens = __toESM(require("../../../../hooks/useThemeTokens"));
 var import_index = require("./index.less");
 var SKUCard = ({
   cover,
@@ -50,9 +51,11 @@ var SKUCard = ({
   onClick,
   renderRight,
   skuCardConfig,
-  skuDisabled
+  skuDisabled,
+  theme
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const { colorPrimary, colorPrimaryBg } = (0, import_useThemeTokens.default)(theme);
   const context = (0, import_useEngineContext.default)();
   const language = ((_c = (_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.storage) == null ? void 0 : _c.get("umi_locale")) || "en";
   import_utils.locales.init(import_locales.default, language);
@@ -173,7 +176,9 @@ var SKUCard = ({
         onClick == null ? void 0 : onClick();
       },
       style: {
-        cursor: disabled ? "not-allowed" : "pointer"
+        cursor: disabled ? "not-allowed" : "pointer",
+        ["--color-primary"]: colorPrimary,
+        ["--color-primary-bg"]: colorPrimaryBg
       }
     },
     !!skuDisabled && !!showDisabledText && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-pro-cards-sku-card-disabled-mask" }, /* @__PURE__ */ import_react.default.createElement(

package/lib/pro/Cards/components/SKUCard/index.less

@@ -39,8 +39,8 @@
   }
 
   &-active {
-    border: 1px solid #7f56d9;
-    background: #fcfaff;
+    border: 1px solid var(--color-primary, #5d3f9f);
+    background: var(--color-primary-bg, #fcfaff);
   }
 
   &-disabled {

package/lib/pro/Cards/components/SKUCard/types.d.ts

@@ -65,4 +65,9 @@ export interface SKUCardProps {
     skuCardConfig?: SkuCardConfig;
     /** SKU 是否禁用 */
     skuDisabled?: boolean;
+    theme?: {
+        token?: {
+            colorPrimary?: string;
+        };
+    };
 }

package/lib/pro/Login2.0/components/ForgotPasswordFlow.d.ts

@@ -1,4 +1,11 @@
-/// <reference types="react" />
+/**
+ * 忘记密码流程组件
+ * 包含三个步骤：
+ * 1. 确认邮箱 (ConfirmEmail)
+ * 2. 输入验证码 (CodeInput)
+ * 3. 设置新密码 (SetPassword)
+ */
+import React from 'react';
 import { PhoneValueObject } from './PhoneInput';
 export interface ForgotPasswordFlowProps {
     /** 初始账号（可选，如果用户在登录页已输入） */
@@ -27,5 +34,5 @@ export interface ForgotPasswordFlowProps {
         currency_code: string;
     }>;
 }
-declare function ForgotPasswordFlow({ initialEmail, accountType, onSendCode, onVerifyCode, onResetPassword, onSendResetLink, onBack, loading, countdown, countries, }: ForgotPasswordFlowProps): JSX.Element | null;
+declare function ForgotPasswordFlow({ initialEmail, accountType, onSendCode, onVerifyCode, onResetPassword, onSendResetLink, onBack, loading, countdown, countries, }: ForgotPasswordFlowProps): React.JSX.Element | null;
 export default ForgotPasswordFlow;

package/lib/pro/Login2.0/components/LoginCodeInput.d.ts

@@ -1,4 +1,8 @@
-/// <reference types="react" />
+/**
+ * 登录验证码输入组件
+ * 复用 Register2 的 CodeInput 样式和逻辑
+ */
+import React from 'react';
 export interface LoginCodeInputProps {
     /** 账号（邮箱或手机号） */
     account: string;
@@ -23,5 +27,5 @@ export interface LoginCodeInputProps {
     /** 当用户输入时清除错误的回调 */
     onClearError?: () => void;
 }
-declare function LoginCodeInput({ account, accountType, codeLength, onSubmit, onResend, onBack, countdown, loading, submitButtonText, error, onClearError, }: LoginCodeInputProps): JSX.Element;
+declare function LoginCodeInput({ account, accountType, codeLength, onSubmit, onResend, onBack, countdown, loading, submitButtonText, error, onClearError, }: LoginCodeInputProps): React.JSX.Element;
 export default LoginCodeInput;

package/lib/pro/Login2.0/components/PhoneInput.d.ts

@@ -49,5 +49,5 @@ export interface PhoneInputProps {
  * 支持国际区号选择和手机号输入
  * 值格式：+区号+手机号，例如：+8613800138000 或 +15551234567
  */
-declare function PhoneInput({ value, onChange, placeholder, onKeyDown, size, disabled, className, countries, defaultCountry, valueFormat, }: PhoneInputProps): JSX.Element;
+declare function PhoneInput({ value, onChange, placeholder, onKeyDown, size, disabled, className, countries, defaultCountry, valueFormat, }: PhoneInputProps): React.JSX.Element;
 export default PhoneInput;

package/lib/pro/Login2.0/steps/CodeInput.d.ts

@@ -1,4 +1,8 @@
-/// <reference types="react" />
+/**
+ * 验证码输入页面（对应图3）
+ * 支持邮箱和手机号两种账号类型
+ */
+import React from 'react';
 import type { RegisterFlowData } from '../shared/registerFlow';
 export interface CodeInputProps {
     /** 流程数据 */
@@ -20,5 +24,5 @@ export interface CodeInputProps {
     /** 当用户输入时清除错误的回调 */
     onClearError?: () => void;
 }
-declare function CodeInput({ flowData, codeLength, onSubmit, onResend, onBack, countdown, loading, error, onClearError, }: CodeInputProps): JSX.Element;
+declare function CodeInput({ flowData, codeLength, onSubmit, onResend, onBack, countdown, loading, error, onClearError, }: CodeInputProps): React.JSX.Element;
 export default CodeInput;

package/lib/pro/Login2.0/steps/EmailAlreadyRegistered.d.ts

@@ -1,4 +1,8 @@
-/// <reference types="react" />
+/**
+ * 账号已注册错误页面（对应图2）
+ * 支持邮箱和手机号两种账号类型
+ */
+import React from 'react';
 import type { RegisterFlowData } from '../shared/registerFlow';
 export interface EmailAlreadyRegisteredProps {
     /** 流程数据 */
@@ -8,5 +12,5 @@ export interface EmailAlreadyRegisteredProps {
     /** 返回重新输入 */
     onBack?: () => void;
 }
-declare function EmailAlreadyRegistered({ flowData, onGoToLogin, onBack, }: EmailAlreadyRegisteredProps): JSX.Element;
+declare function EmailAlreadyRegistered({ flowData, onGoToLogin, onBack, }: EmailAlreadyRegisteredProps): React.JSX.Element;
 export default EmailAlreadyRegistered;

package/lib/pro/Login2.0/steps/EmailLinkAlreadyUsed.d.ts

@@ -1,7 +1,10 @@
-/// <reference types="react" />
+/**
+ * 邮件链接已使用页面 - 对应图3
+ */
+import React from 'react';
 export interface EmailLinkAlreadyUsedProps {
     /** 跳转到登录页回调 */
     onGoToLogin?: () => void;
 }
-declare function EmailLinkAlreadyUsed({ onGoToLogin }: EmailLinkAlreadyUsedProps): JSX.Element;
+declare function EmailLinkAlreadyUsed({ onGoToLogin }: EmailLinkAlreadyUsedProps): React.JSX.Element;
 export default EmailLinkAlreadyUsed;

package/lib/pro/Login2.0/steps/EmailLinkExpired.d.ts

@@ -1,9 +1,12 @@
-/// <reference types="react" />
+/**
+ * 邮件链接已过期页面 - 对应图2
+ */
+import React from 'react';
 export interface EmailLinkExpiredProps {
     /** 返回注册页回调 */
     onBackToRegistration?: () => void;
     /** 跳转到登录页回调 */
     onGoToLogin?: () => void;
 }
-declare function EmailLinkExpired({ onBackToRegistration, onGoToLogin }: EmailLinkExpiredProps): JSX.Element;
+declare function EmailLinkExpired({ onBackToRegistration, onGoToLogin }: EmailLinkExpiredProps): React.JSX.Element;
 export default EmailLinkExpired;

package/lib/pro/Login2.0/steps/SetPassword.d.ts

@@ -1,4 +1,7 @@
-/// <reference types="react" />
+/**
+ * 设置密码页面（对应图5）
+ */
+import React from 'react';
 import type { RegisterFlowData } from '../shared/registerFlow';
 import { PasswordRuleConfig } from '../hooks/usePasswordValidationRules';
 export interface SetPasswordProps {
@@ -15,5 +18,5 @@ export interface SetPasswordProps {
     /** 场景类型：create 表示注册场景，reset 表示修改密码场景 */
     scenario?: 'create' | 'reset';
 }
-declare function SetPassword({ flowData, onSubmit, onBack, loading, passwordRules, scenario, }: SetPasswordProps): JSX.Element;
+declare function SetPassword({ flowData, onSubmit, onBack, loading, passwordRules, scenario, }: SetPasswordProps): React.JSX.Element;
 export default SetPassword;

package/lib/pro/Login2.0/steps/VerificationSuccess.d.ts

@@ -1,8 +1,11 @@
-/// <reference types="react" />
+/**
+ * 验证成功页面（对应图4）
+ */
+import React from 'react';
 import type { RegisterFlowData } from '../shared/registerFlow';
 export interface VerificationSuccessProps {
     /** 流程数据 */
     flowData: RegisterFlowData;
 }
-declare function VerificationSuccess({ flowData }: VerificationSuccessProps): JSX.Element;
+declare function VerificationSuccess({ flowData }: VerificationSuccessProps): React.JSX.Element;
 export default VerificationSuccess;

package/lib/pro/Login2.0/steps/VerifyingEmailLink.d.ts

@@ -1,7 +1,10 @@
-/// <reference types="react" />
+/**
+ * 验证邮件链接中（Loading 状态）- 对应图1
+ */
+import React from 'react';
 export interface VerifyingEmailLinkProps {
     /** 加载提示文本（可选，不传则使用国际化默认文本） */
     loadingText?: string;
 }
-declare function VerifyingEmailLink({ loadingText }: VerifyingEmailLinkProps): JSX.Element;
+declare function VerifyingEmailLink({ loadingText }: VerifyingEmailLinkProps): React.JSX.Element;
 export default VerifyingEmailLink;

package/lib/pro/Login2.0/steps/WaitEmailLink.d.ts

@@ -1,4 +1,7 @@
-/// <reference types="react" />
+/**
+ * 等待邮件链接验证页面（对应图1）
+ */
+import React from 'react';
 import type { RegisterFlowData, VerificationMethod } from '../shared/registerFlow';
 export interface WaitEmailLinkProps {
     /** 流程数据 */
@@ -14,5 +17,5 @@ export interface WaitEmailLinkProps {
     /** 验证方式 */
     verificationMethod?: VerificationMethod;
 }
-declare function WaitEmailLink({ flowData, onResend, onBack, onEditEmail, countdown, verificationMethod, }: WaitEmailLinkProps): JSX.Element;
+declare function WaitEmailLink({ flowData, onResend, onBack, onEditEmail, countdown, verificationMethod, }: WaitEmailLinkProps): React.JSX.Element;
 export default WaitEmailLink;

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

@@ -30,6 +30,11 @@ export interface NumericStepperProps {
     onChange?: (value: number) => void;
     /** 自定义类名 */
     className?: string;
+    theme?: {
+        token?: {
+            colorPrimary?: string;
+        };
+    };
     /** 自定义样式 */
     styles?: {
         container?: React.CSSProperties;

package/lib/pro/NumericStepper/index.js

@@ -37,6 +37,7 @@ var import_react = require("react");
 var import_classnames = __toESM(require("classnames"));
 var import_utils = require("@pisell/utils");
 var import_keyboards = require("../keyboards");
+var import_useThemeTokens = __toESM(require("../../hooks/useThemeTokens"));
 var import_index = require("./index.less");
 var NumericStepper = ({
   value,
@@ -55,13 +56,15 @@ var NumericStepper = ({
   horizontalPadding = 0,
   variant = "separated",
   enableInput = true,
-  displayMaxWidth
+  displayMaxWidth,
+  theme
 }) => {
   const [open, setOpen] = (0, import_react.useState)(false);
   const [internalValue, setInternalValue] = (0, import_react.useState)(
     value !== void 0 ? value : defaultValue
   );
   const _isMobile = (0, import_react.useMemo)(() => (0, import_utils.isMobile)(), [import_utils.isMobile]);
+  const { colorPrimary } = (0, import_useThemeTokens.default)(theme);
   const [tempValue, setTempValue] = (0, import_react.useState)("");
   const currentValue = value !== void 0 ? value : internalValue;
   (0, import_react.useEffect)(() => {
@@ -192,7 +195,9 @@ var NumericStepper = ({
     if (isPlusOnly) {
       return null;
     }
-    const displayWrapperStyle = variant === "capsule" && displayMaxWidth ? { maxWidth: typeof displayMaxWidth === "number" ? `${displayMaxWidth}px` : displayMaxWidth } : {};
+    const displayWrapperStyle = variant === "capsule" && displayMaxWidth ? {
+      maxWidth: typeof displayMaxWidth === "number" ? `${displayMaxWidth}px` : displayMaxWidth
+    } : {};
     const displayElement = /* @__PURE__ */ React.createElement(
       "span",
       {
@@ -295,7 +300,10 @@ var NumericStepper = ({
     "div",
     {
       className: stepperClasses,
-      style: styles == null ? void 0 : styles.container,
+      style: {
+        ...(styles == null ? void 0 : styles.container) || {},
+        ["--color-primary"]: colorPrimary
+      },
       onClick: (e) => e.stopPropagation()
     },
     _minus,

package/lib/pro/NumericStepper/index.less

@@ -1,7 +1,5 @@
 // ========== 变量定义 ==========
-@primary-color: #7f56d9;
-@primary-hover: #6b46c1;
-@primary-active: #553c9a;
+@primary-color: var(--color-primary, #5d3f9f);
 
 @text-color: #101828;
 @text-secondary: #344054;
@@ -77,13 +75,7 @@
     align-items: center;
     display: flex;
     height: 100%;
-
-    &:hover .numeric-stepper-button:not(.numeric-stepper-button-disabled) {
-      background-color: @primary-hover;
-    }
-
     &:active .numeric-stepper-button:not(.numeric-stepper-button-disabled) {
-      background-color: @primary-active;
       transform: scale(0.95);
     }
 

package/lib/pro/Selector/BatchSelectorDemo.js

@@ -49,22 +49,21 @@ var dataSource = [
       { id: 1, title: "汉堡", value: "burger" },
       { id: 2, title: "披萨", value: "pizza" }
     ],
-    grid: {
-      columns: 2,
-      gutter: 16,
-      colConfig: {
-        span: 3
-      }
-    },
     ruleConfig: {
       required: 1,
       autoValidate: true
     },
     titleProps: {
-      renderExtra: () => /* @__PURE__ */ import_react.default.createElement("div", { style: {
-        flex: 1,
-        textAlign: "right"
-      } }, "额外内容")
+      renderExtra: () => /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            flex: 1,
+            textAlign: "right"
+          }
+        },
+        "额外内容"
+      )
     }
   },
   {
@@ -124,10 +123,6 @@ var dataSource = [
         cover: "https://file.mypisell-dev.com/pisel/image/9/52fe9ca4233877f2c06865d27b9fb7912022_12_01_13_32_47_147_00076174656__1080_1073__.jpeg"
       }
     ],
-    grid: {
-      columns: 3,
-      gutter: 16
-    },
     variant: "card",
     itemProps: {
       layout: "vertical",
@@ -252,7 +247,8 @@ var BatchSelectorDemo = () => {
         padding: "0",
         margin: "0 auto",
         height: "100vh",
-        overflow: "auto"
+        overflow: "auto",
+        "--theme-color": "#5d3f9f"
       },
       ref: containerRef
     },
@@ -632,9 +628,7 @@ var BatchSelectorDemo = () => {
         {
           type: "expr",
           when: {
-            and: [
-              { groupId: "31", op: "in", value: ["single", "double"] }
-            ]
+            and: [{ groupId: "31", op: "in", value: ["single", "double"] }]
           },
           then: [
             {

package/lib/pro/Selector/Item.d.ts

@@ -10,5 +10,5 @@ export interface IItemProps {
     values: any;
     children?: React.ReactNode;
 }
-declare const Item: (props: IItemProps) => JSX.Element;
+declare const Item: (props: IItemProps) => React.JSX.Element;
 export default Item;