@pisell/private-materials 6.5.13 → 6.5.15

package/lib/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/lib/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/lib/components/list/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/list/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/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/lib/components/list/utils/getText.js

@@ -0,0 +1,95 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/list/utils/getText.ts
+var getText_exports = {};
+__export(getText_exports, {
+  createGetText: () => createGetText,
+  default: () => getText_default,
+  useGetText: () => useGetText
+});
+module.exports = __toCommonJS(getText_exports);
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var useGetText = (locales) => {
+  const context = (0, import_useEngineContext.default)();
+  const getCurrentLanguage = () => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    return ((_f = (_e = (_d = (_c = (_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.getApp) == null ? void 0 : _c.call(_b)) == null ? void 0 : _d.locales) == null ? void 0 : _e.getLocale) == null ? void 0 : _f.call(_e)) || ((_i = (_h = (_g = context.appHelper) == null ? void 0 : _g.utils) == null ? void 0 : _h.storage) == null ? void 0 : _i.get("umi_locale")) || "zh-CN";
+  };
+  const getText = (key, fallback) => {
+    var _a;
+    const currentLang = getCurrentLanguage();
+    const localText = (_a = locales[currentLang]) == null ? void 0 : _a[key];
+    if (typeof localText === "string") {
+      return localText;
+    }
+    return fallback || "";
+  };
+  const getTextFunc = (key) => {
+    var _a;
+    const currentLang = getCurrentLanguage();
+    const localText = (_a = locales[currentLang]) == null ? void 0 : _a[key];
+    return localText;
+  };
+  return {
+    getText,
+    getTextFunc,
+    getCurrentLanguage
+  };
+};
+var createGetText = (locales) => {
+  const getCurrentLanguage = () => {
+    return (typeof window !== "undefined" ? localStorage.getItem("umi_locale") : null) || "zh-CN";
+  };
+  const getText = (key, fallback) => {
+    var _a;
+    const currentLang = getCurrentLanguage();
+    const localText = (_a = locales[currentLang]) == null ? void 0 : _a[key];
+    if (typeof localText === "string") {
+      return localText;
+    }
+    return fallback || "";
+  };
+  const getTextFunc = (key) => {
+    var _a;
+    const currentLang = getCurrentLanguage();
+    const localText = (_a = locales[currentLang]) == null ? void 0 : _a[key];
+    return localText;
+  };
+  return {
+    getText,
+    getTextFunc,
+    getCurrentLanguage
+  };
+};
+var getText_default = createGetText;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createGetText,
+  useGetText
+});

package/lib/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/lib/components/list/utils/index.js

@@ -0,0 +1,43 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/list/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  createGetText: () => import_getText.createGetText,
+  createGetTextDefault: () => import_getText.default,
+  useGetText: () => import_getText.useGetText
+});
+module.exports = __toCommonJS(utils_exports);
+var import_getText = __toESM(require("./getText"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createGetText,
+  createGetTextDefault,
+  useGetText
+});

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

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

package/lib/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/lib/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/lib/components/pay/toB/store/hooks.js

@@ -38,6 +38,7 @@ var import_react = __toESM(require("react"));
 var import_index = require("./index");
 var import_useEngineContext = require("../../../../hooks/useEngineContext");
 var import_utils = require("./utils");
+var import_pisellos = require("../../../ticketBooking/hooks/pisellos");
 var useToBPay = () => {
   const context = import_react.default.useContext(import_index.ToBPayContext);
   if (!context) {
@@ -52,19 +53,26 @@ var useOSPayment = () => {
 var useOSPaymentEffect = () => {
   const pisellOS = (0, import_useEngineContext.usePisellOS)();
   const { setOrder, setPayMethodGroupList } = useToBPay();
+  const { executeIfActive } = (0, import_pisellos.useActiveExecute)();
+  const unlisten1 = (0, import_react.useRef)(null);
+  const unlisten2 = (0, import_react.useRef)(null);
   const osPaymentEffectOn = () => {
-    pisellOS.effects.on(
+    const wrappedOnPaymentMethodsChanged = executeIfActive(onPaymentMethodsChanged);
+    const wrappedOnOrderChanged = executeIfActive(onOrderChanged);
+    unlisten1.current = pisellOS.effects.on(
       "payment:onPaymentMethodsChanged",
-      onPaymentMethodsChanged
+      wrappedOnPaymentMethodsChanged
     );
-    pisellOS.effects.on("payment:onOrderChanged", onOrderChanged);
+    unlisten2.current = pisellOS.effects.on("payment:onOrderChanged", wrappedOnOrderChanged);
   };
   const osPaymentEffectOff = () => {
-    pisellOS.effects.off(
-      "payment:onPaymentMethodsChanged",
-      onPaymentMethodsChanged
-    );
-    pisellOS.effects.off("payment:onOrderChanged", onOrderChanged);
+    var _a, _b;
+    if (unlisten1.current) {
+      (_a = unlisten1.current) == null ? void 0 : _a.call(unlisten1);
+    }
+    if (unlisten2.current) {
+      (_b = unlisten2.current) == null ? void 0 : _b.call(unlisten2);
+    }
   };
   const onPaymentMethodsChanged = async (res) => {
     console.log("tob_pay_onPaymentMethodsChanged", res);

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

package/lib/components/pisellSelectCustomerModal/RightPanel/Add/BirthdayField/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const DateSectionCom: ({ value, onChange, showTime, className, style, useSpace, format, itemStyle, }: any) => JSX.Element;
 export default DateSectionCom;

package/lib/components/pisellSelectCustomerModal/RightPanel/Add/GenderField/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const GenderField: (props: any) => JSX.Element;
 export default GenderField;

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

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

package/lib/components/productExtension/fields/SelectProducts/ProductItem/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const ProductItem: ({ item, onClick, amountSymbol, style, className, }: any) => JSX.Element;
 export default ProductItem;