@pisell/private-materials 6.3.90 → 6.3.92

package/lib/plus/walletPassGallery/index.js

@@ -62,6 +62,7 @@ var TAGS = [
 ];
 var WalletPassGallery = (props) => {
   var _a, _b, _c, _d, _e, _f, _g;
+  const { hideAddButton, hideTitle, customer, platform: platformProp } = props;
   const [activeKey, setActiveKey] = (0, import_react.useState)("available");
   const [currentItemId, setCurrentItemId] = (0, import_react.useState)(void 0);
   const [isOpenAddModal, setIsOpenAddModal] = (0, import_react.useState)(false);
@@ -70,16 +71,20 @@ var WalletPassGallery = (props) => {
   const [updateHolderLoading, setUpdateHolderLoading] = (0, import_react.useState)(false);
   const context = (0, import_useEngineContext.default)();
   const utils = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
+  const { apiPrefix } = ((_b = context.appHelper) == null ? void 0 : _b.constants) || { apiPrefix: "/h5" };
+  const { isTerminal, isApp, interaction } = utils;
+  const isTerminalEnv = (typeof isTerminal === "function" ? isTerminal() : !!isTerminal) || (isApp == null ? void 0 : isApp());
   const platform = (0, import_react.useMemo)(() => {
+    if (platformProp) return platformProp;
     if (utils.isMobile) {
       return utils.isMobile() ? "h5" : "pc";
     }
     if (typeof window !== "undefined") {
       return window.innerWidth <= 768 ? "h5" : "pc";
     }
-  }, [utils]);
-  const dvaStore = (_c = (_b = utils == null ? void 0 : utils.getStore) == null ? void 0 : _b.call(utils)) == null ? void 0 : _c.getState();
-  import_utils.locales.init(import_locales.default, ((_d = dvaStore == null ? void 0 : dvaStore.core) == null ? void 0 : _d.translateLocale) || "en");
+    return "pc";
+  }, [utils, platformProp]);
+  import_utils.locales.init(import_locales.default, ((_d = (_c = context == null ? void 0 : context.engine) == null ? void 0 : _c.props) == null ? void 0 : _d.locale) || "en");
   import_utils2.request.setRequest(utils == null ? void 0 : utils.request);
   const _getWalletDetail = (0, import_ahooks.useRequest)(import_serve.getWalletDetail, {
     manual: true
@@ -89,15 +94,21 @@ var WalletPassGallery = (props) => {
       const _searchParams = new URLSearchParams(window.location.search);
       const walletId = _searchParams.get("id");
       const holderId = _searchParams.get("holder_id");
-      const res = await (0, import_serve.getWalletPassList)({
-        available: 1,
-        num: 20,
-        skip: (d == null ? void 0 : d.nextId) || 1,
-        tags: TAGS,
-        filter_wallet_id: walletId || void 0,
-        filter_holder_id: holderId || void 0,
-        with: ["customScheduleSnapshot", "holder.detail"]
-      });
+      const res = await (0, import_serve.getWalletPassList)(
+        {
+          available: 1,
+          num: 20,
+          skip: (d == null ? void 0 : d.nextId) || 1,
+          tags: TAGS,
+          filter_wallet_id: walletId || void 0,
+          filter_holder_id: holderId || void 0,
+          with: ["customScheduleSnapshot", "holder.detail"],
+          customer_id: customer == null ? void 0 : customer.id
+        },
+        {
+          apiPrefix
+        }
+      );
       return {
         list: (res == null ? void 0 : res.list) || [],
         count: (res == null ? void 0 : res.count) || 0,
@@ -119,15 +130,21 @@ var WalletPassGallery = (props) => {
       const _searchParams = new URLSearchParams(window.location.search);
       const walletId = _searchParams.get("id");
       const holderId = _searchParams.get("holder_id");
-      const res = await (0, import_serve.getWalletPassList)({
-        available: 0,
-        num: 20,
-        skip: (d == null ? void 0 : d.nextId) || 1,
-        tags: TAGS,
-        filter_wallet_id: walletId || void 0,
-        filter_holder_id: holderId || void 0,
-        with: ["customScheduleSnapshot", "holder.detail"]
-      });
+      const res = await (0, import_serve.getWalletPassList)(
+        {
+          available: 0,
+          num: 20,
+          skip: (d == null ? void 0 : d.nextId) || 1,
+          tags: TAGS,
+          filter_wallet_id: walletId || void 0,
+          filter_holder_id: holderId || void 0,
+          with: ["customScheduleSnapshot", "holder.detail"],
+          customer_id: customer == null ? void 0 : customer.id
+        },
+        {
+          apiPrefix
+        }
+      );
       return {
         list: (res == null ? void 0 : res.list) || [],
         count: (res == null ? void 0 : res.count) || 0,
@@ -150,8 +167,8 @@ var WalletPassGallery = (props) => {
     if (walletId) {
       _getWalletDetail.runAsync(walletId);
     }
-    const req1 = _getAvailableList.loadMoreAsync();
-    const req2 = _getUnavailableList.loadMoreAsync();
+    const req1 = _getAvailableList.reloadAsync();
+    const req2 = _getUnavailableList.reloadAsync();
     let req3 = passId ? (0, import_serve.getWalletPassDetail)(passId, {
       with: ["holder.detail"]
     }) : Promise.resolve();
@@ -222,7 +239,22 @@ var WalletPassGallery = (props) => {
         }
       }
     });
+  }, [customer]);
+  (0, import_react.useEffect)(() => {
+    var _a2, _b2;
+    (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.mountFunction) == null ? void 0 : _b2.call(_a2, "customer", "new", () => {
+      try {
+        _getAvailableList.reloadAsync();
+        _getUnavailableList.reloadAsync();
+      } catch (err) {
+        console.error(err);
+      }
+    });
   }, []);
+  const listReload = () => {
+    _getAvailableList.reloadAsync();
+    _getUnavailableList.reloadAsync();
+  };
   const _getUnbindList = (0, import_ahooks.useRequest)(import_serve.getUnbindList, {
     manual: true,
     onSuccess: (data) => {
@@ -266,6 +298,20 @@ var WalletPassGallery = (props) => {
     const newId = key === KEYS.unavailable ? (_a2 = _unavailable[0]) == null ? void 0 : _a2.id : (_b2 = _avaliable[0]) == null ? void 0 : _b2.id;
     setCurrentItemId(newId);
   };
+  const handleAddClick = () => {
+    var _a2, _b2;
+    if (isTerminalEnv) {
+      (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
+        module: "customer",
+        key: "new",
+        data: {
+          customer_id: String((customer == null ? void 0 : customer.id) || "")
+        }
+      });
+      return;
+    }
+    setIsOpenAddModal(true);
+  };
   const _resetSearchState = () => {
     setCurrentUnbindItem(null);
     _getUnbindList.mutate([]);
@@ -339,6 +385,32 @@ 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;
@@ -372,15 +444,7 @@ var WalletPassGallery = (props) => {
     );
     return found2;
   }, [currentItemId, _avaliable, _unavailable]);
-  const _pcTitle = /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery_title" }, /* @__PURE__ */ import_react.default.createElement(Title, null, ((_g = utils == null ? void 0 : utils.translation) == null ? void 0 : _g.call(utils, (_f = (_e = _getWalletDetail.data) == null ? void 0 : _e.data) == null ? void 0 : _f.name)) || import_utils.locales.getText("wallet-pass-gallery.wallet")), platform === "pc" ? /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Button,
-    {
-      icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-plus" }),
-      size: "large",
-      onClick: () => setIsOpenAddModal(true)
-    },
-    import_utils.locales.getText("wallet-pass-gallery.add")
-  ) : null);
+  const _pcTitle = /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery_title" }, hideTitle ? null : /* @__PURE__ */ import_react.default.createElement(Title, null, ((_g = utils == null ? void 0 : utils.translation) == null ? void 0 : _g.call(utils, (_f = (_e = _getWalletDetail.data) == null ? void 0 : _e.data) == null ? void 0 : _f.name)) || import_utils.locales.getText("wallet-pass-gallery.wallet")));
   const renderAvaliableList = () => {
     if (platform === "h5") {
       return /* @__PURE__ */ import_react.default.createElement(
@@ -407,7 +471,15 @@ var WalletPassGallery = (props) => {
         onChange: _handleCardClick,
         onEditHolder: setEditHolderData
       }
-    )), /* @__PURE__ */ import_react.default.createElement(ACol, { flex: "auto" }, /* @__PURE__ */ import_react.default.createElement(import_passDetail.default, { dataSource: _currentItem, platform })));
+    )), /* @__PURE__ */ import_react.default.createElement(ACol, { flex: "auto" }, /* @__PURE__ */ import_react.default.createElement(
+      import_passDetail.default,
+      {
+        dataSource: _currentItem,
+        platform,
+        onDetailRefresh: _handleDetailRefresh,
+        onListRefresh: listReload
+      }
+    )));
   };
   const renderUnavailableList = () => {
     if (platform === "h5") {
@@ -435,9 +507,19 @@ var WalletPassGallery = (props) => {
         onChange: _handleCardClick,
         onEditHolder: setEditHolderData
       }
-    )), /* @__PURE__ */ import_react.default.createElement(ACol, { flex: "auto" }, /* @__PURE__ */ import_react.default.createElement(import_passDetail.default, { dataSource: _currentItem, platform })));
+    )), /* @__PURE__ */ import_react.default.createElement(ACol, { flex: "auto" }, /* @__PURE__ */ import_react.default.createElement(
+      import_passDetail.default,
+      {
+        dataSource: _currentItem,
+        platform,
+        onDetailRefresh: _handleDetailRefresh,
+        onListRefresh: listReload
+      }
+    )));
+  };
+  const renderTabBar = (props2, DefaultTabBar) => {
+    return /* @__PURE__ */ import_react.default.createElement("div", { style: { zIndex: 99, position: "sticky", top: 0 } }, /* @__PURE__ */ import_react.default.createElement(DefaultTabBar, { ...props2, style: { background: "white" } }));
   };
