@pisell/private-materials 6.6.9 → 6.6.11

package/dist/es/components/wallet/components/UsageRules/index.js

@@ -1,74 +0,0 @@
-import React from "react";
-import { Typography } from "@pisell/materials";
-import "./index.less";
-
-//#region src/components/wallet/components/UsageRules/index.tsx
-const { Text } = Typography;
-function UsageRules({ className = "", style, rules, personalLimit = {
-	total: 5,
-	remaining: 3,
-	note: "用完后此券将自动失效"
-}, locales }) {
-	const interpolateText = (text, variables) => {
-		return text.replace(/\{(\w+)\}/g, (match, key) => {
-			return variables[key] !== void 0 ? variables[key] : match;
-		});
-	};
-	const getText = (key, fallback) => {
-		return locales?.getText(key) || fallback || key;
-	};
-	const getRuleDescription = (type, limit) => {
-		if (limit === 0 && type === "monthly") return getText("page.wallet.monthlyLimitUnlimited", "无限制");
-		return interpolateText(getText(`page.wallet.${type}LimitDesc`, ""), { limit });
-	};
-	const getRuleResetTime = (type) => {
-		return getText(`page.wallet.${type}Reset`, "");
-	};
-	const defaultRules = [
-		{
-			type: "daily",
-			limit: 3,
-			description: getRuleDescription("daily", 3),
-			resetTime: getRuleResetTime("daily")
-		},
-		{
-			type: "weekly",
-			limit: 15,
-			description: getRuleDescription("weekly", 15),
-			resetTime: getRuleResetTime("weekly")
-		},
-		{
-			type: "monthly",
-			limit: 60,
-			description: getRuleDescription("monthly", 60),
-			resetTime: getRuleResetTime("monthly")
-		}
-	];
-	const finalRules = rules ? rules.map((rule) => ({
-		...rule,
-		description: getRuleDescription(rule.type, rule.limit),
-		resetTime: getRuleResetTime(rule.type)
-	})) : defaultRules;
-	const getRuleLabel = (type) => {
-		switch (type) {
-			case "daily": return getText("page.wallet.dailyLimit", "每日限制:");
-			case "weekly": return getText("page.wallet.weeklyLimit", "每周限制:");
-			case "monthly": return getText("page.wallet.monthlyLimit", "每月限制:");
-			default: return getText("page.wallet.dailyLimit", "限制:");
-		}
-	};
-	return /* @__PURE__ */ React.createElement("div", {
-		className: `usage-rules ${className}`,
-		style
-	}, /* @__PURE__ */ React.createElement(Text, { className: "usage-rules-title" }, getText("page.wallet.usageRules", "使用规则")), /* @__PURE__ */ React.createElement(Text, { className: "usage-rules-subtitle" }, getText("page.wallet.usageRulesSubtitle", "请仔细阅读以下使用条件")), /* @__PURE__ */ React.createElement("div", { className: "usage-rules-section" }, /* @__PURE__ */ React.createElement(Text, { className: "usage-rules-section-title" }, getText("page.wallet.timeUsageLimits", "时间使用限制")), /* @__PURE__ */ React.createElement("div", { className: "usage-rules-list" }, finalRules.length > 0 ? finalRules.map((rule, index) => /* @__PURE__ */ React.createElement("div", {
-		key: index,
-		className: "usage-rules-item"
-	}, /* @__PURE__ */ React.createElement("div", { className: "usage-rules-item-content" }, /* @__PURE__ */ React.createElement("div", { className: "usage-rules-item-main-line" }, /* @__PURE__ */ React.createElement(Text, { className: "usage-rules-item-label" }, getRuleLabel(rule.type)), /* @__PURE__ */ React.createElement(Text, { className: "usage-rules-item-description" }, rule.description)), rule.resetTime && /* @__PURE__ */ React.createElement(Text, { className: "usage-rules-item-reset" }, rule.resetTime)))) : /* @__PURE__ */ React.createElement("div", { className: "usage-rules-item" }, /* @__PURE__ */ React.createElement("div", { className: "usage-rules-item-content" }, /* @__PURE__ */ React.createElement(Text, { className: "usage-rules-item-description" }, getText("page.wallet.monthlyLimitUnlimited", "无限制")))))), /* @__PURE__ */ React.createElement("div", { className: "usage-rules-section" }, /* @__PURE__ */ React.createElement(Text, { className: "usage-rules-section-title" }, getText("page.wallet.totalQuantityControl", "总量控制")), /* @__PURE__ */ React.createElement("div", { className: "usage-rules-item" }, /* @__PURE__ */ React.createElement("div", { className: "usage-rules-item-content" }, personalLimit.total > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { className: "usage-rules-item-label" }, getText("page.wallet.personalLimit", "个人限额:")), /* @__PURE__ */ React.createElement(Text, { className: "usage-rules-item-description" }, interpolateText(getText("page.wallet.personalLimitDesc", "您最多可使用此券{total}次(剩余{remaining}次)"), {
-		total: personalLimit.total,
-		remaining: personalLimit.remaining
-	})), /* @__PURE__ */ React.createElement(Text, { className: "usage-rules-item-note" }, getText("page.wallet.voucherExpireNote", "用完后此券将自动失效"))) : /* @__PURE__ */ React.createElement(Text, { className: "usage-rules-item-description" }, getText("page.wallet.monthlyLimitUnlimited", "无限制"))))));
-}
-var UsageRules_default = UsageRules;
-
-//#endregion
-export { UsageRules_default as default };

