@pisell/private-materials 6.4.55 → 6.4.57

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.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.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.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/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/StripePay/Stripe/StripeSDK/index.d.ts

@@ -1,4 +1,3 @@
-/// <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/index.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface AddClientProps {
     onChange: (value: any) => void;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Actor: ({ name }: {
     name: string;
 }) => JSX.Element;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface valueType {
 }

package/lib/components/schedules/components/ScheduleList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from 'antd';
 import { ScheduleItem } from '../../type';
 import './index.less';

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetail/MaxParticipantsModule/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const MaxParticipantsModule: ({ form, value, onChange, useSchedule, isAutoChange, onData, }: {
     form: any;

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetail/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const ProductDetail: ({ form, currentProduct, }: {
     form: any;

package/lib/components/schedules/products/ProductDetailDrawer/index.d.ts

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

package/lib/components/schedules/products/index.d.ts

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

package/lib/components/schedules/resources/index.d.ts

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

package/lib/components/schedules/resources/relationProduct/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const RelationProduct: ({ value, onChange, }: {
     value?: any;

package/lib/components/schedules/schedules/AllSchedules/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ScheduleItem } from '../../type';
 import './index.less';
 declare type AllSchedulesPropsType = {

package/lib/components/schedules/schedules/ScheduleDetailDrawer/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DrawerProps } from "antd";
 import { ScheduleItem } from "../../type";
 import "./index.less";

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

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

package/lib/components/shoppingCart/components/Render/index.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { shoppingCartProps } from './type';
 declare const shoppingCart: ({ onCard, onAction, onChange, onAddProduct, onActiveKey, ...props }: shoppingCartProps) => JSX.Element;
 export default shoppingCart;

package/lib/components/ticketBooking/components/ProductDisplayAdapter/ProductDisplayAdapter.js

@@ -0,0 +1,165 @@
+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/ticketBooking/components/ProductDisplayAdapter/ProductDisplayAdapter.tsx
+var ProductDisplayAdapter_exports = {};
+__export(ProductDisplayAdapter_exports, {
+  default: () => ProductDisplayAdapter_default
+});
+module.exports = __toCommonJS(ProductDisplayAdapter_exports);
+var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
+var import_productSelect = __toESM(require("../../../../plus/productSelect"));
+var import_List = __toESM(require("../../../list/List"));
+var import_SkuCard = __toESM(require("../../../../plus/productSelect/ProductCard/SkuCard"));
+var import_utils = require("./utils");
+var import_index = require("./index.less");
+var ProductDisplayAdapter = (props) => {
+  const {
+    config,
+    dataSource,
+    loading = false,
+    currentProductId,
+    onSelectProduct,
+    emptyDescription,
+    style,
+    className
+  } = props;
+  const { displayMode = "product-select" } = config;
+  const listRef = (0, import_react.useRef)(null);
+  const size = (0, import_ahooks.useSize)(listRef);
+  const renderProductSelect = (0, import_react.useMemo)(() => {
+    const {
+      showSearch = true,
+      showTab = true,
+      layout = { grid: true, config: "12:12" },
+      productListSetting = {
+        isProductCover: 1,
+        isTitle: 1,
+        isSubtitle: 1,
+        isPrice: 1,
+        isOriginPrice: 0,
+        isStock: 0
+      }
+    } = config.productSelectConfig || {};
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_productSelect.default,
+      {
+        dataSource,
+        layout,
+        onChange: onSelectProduct,
+        value: currentProductId,
+        loading,
+        productListSetting,
+        showSearch,
+        showTab,
+        emptyDescription,
+        style
+      }
+    );
+  }, [
+    config.productSelectConfig,
+    dataSource,
+    currentProductId,
+    onSelectProduct,
+    loading,
+    emptyDescription,
+    style
+  ]);
+  const renderSkuList = (0, import_react.useMemo)(() => {
+    const { listConfig = {}, skuCardAllConfig = {} } = config.skuListConfig || {};
+    const displayStyle = listConfig.layout || "grid";
+    const columns = listConfig.columns || 2;
+    const paginationType = listConfig.showPagination ? "pager" : "all";
+    const enableTab = listConfig.showTab || false;
+    const tabStyle = listConfig.tabStyle || "switch";
+    const stickyTop = listConfig.stickyTop !== void 0 ? listConfig.stickyTop : true;
+    const tabData = enableTab ? (0, import_utils.generateProductTabs)(dataSource, tabStyle) : void 0;
+    const filteredData = dataSource.map((item) => {
+      var _a, _b;
+      return {
+        ...item,
+        category: ((_b = (_a = item.category) == null ? void 0 : _a.map) == null ? void 0 : _b.call(_a, (category) => `${category.id}`)) || []
+      };
+    });
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `sku-list-container ${className || ""}`,
+        style,
+        ref: listRef
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_List.default,
+        {
+          className: "sku-list",
+          style: { maxHeight: size == null ? void 0 : size.height, overflow: "auto" },
+          data: filteredData,
+          loading,
+          displayStyle,
+          columns,
+          paginationType,
+          layoutDirection: "vertical",
+          tabStyle: enableTab ? tabStyle : "none",
+          tabData,
+          tabGroup: "category",
+          stickyTop,
+          emptyConfig: {
+            show: !loading && filteredData.length === 0,
+            text: emptyDescription
+          },
+          renderItem: (item, index) => /* @__PURE__ */ import_react.default.createElement(
+            import_SkuCard.default,
+            {
+              key: item.id,
+              ...skuCardAllConfig,
+              dataSource: (0, import_utils.formatSkuDataSource)(item),
+              onCardClick: () => onSelectProduct(item),
+              isSelected: item.id === currentProductId
+            }
+          )
+        }
+      )
+    );
+  }, [
+    config.skuListConfig,
+    dataSource,
+    loading,
+    currentProductId,
+    onSelectProduct,
+    emptyDescription,
+    style,
+    className,
+    size == null ? void 0 : size.height
+  ]);
+  if (displayMode === "sku-list") {
+    return renderSkuList;
+  }
+  return renderProductSelect;
+};
+var ProductDisplayAdapter_default = ProductDisplayAdapter;