-  const renderTabBar = (props2, DefaultTabBar) => /* @__PURE__ */ import_react.default.createElement("div", { style: { zIndex: 99, position: "sticky", top: 0 } }, /* @__PURE__ */ import_react.default.createElement(DefaultTabBar, { ...props2, style: { background: "white" } }));
   const renderContent = () => {
     var _a2, _b2;
     return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery_content" }, /* @__PURE__ */ import_react.default.createElement(
@@ -461,7 +543,16 @@ var WalletPassGallery = (props) => {
             children: renderUnavailableList(),
             badge: ((_b2 = _getUnavailableList.data) == null ? void 0 : _b2.count) || 0
           }
-        ]
+        ],
+        tabBarExtraContent: platform === "pc" && !hideAddButton ? /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Button,
+          {
+            icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-plus" }),
+            size: "large",
+            onClick: handleAddClick
+          },
+          import_utils.locales.getText("wallet-pass-gallery.add")
+        ) : null
       }
     ));
   };
@@ -534,8 +625,8 @@ var WalletPassGallery = (props) => {
     );
   };
   const renderH5Content = () => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
-    const _walletBar = !((_c2 = (_b2 = (_a2 = utils == null ? void 0 : utils.interaction) == null ? void 0 : _a2.utils) == null ? void 0 : _b2.isAppEnv) == null ? void 0 : _c2.call(_b2)) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery-bar" }, /* @__PURE__ */ import_react.default.createElement(
+    var _a2, _b2, _c2, _d2;
+    const _walletBar = !((_a2 = utils == null ? void 0 : utils.isApp) == null ? void 0 : _a2.call(utils)) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery-bar" }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: "pisell-wallet-pass-gallery-header-bar-arrow",
@@ -544,15 +635,15 @@ var WalletPassGallery = (props) => {
         }
       },
       /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-chevron-left" })