package/dist/es/components/wallet/components/UsageRules/index.less

@@ -1,157 +0,0 @@
-.usage-rules {
-  padding: 16px;
-  background: #ffffff;
-  border-radius: 8px;
-  border: 1px solid #f0f0f0;
-  margin-top: 16px;
-  margin-bottom: 20px;
-
-  // 确保所有Text组件都是块级元素
-  .ant-typography {
-    display: block !important;
-    width: 100% !important;
-    margin-bottom: 0 !important;
-  }
-
-  &-title {
-    font-size: 18px;
-    font-weight: 600;
-    color: #000000;
-    line-height: 24px;
-    margin-bottom: 8px;
-    display: block;
-    width: 100%;
-  }
-
-  &-subtitle {
-    font-size: 14px;
-    color: #6B7280;
-    line-height: 20px;
-    margin-bottom: 24px;
-    display: block;
-    width: 100%;
-  }
-
-  &-section {
-    margin-bottom: 24px;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-
-    &-title {
-      font-size: 16px;
-      font-weight: 500;
-      color: #6B7280;
-      line-height: 20px;
-      margin-bottom: 16px;
-      display: block;
-      width: 100%;
-    }
-  }
-
-  &-list {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-  }
-
-  &-item {
-    position: relative;
-    display: flex;
-    align-items: flex-start;
-
-    &::before {
-      content: '•';
-      color: #697281;
-      font-size: 16px;
-      line-height: 20px;
-      font-weight: bold;
-      margin-right: 8px;
-      flex-shrink: 0;
-      margin-top: 0;
-    }
-
-    &-content {
-      flex: 1;
-      min-width: 0;
-    }
-
-    &-main-line {
-      margin-bottom: 4px;
-    }
-
-    &-label {
-      font-size: 14px;
-      font-weight: 600;
-      color: #000000;
-      line-height: 20px;
-      display: inline;
-      margin-right: 4px;
-    }
-
-    &-description {
-      font-size: 14px;
-      color: #000000;
-      line-height: 20px;
-      display: inline;
-      word-wrap: break-word;
-    }
-
-    &-reset {
-      font-size: 14px;
-      color: #000000;
-      line-height: 20px;
-      display: block;
-      width: 100%;
-    }
-
-    &-note {
-      font-size: 14px;
-      color: #000000;
-      line-height: 20px;
-      margin-top: 4px;
-      display: block;
-      width: 100%;
-    }
-  }
-
-}
-
-// 响应式设计
-@media (max-width: 768px) {
-  .usage-rules {
-    padding: 12px;
-    margin-top: 12px;
-
-    &-title {
-      font-size: 16px;
-    }
-
-    &-subtitle {
-      font-size: 13px;
-    }
-
-    &-section {
-      margin-bottom: 20px;
-
-      &-title {
-        font-size: 15px;
-      }
-    }
-
-    &-item {
-      &::before {
-        font-size: 14px;
-        margin-right: 6px;
-      }
-
-      &-label,
-      &-description,
-      &-reset,
-      &-note {
-        font-size: 13px;
-      }
-    }
-  }
-}

