@pisell/private-materials 6.5.13 → 6.5.15

package/es/components/list/styles/responsive.less

@@ -0,0 +1,166 @@
+/* 响应式样式 */
+
+/* 设备类型样式 */
+.pisell-list {
+  &.pisell-list-pc {
+    min-width: 320px;
+  }
+
+  &.pisell-list-pad {
+    min-width: 280px;
+
+    .list-items {
+      .list-item {
+        font-size: 14px;
+      }
+    }
+  }
+
+  &.pisell-list-mobile {
+    min-width: 240px;
+
+    .list-items {
+      .list-item {
+        font-size: 12px;
+      }
+    }
+  }
+}
+
+/* 响应式适配 */
+@media (max-width: 768px) {
+  .pisell-list {
+    /* 垂直模式移动端适配 */
+    &.pisell-list-vertical {
+      .list-scroll-float-button {
+        .scroll-pause-button {
+          bottom: 16px !important;
+          padding: 12px !important;
+
+          & > div {
+            width: 28px !important;
+            height: 28px !important;
+
+            .pisell-iconfont {
+              font-size: 16px !important;
+            }
+          }
+        }
+      }
+    }
+
+    /* 水平模式移动端适配 */
+    &.pisell-list-horizontal {
+      .list-scroll-float-button {
+        .scroll-pause-button {
+          right: 16px !important;
+          padding: 12px !important;
+
+          & > div {
+            width: 28px !important;
+            height: 28px !important;
+
+            .pisell-iconfont {
+              font-size: 16px !important;
+            }
+          }
+        }
+      }
+    }
+
+    .pisell-list-header {
+
+      .pisell-list-tabs {
+        gap: 6px;
+
+        .pisell-tab-item {
+          padding-left: 12px;
+          padding-right: 12px;
+          height: 36px;
+
+          .pisell-tab-item-label {
+            font-size: 12px;
+          }
+        }
+      }
+    }
+
+    .list-content {
+
+      .list-items {
+        .list-item {
+          .default-item {
+            padding: 10px;
+            min-height: 50px;
+          }
+
+          .card-item {
+            .card-image {
+              width: 100px;
+              height: 80px;
+
+              .image-text {
+                font-size: 18px;
+
+                .subtitle {
+                  font-size: 12px;
+                }
+              }
+            }
+
+            .card-content {
+              padding: 12px 16px;
+
+              .card-header {
+                .card-title {
+                  font-size: 14px;
+                }
+
+                .card-subtitle {
+                  font-size: 12px;
+                }
+              }
+
+              .card-footer {
+                .card-price {
+                  .price-main {
+                    font-size: 16px;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+
+  }
+}
+
+@media (max-width: 480px) {
+  .pisell-list {
+    .pisell-list-header {
+      .pisell-list-tabs {
+        gap: 4px;
+
+        .pisell-tab-item {
+          padding-left: 8px;
+          padding-right: 8px;
+          height: 32px;
+
+          .pisell-tab-item-label {
+            font-size: 11px;
+          }
+        }
+      }
+    }
+
+    .list-content {
+      .list-items {
+        grid-gap: 8px !important;
+        column-gap: 8px !important;
+        row-gap: 8px !important;
+      }
+    }
+  }
+}

package/es/components/list/types.d.ts

@@ -0,0 +1,177 @@
+import { ReactNode, CSSProperties } from 'react';
+/** 设备类型 */
+export declare type DeviceType = 'pc' | 'pad' | 'mobile';
+/** 设备信息 */
+export interface DeviceInfo {
+    type: DeviceType;
+    isMobile: boolean;
+    isPad: boolean;
+    isPc: boolean;
+    width: number;
+    height: number;
+}
+/** 响应式配置接口 */
+export interface ResponsiveConfig {
+    /** PC端特定配置 */
+    pc?: Partial<ListProps>;
+    /** 平板端特定配置 */
+    pad?: Partial<ListProps>;
+    /** 移动端特定配置 */
+    mobile?: Partial<ListProps>;
+}
+/** 响应式Props接口 - 继承ListProps并添加responsive属性 */
+export interface ResponsiveProps extends ListProps {
+    /** 响应式配置 */
+    responsive?: ResponsiveConfig;
+}
+/** ResponsiveWrapper 组件属性 */
+export interface ResponsiveWrapperProps extends ResponsiveProps {
+    /** 子元素 */
+    children?: ReactNode;
+}
+/** 基础列表项接口 */
+export interface BaseListItem {
+    /** 唯一标识 */
+    id: string | number;
+    /** 预设高度（瀑布流模式） */
+    height?: number;
+    /** 预设宽度（瀑布流模式） */
+    width?: number;
+    /** 其他任意属性，可以包含用于分组的字段 */
+    [key: string]: any;
+}
+/** 空状态配置接口 */
+export interface EmptyStateConfig {
+    /** 是否显示空状态 */
+    show?: boolean;
+    /** 空状态文本 */
+    text?: string;
+    /** 空状态图标 */
+    icon?: ReactNode;
+    /** 空状态描述 */
+    description?: string;
+}
+/** 分页信息接口 */
+export interface PaginationInfo {
+    /** 当前页数 */
+    current?: number;
+    /** 总页数 */
+    total?: number;
+    /** 总数据条数 */
+    totalCount?: number;
+}
+/** 布局配置接口 */
+export interface LayoutConfig {
+    /** 显示样式 */
+    displayStyle?: 'grid' | 'waterfall';
+    /** 排版方式 */
+    layoutDirection?: 'horizontal' | 'vertical';
+    /** 列数 */
+    columns?: number;
+    /** 行数 */
+    rows?: number;
+    /** 列间距 */
+    columnGap?: number;
+    /** 行间距 */
+    rowGap?: number;
+    /** 缩放倍率 */
+    zoom?: number;
+}
+/** Tab配置接口 */
+export interface TabConfig {
+    /** tab样式 */
+    tabStyle?: 'anchor' | 'switch' | 'none';
+    /** 指定用于分组的数据字段名，例如 'category'、'type' 等 */
+    tabGroup?: string;
+    /** Tab数据源 */
+    tabData?: TabItem[];
+    /** 顶部固定 */
+    stickyTop?: boolean;
+}
+/** 分页配置接口 */
+export interface PaginationConfig {
+    /** 分页方式 */
+    paginationType?: 'all' | 'scroll' | 'pager' | 'more';
+    /** 默认显示个数 */
+    defaultPageSize?: number;
+    /** 每次加载个数 */
+    pageSize?: number;
+    /** 分页信息 */
+    pagination?: PaginationInfo;
+}
+/** 泛型List组件Props接口 */
+export interface ListProps<TItem extends BaseListItem = BaseListItem> {
+    /** 基础属性 */
+    className?: string;
+    style?: CSSProperties;
+    width?: string | number;
+    height?: string | number;
+    /** 布局配置 */
+    displayStyle?: LayoutConfig['displayStyle'];
+    layoutDirection?: LayoutConfig['layoutDirection'];
+    columns?: LayoutConfig['columns'];
+    rows?: LayoutConfig['rows'];
+    columnGap?: LayoutConfig['columnGap'];
+    rowGap?: LayoutConfig['rowGap'];
+    zoom?: LayoutConfig['zoom'];
+    /** Tab配置 */
+    tabStyle?: TabConfig['tabStyle'];
+    tabGroup?: TabConfig['tabGroup'];
+    tabData?: TabConfig['tabData'];
+    stickyTop?: TabConfig['stickyTop'];
+    /** 分页配置 */
+    paginationType?: PaginationConfig['paginationType'];
+    defaultPageSize?: PaginationConfig['defaultPageSize'];
+    pageSize?: PaginationConfig['pageSize'];
+    pagination?: PaginationConfig['pagination'];
+    /** 数据和渲染 */
+    data?: TItem[];
+    children?: ReactNode;
+    renderItem?: (item: TItem, index: number) => ReactNode;
+    /** 回调函数 */
+    onLoadData?: (params: LoadDataParams) => void;
+    /** 状态配置 */
+    emptyConfig?: EmptyStateConfig;
+    loading?: boolean;
+}
+/** 向后兼容的非泛型版本 */
+export interface LegacyListProps extends ListProps<any> {
+    /** 兼容旧的any[]类型 */
+    data?: any[];
+    renderItem?: (item: any, index: number) => ReactNode;
+}
+export interface TabItem {
+    /** 唯一标识，同时用作anchor模式下的锚点标识 */
+    key: string;
+    /** 显示文本 */
+    label: string;
+    /** 分组值，对应数据项中 tabGroup 指定字段的值 */
+    group?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+}
+export interface LoadMoreParams {
+    /** 当前页码 */
+    currentPage: number;
+    /** 每页数量 */
+    pageSize: number;
+    /** 当前tab */
+    activeTab?: string;
+}
+/** 数据加载触发类型 */
+export declare type LoadDataTrigger = 'tabChange' | 'pagination' | 'pageSize' | 'loadMore' | 'scroll';
+/** 统一的数据加载参数 */
+export interface LoadDataParams {
+    /** 触发类型 */
+    trigger: LoadDataTrigger;
+    /** 当前页码 */
+    currentPage: number;
+    /** 每页数量 */
+    pageSize: number;
+    /** 当前激活的tab */
+    activeTab?: string;
+    /** 上一页页码（分页变化时提供） */
+    previousPage?: number;
+    /** 上一页大小（页大小变化时提供） */
+    previousPageSize?: number;
+}

package/es/components/list/types.js

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

package/es/components/list/utils/getText.d.ts

@@ -0,0 +1,53 @@
+/**
+ * 国际化文案获取工具函数
+ * 参考 AmountSummary 组件的实现方式，使用 useEngineContext 获取语言设置
+ *
+ * @example
+ * ```typescript
+ * import { useGetText } from './utils';
+ * import locales from './locales';
+ *
+ * const MyComponent = () => {
+ *   const { getText, getTextFunc } = useGetText(locales);
+ *
+ *   // 获取字符串文案
+ *   const title = getText('component.title', 'Default Title');
+ *
+ *   // 获取函数类型文案
+ *   const formatFunc = getTextFunc('component.format');
+ *   const formattedText = typeof formatFunc === 'function'
+ *     ? formatFunc(arg1, arg2)
+ *     : 'Default Text';
+ *
+ *   return <div>{title}</div>;
+ * };
+ * ```
+ */
+export declare type SupportedLanguage = 'en' | 'zh-CN' | 'zh-HK';
+export interface LocalesObject {
+    [key: string]: {
+        [key: string]: string | ((...args: any[]) => string);
+    };
+}
+export interface GetTextFunctions {
+    getText: (key: string, fallback?: string) => string;
+    getTextFunc: (key: string) => any;
+    getCurrentLanguage: () => string;
+}
+/**
+ * 使用 useEngineContext 创建本地化文案获取函数的 Hook
+ * @param locales - 本地化文案对象
+ * @returns getText 和 getTextFunc 函数
+ */
+export declare const useGetText: (locales: LocalesObject) => GetTextFunctions;
+/**
+ * 创建本地化文案获取函数（非 Hook 版本，保持向后兼容）
+ * @param locales - 本地化文案对象
+ * @returns getText 和 getTextFunc 函数
+ * @deprecated 推荐使用 useGetText Hook 版本
+ */
+export declare const createGetText: (locales: LocalesObject) => GetTextFunctions;
+/**
+ * 默认导出：直接创建一个通用的 getText 函数工厂
+ */
+export default createGetText;

package/es/components/list/utils/getText.js

@@ -0,0 +1,150 @@
+/**
+ * 国际化文案获取工具函数
+ * 参考 AmountSummary 组件的实现方式，使用 useEngineContext 获取语言设置
+ * 
+ * @example
+ * ```typescript
+ * import { useGetText } from './utils';
+ * import locales from './locales';
+ * 
+ * const MyComponent = () => {
+ *   const { getText, getTextFunc } = useGetText(locales);
+ *   
+ *   // 获取字符串文案
+ *   const title = getText('component.title', 'Default Title');
+ *   
+ *   // 获取函数类型文案
+ *   const formatFunc = getTextFunc('component.format');
+ *   const formattedText = typeof formatFunc === 'function' 
+ *     ? formatFunc(arg1, arg2) 
+ *     : 'Default Text';
+ *     
+ *   return <div>{title}</div>;
+ * };
+ * ```
+ */
+
+import useEngineContext from "../../../hooks/useEngineContext";
+// 导入全局 locales 作为回退
+// import { locales } from '@pisell/utils';
+
+// 支持的语言类型
+
+// 本地化文案对象类型
+
+// getText 函数返回类型
+
+// Engine Context 类型定义
+
+/**
+ * 使用 useEngineContext 创建本地化文案获取函数的 Hook
+ * @param locales - 本地化文案对象
+ * @returns getText 和 getTextFunc 函数
+ */
+export var useGetText = function useGetText(locales) {
+  var context = useEngineContext();
+
+  /**
+   * 获取当前语言
+   * 参考 AmountSummary 组件的实现方式
+   */
+  var getCurrentLanguage = function getCurrentLanguage() {
+    var _context$appHelper, _context$appHelper$ge, _context$appHelper$ge2, _context$appHelper2;
+    return ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.utils) === null || _context$appHelper === void 0 || (_context$appHelper$ge = _context$appHelper.getApp) === null || _context$appHelper$ge === void 0 || (_context$appHelper$ge = _context$appHelper$ge.call(_context$appHelper)) === null || _context$appHelper$ge === void 0 || (_context$appHelper$ge = _context$appHelper$ge.locales) === null || _context$appHelper$ge === void 0 || (_context$appHelper$ge2 = _context$appHelper$ge.getLocale) === null || _context$appHelper$ge2 === void 0 ? void 0 : _context$appHelper$ge2.call(_context$appHelper$ge)) || ((_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 || (_context$appHelper2 = _context$appHelper2.utils) === null || _context$appHelper2 === void 0 || (_context$appHelper2 = _context$appHelper2.storage) === null || _context$appHelper2 === void 0 ? void 0 : _context$appHelper2.get('umi_locale')) || 'zh-CN';
+  };
+
+  /**
+   * 获取字符串类型的文案
+   * @param key - 文案键名
+   * @param fallback - 回退文案
+   * @returns 本地化文案字符串
+   */
+  var getText = function getText(key, fallback) {
+    var _locales;
+    var currentLang = getCurrentLanguage();
+    var localText = (_locales = locales[currentLang]) === null || _locales === void 0 ? void 0 : _locales[key];
+    if (typeof localText === 'string') {
+      return localText;
+    }
+
+    // 回退到全局语言包（如果可用）
+    // const globalText = locales?.getText(key);
+    // if (globalText) {
+    //   return globalText;
+    // }
+
+    // 最终回退到默认值
+    return fallback || '';
+  };
+
+  /**
+   * 获取任意类型的文案（包括函数类型）
+   * @param key - 文案键名
+   * @returns 本地化文案（可能是字符串或函数）
+   */
+  var getTextFunc = function getTextFunc(key) {
+    var _locales2;
+    var currentLang = getCurrentLanguage();
+    var localText = (_locales2 = locales[currentLang]) === null || _locales2 === void 0 ? void 0 : _locales2[key];
+    return localText;
+  };
+  return {
+    getText: getText,
+    getTextFunc: getTextFunc,
+    getCurrentLanguage: getCurrentLanguage
+  };
+};
+
+/**
+ * 创建本地化文案获取函数（非 Hook 版本，保持向后兼容）
+ * @param locales - 本地化文案对象
+ * @returns getText 和 getTextFunc 函数
+ * @deprecated 推荐使用 useGetText Hook 版本
+ */
+export var createGetText = function createGetText(locales) {
+  // 获取当前语言的函数（非 Hook 版本）
+  var getCurrentLanguage = function getCurrentLanguage() {
+    // 获取当前语言，优先从 localStorage 或其他来源获取
+    return (typeof window !== 'undefined' ? localStorage.getItem('umi_locale') : null) || 'zh-CN';
+  };
+
+  /**
+   * 获取字符串类型的文案
+   * @param key - 文案键名
+   * @param fallback - 回退文案
+   * @returns 本地化文案字符串
+   */
+  var getText = function getText(key, fallback) {
+    var _locales3;
+    var currentLang = getCurrentLanguage();
+    var localText = (_locales3 = locales[currentLang]) === null || _locales3 === void 0 ? void 0 : _locales3[key];
+    if (typeof localText === 'string') {
+      return localText;
+    }
+
+    // 回退到默认值
+    return fallback || '';
+  };
+
+  /**
+   * 获取任意类型的文案（包括函数类型）
+   * @param key - 文案键名
+   * @returns 本地化文案（可能是字符串或函数）
+   */
+  var getTextFunc = function getTextFunc(key) {
+    var _locales4;
+    var currentLang = getCurrentLanguage();
+    var localText = (_locales4 = locales[currentLang]) === null || _locales4 === void 0 ? void 0 : _locales4[key];
+    return localText;
+  };
+  return {
+    getText: getText,
+    getTextFunc: getTextFunc,
+    getCurrentLanguage: getCurrentLanguage
+  };
+};
+
+/**
+ * 默认导出：直接创建一个通用的 getText 函数工厂
+ */
+export default createGetText;

package/es/components/list/utils/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * List 组件工具函数导出
+ */
+export { useGetText, createGetText, default as createGetTextDefault, type SupportedLanguage, type LocalesObject, type GetTextFunctions } from './getText';

package/es/components/list/utils/index.js

@@ -0,0 +1,5 @@
+/**
+ * List 组件工具函数导出
+ */
+
+export { useGetText, createGetText, default as createGetTextDefault } from "./getText";

package/es/components/login/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 export interface LoginProps {
     title: string;

package/es/components/pay/toB/components/CardGroup/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PayMethod, PayMethodGroup } from '../../types';
 import './index.less';
 declare const ToBPayCardGroup: (props: {

package/es/components/pay/toB/components/Content/Header.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const ToBPayTitle: (props: {
     amount: number | string;
 }) => JSX.Element;

package/es/components/pay/toB/store/hooks.js

@@ -2,10 +2,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-import React from 'react';
+import React, { useRef } from 'react';
 import { ToBPayContext } from "./index";
 import { usePisellOS } from "../../../../hooks/useEngineContext";
 import { handlePayMethodList } from "./utils";
+import { useActiveExecute } from "../../../ticketBooking/hooks/pisellos";
 
 /**
  * 使用商家端支付的Hook
@@ -32,15 +33,28 @@ export var useOSPaymentEffect = function useOSPaymentEffect() {
   var _useToBPay = useToBPay(),
     setOrder = _useToBPay.setOrder,
     setPayMethodGroupList = _useToBPay.setPayMethodGroupList;
+  var _useActiveExecute = useActiveExecute(),
+    executeIfActive = _useActiveExecute.executeIfActive;
+  var unlisten1 = useRef(null);
+  var unlisten2 = useRef(null);
   var osPaymentEffectOn = function osPaymentEffectOn() {
+    var wrappedOnPaymentMethodsChanged = executeIfActive(onPaymentMethodsChanged);
+    var wrappedOnOrderChanged = executeIfActive(onOrderChanged);
+
     // 监听OS的支付方式列表变化
-    pisellOS.effects.on('payment:onPaymentMethodsChanged', onPaymentMethodsChanged);
+    unlisten1.current = pisellOS.effects.on('payment:onPaymentMethodsChanged', wrappedOnPaymentMethodsChanged);
     // 监听OS的订单信息变化，包括订单、支付项发生改变、删除、修改信息等操作
-    pisellOS.effects.on('payment:onOrderChanged', onOrderChanged);
+    unlisten2.current = pisellOS.effects.on('payment:onOrderChanged', wrappedOnOrderChanged);
   };
   var osPaymentEffectOff = function osPaymentEffectOff() {
-    pisellOS.effects.off('payment:onPaymentMethodsChanged', onPaymentMethodsChanged);
-    pisellOS.effects.off('payment:onOrderChanged', onOrderChanged);
+    if (unlisten1.current) {
+      var _unlisten1$current;
+      (_unlisten1$current = unlisten1.current) === null || _unlisten1$current === void 0 || _unlisten1$current.call(unlisten1);
+    }
+    if (unlisten2.current) {
+      var _unlisten2$current;
+      (_unlisten2$current = unlisten2.current) === null || _unlisten2$current === void 0 || _unlisten2$current.call(unlisten2);
+    }
   };
   var onPaymentMethodsChanged = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(res) {

package/es/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/ThreedsLoading/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const ThreedsLoading: ({ title, showSuccessBackButton, onSuccessBack }: any) => JSX.Element;
 export default ThreedsLoading;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/Finish/index.d.ts

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

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/SDK.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/PageLoading/index.d.ts

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

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/PaymentRequestForm.d.ts

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