-    ), /* @__PURE__ */ import_react.default.createElement("span", { className: "header-title" }, ((_f2 = utils == null ? void 0 : utils.translation) == null ? void 0 : _f2.call(utils, (_e2 = (_d2 = _getWalletDetail.data) == null ? void 0 : _d2.data) == null ? void 0 : _e2.name)) || import_utils.locales.getText("wallet-pass-gallery.wallet")));
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, _walletBar, renderContent(), /* @__PURE__ */ import_react.default.createElement(
+    ), /* @__PURE__ */ import_react.default.createElement("span", { className: "header-title" }, ((_d2 = utils == null ? void 0 : utils.translation) == null ? void 0 : _d2.call(utils, (_c2 = (_b2 = _getWalletDetail.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.name)) || import_utils.locales.getText("wallet-pass-gallery.wallet")));
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, _walletBar, renderContent(), hideAddButton ? null : /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         style: {
           padding: 24
         }
       },
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "large", onClick: () => setIsOpenAddModal(true), block: true }, import_utils.locales.getText("wallet-pass-gallery.button.add"))
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "large", onClick: handleAddClick, block: true }, import_utils.locales.getText("wallet-pass-gallery.button.add"))
     ), /* @__PURE__ */ import_react.default.createElement(
       import_materials.PisellModal,
       {
@@ -564,7 +655,15 @@ var WalletPassGallery = (props) => {
         footer: null,
         title: import_utils.locales.getText("wallet-pass-gallery.details")
       },
-      /* @__PURE__ */ import_react.default.createElement(import_passDetail.default, { dataSource: _currentItem, platform })
+      /* @__PURE__ */ import_react.default.createElement(
+        import_passDetail.default,
+        {
+          dataSource: _currentItem,
+          platform,
+          onDetailRefresh: _handleDetailRefresh,
+          onListRefresh: listReload
+        }
+      )
     ));
   };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(

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

@@ -87,7 +87,9 @@ export declare type ErrorCallback = () => void;
  * @returns Promise<{list: IWalletListItemProps[], count: number}> 钱包列表和总数
  * @throws 请求失败时抛出错误
  */
-export declare const getWalletPassList: (params?: IWalletListParmsProps) => Promise<{
+export declare const getWalletPassList: (params: IWalletListParmsProps, options?: {
+    apiPrefix: string;
+}) => Promise<{
     list: IWalletListItemProps[];
     count: number;
 }>;

package/lib/plus/walletPassGallery/serve.js

@@ -35,9 +35,9 @@ __export(serve_exports, {
 module.exports = __toCommonJS(serve_exports);
 var import_utils = require("../../utils");
 var import_utils2 = require("@pisell/utils");
-var getWalletPassList = async (params) => {
+var getWalletPassList = async (params, options) => {
   try {
-    const { data } = await import_utils.request.getRequest().get(`/h5/machinecode/lowcode/list`, params);
+    const { data } = await import_utils.request.getRequest().get(`${(options == null ? void 0 : options.apiPrefix) || "/h5"}/machinecode/lowcode/list`, params);
     return data || { list: [], count: 0 };
   } catch (error) {
     console.error(

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/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;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const SelectorDemo: () => JSX.Element;
+import React from 'react';
+declare const SelectorDemo: () => React.JSX.Element;
 export default SelectorDemo;

package/lib/pro/keyboards/numberKeyboard/index.d.ts

@@ -10,7 +10,7 @@ declare const NumberKeyboardBase: React.FC<NumberKeyboardBaseProps>;
  * NumberKeyboard - 数字输入键盘
  * 支持基础形式展示、popover 形态或 modal 形态
  */
-declare const NumberKeyboard: (props: NumberKeyboardProps) => JSX.Element | null;
+declare const NumberKeyboard: (props: NumberKeyboardProps) => React.JSX.Element | null;
 export default NumberKeyboard;
 export { NumberKeyboardBase };
 export type { NumberKeyboardProps, NumberKeyboardBaseProps, NumberKeyboardMode, } from './types';

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

@@ -24,5 +24,5 @@ interface NumberKeyboardProps {
     /** 输入框的样式 */
     inputStyle?: React.CSSProperties;
 }
-declare const NumberKeyboard: (props: NumberKeyboardProps) => JSX.Element;
+declare const NumberKeyboard: (props: NumberKeyboardProps) => React.JSX.Element;
 export default NumberKeyboard;

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PopoverProps } from 'antd';
+import './index.less';
+interface PisellPhoneKeyboardProps {
+    value?: string;
+    onChange: (e: string) => void;
+    popoverProps: PopoverProps;
+    virtualKeyboardProps?: any;
+    keyboardProps?: any;
+    virtualKeyInputProps?: any;
+}
+declare const PisellPhoneKeyboard: (props: PisellPhoneKeyboardProps) => React.JSX.Element;
+export default PisellPhoneKeyboard;