package/dist/es/components/wallet/components/WalletBar/index.js

@@ -1,17 +0,0 @@
-import React from "react";
-import { locales } from "@pisell/utils";
-import { Iconfont } from "@pisell/materials";
-import "./index.less";
-
-//#region src/components/wallet/components/WalletBar/index.tsx
-const WalletBar = ({ setup, onBack }) => {
-	return /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode-wallet-bar" }, /* @__PURE__ */ React.createElement(Iconfont, {
-		onClick: onBack,
-		type: "pisell2-chevron-left",
-		className: "pisell-lowcode-wallet-header-bar-arrow"
-	}), /* @__PURE__ */ React.createElement("span", { className: "header-title" }, setup === "detail" ? locales.getText("page.wallet.details") : ""));
-};
-var WalletBar_default = WalletBar;
-
-//#endregion
-export { WalletBar_default as default };

package/dist/es/components/wallet/components/WalletBar/index.less

@@ -1,36 +0,0 @@
-.pisell-lowcode-wallet-bar {
-  height: 44px;
-  display: flex;
-  align-items: center;
-  padding: 0 0;
-  background: #fff;
-  font-size: 16px;
-  font-weight: 500;
-  color: #101828;
-  border-bottom: 1px solid #EAECF0;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 100;
-  transform: translateZ(0); // 强制创建新的层叠上下文
-
-  .pisell-lowcode-wallet-header-bar-arrow {
-    width: 24px;
-    height: 24px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 20px;
-    cursor: pointer;
-  }
-
-  .header-title {
-    flex: 1;
-    text-align: center;
-    font-size: 16px;
-    font-weight: 500;
-    line-height: 24px;
-    margin-left: -24px; // 抵消返回按钮宽度,保持文字居中
-  }
-} 

package/dist/es/components/wallet/components/WalletCard.d.ts

@@ -1 +0,0 @@
-import React from "react";

package/dist/es/components/wallet/components/WalletCard.js

@@ -1,48 +0,0 @@
-import React, { useMemo } from "react";
-import { isMobile } from "@pisell/utils";
-import { PisellWalletPassCard } from "@pisell/materials";
-
-//#region src/components/wallet/components/WalletCard.tsx
-/**
-* 钱包卡片组件
-* 统一各类钱包卡的渲染逻辑
-*/
-const WalletCard$1 = ({ item, currentId, isDiscountCard = false, onClick, balanceTitle }) => {
-	const { id, tag, product_title = "", balance = 0, code = "", encoded = "", expire_date = "", shop = { name: "" }, limit_status, product_cover = "", par_value = "", unified_messages = {}, ...rest } = item;
-	const platform = useMemo(() => isMobile() ? "h5" : "pc", []);
-	const { title: disabledReason = "" } = unified_messages;
-	const { name: storeName = "" } = shop;
-	const isActive = id === currentId && platform === "pc";
-	const isDisabled = limit_status !== "enable";
-	return /* @__PURE__ */ React.createElement(PisellWalletPassCard, {
-		...rest,
-		balanceTitle,
-		showDetail: false,
-		showRedeem: false,
-		showQrCode: true,
-		showBalance: !isDiscountCard,
-		cover: product_cover,
-		disabled: isDisabled,
-		showDisabledReason: isDisabled,
-		disabledReason,
-		style: {
-			marginBottom: 16,
-			width: "100%"
-		},
-		showBalanceSymbol: !["point_card", "good_pass"].includes(tag),
-		active: isActive,
-		name: product_title,
-		qrCode: code,
-		storeName,
-		balance: Number(balance),
-		discount: isDiscountCard ? Number(par_value) : void 0,
-		showDiscount: isDiscountCard,
-		code: encoded,
-		validDate: expire_date,
-		onClick
-	});
-};
-var WalletCard_default = React.memo(WalletCard$1);
-
-//#endregion
-export { WalletCard_default as default };

package/dist/es/components/wallet/hooks/useWalletCard.d.ts

@@ -1 +0,0 @@
-import "react";

package/dist/es/components/wallet/hooks/useWalletCard.js

@@ -1,87 +0,0 @@
-import { useDetail } from "../DetailContext.js";
-import { calculateTotalValue, formatDataToGroups, hasAvailableCards } from "../utils/formatUtils.js";
-import { useEffect, useMemo } from "react";
-import { isMobile } from "@pisell/utils";
-
-//#region src/components/wallet/hooks/useWalletCard.ts
-/**
-* 钱包卡片Hook
-* 封装了钱包卡片组件的通用逻辑
-*/
-function useWalletCard({ globalState, setGlobalState, walletContext, cardList, cardType, isDiscountCard = false, valueField = "balance", setupValue = "detail" }) {
-	const { state, dispatch } = walletContext;
-	const { currentId, currentDetail } = globalState;
-	const { openDetail, renderDetail } = useDetail();
-	const platform = useMemo(() => isMobile() ? "h5" : "pc", []);
-	useEffect(() => {
-		dispatch({
-			type: "setState",
-			payload: { total: calculateTotalValue(cardList, valueField) }
-		});
-	}, [
-		cardList,
-		dispatch,
-		valueField
-	]);
-	useEffect(() => {
-		if (currentId) {
-			const detail = cardList.find((item) => item.id === currentId);
-			if (detail) dispatch({
-				type: "setState",
-				payload: { currentDetail: detail }
-			});
-		}
-	}, [
-		currentId,
-		cardList,
-		dispatch
-	]);
-	/**
-	* 处理行点击
-	* @param detail 详情数据
-	*/
-	const handleRowClick = (detail) => {
-		setGlobalState({
-			currentId: detail.id || "",
-			currentDetail: detail,
-			setup: platform === "h5" ? setupValue : void 0
-		});
-		openDetail({
-			...detail,
-			isDiscoundCard: isDiscountCard,
-			showWalletBar: platform === "h5",
-			onBack: () => {
-				setGlobalState({ setup: "list" });
-			}
-		});
-	};
-	/**
-	* 渲染详情
-	*/
-	const renderCardDetail = () => {
-		if (!currentDetail?.id) return null;
-		return renderDetail({
-			...currentDetail,
-			isDiscoundCard: isDiscountCard,
-			showWalletBar: platform === "h5",
-			onBack: () => {
-				setGlobalState({ setup: "list" });
-			}
-		});
-	};
-	const formatData = () => formatDataToGroups(cardList);
-	return {
-		platform,
-		currentId,
-		currentDetail,
-		isEmpty: !hasAvailableCards(cardList),
-		state,
-		dispatch,
-		handleRowClick,
-		renderCardDetail,
-		formatData
-	};
-}
-
-//#endregion
-export { useWalletCard };

package/dist/es/components/wallet/index.d.ts

@@ -1,10 +0,0 @@
-import "./DetailContext.js";
-import "./components/WalletCard.js";
-import "./hooks/useWalletCard.js";
-import "./index.less";
-
-//#region src/components/wallet/index.d.ts
-
-declare const Wallet: any;
-//#endregion
-export { Wallet };