@pisell/private-materials 6.6.9 → 6.6.11

package/dist/lib/components/wallet/index.js

@@ -1,529 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
-const require_useEngineContext = require('../../hooks/useEngineContext.js');
-const require_index = require('../../utils/index.js');
-const require_model = require('./model.js');
-const require_serve = require('./serve.js');
-const require_locales = require('./locales.js');
-const require_index$1 = require('./components/WalletBar/index.js');
-const require_DetailContext = require('./DetailContext.js');
-const require_WalletCard = require('./components/WalletCard.js');
-const require_index$2 = require('./RechargeableCard/index.js');
-const require_index$3 = require('./DiscountCard/index.js');
-const require_index$4 = require('./PointCard/index.js');
-const require_formatUtils = require('./utils/formatUtils.js');
-const require_useWalletCard = require('./hooks/useWalletCard.js');
-const require_index$5 = require('./Voucher/index.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let __pisell_utils = require("@pisell/utils");
-let __pisell_materials = require("@pisell/materials");
-let __ant_design_icons = require("@ant-design/icons");
-require("./index.less");
-
-//#region src/components/wallet/index.tsx
-const { Title } = __pisell_materials.Typography;
-const Wallet = require_model.Provider(() => {
-	const { global_wallet, dispatch } = (0, react.useContext)(require_model.Context);
-	const { list = {}, currentId, setup, currentTag, addWalletCode, searchList = [], currentSearchListItemCode = "", addModalOpen = false, currentDetail = {} } = global_wallet;
-	const context = require_useEngineContext.default();
-	const utils = context?.appHelper?.utils || {};
-	const platform = (0, react.useMemo)(() => {
-		if (utils.isMobile) return utils.isMobile() ? "h5" : "pc";
-		if (typeof window !== "undefined") return window.innerWidth <= 768 ? "h5" : "pc";
-		return "pc";
-	}, [utils]);
-	const dvaStore = utils?.getStore?.()?.getState();
-	__pisell_utils.locales.init(require_locales.default, dvaStore?.core?.translateLocale || "en");
-	require_index.request.setRequest(utils?.request);
-	(0, react.useEffect)(() => {
-		document.body.id = "body";
-		getList({
-			num: 999,
-			skip: 1
-		});
-	}, []);
-	const transformData = (data) => {
-		const result = {};
-		data?.forEach((item) => {
-			const { tag, par_value } = item;
-			if (!tag) {
-				console.warn("[transformData] Missing tag in item", item);
-				return;
-			}
-			if (!result[tag]) result[tag] = [];
-			if (tag === "product_discount_card") {
-				const numericVal = parseFloat(par_value || "0");
-				if (isNaN(numericVal) || numericVal <= 0) return;
-			}
-			if (tag === "good_pass") {
-				if (!result["product_voucher"]) result["product_voucher"] = [];
-				result["product_voucher"].push(item);
-			}
-			result[tag].push(item);
-		});
-		return result;
-	};
-	/**
-	* 获取钱包列表
-	* @param params 请求参数
-	*/
-	const getList = async (params, addWalletCode$1) => {
-		try {
-			let { list: list$1 = [] } = await require_serve.getWalletList(params) || {};
-			const formatData = transformData(list$1);
-			dispatch({
-				type: "setState",
-				payload: formatData
-			});
-			if (addWalletCode$1) {
-				let addWalletItem = list$1.filter((item) => item.code === addWalletCode$1 || item.encoded === addWalletCode$1);
-				dispatch({
-					type: "setState",
-					payload: {
-						currentTag: addWalletItem[0]?.tag || "",
-						currentId: addWalletItem[0]?.id || "",
-						currentDetail: addWalletItem[0],
-						addWalletCode: ""
-					}
-				});
-				return;
-			}
-			const giftCards = formatData["gift_card"];
-			if (giftCards && giftCards.length && !currentId) dispatch({
-				type: "setState",
-				payload: {
-					currentTag: "gift_card",
-					currentId: giftCards[0]?.id || "",
-					currentDetail: giftCards[0]
-				}
-			});
-		} catch (err) {
-			console.error(err);
-		}
-	};
-	/**
-	* 获取可用卡片的数量
-	*/
-	const getBadge = (data, key) => {
-		return data.filter((item) => item.limit_status === "enable").length;
-	};
-	/**
-	* 处理菜单标签变更
-	* @param key 菜单标签
-	*/
-	const handleTabChange = (key) => {
-		dispatch({
-			type: "setState",
-			payload: { currentTag: key }
-		});
-		if (platform === "pc") {
-			const items = global_wallet[key];
-			if (items && items.length > 0) dispatch({
-				type: "setState",
-				payload: {
-					currentId: items[0].id,
-					currentDetail: items[0]
-				}
-			});
-		} else dispatch({
-			type: "setState",
-			payload: {
-				setup: "list",
-				currentId: "",
-				currentDetail: null
-			}
-		});
-	};
-	/**
-	* 为不同类型的钱包创建子组件
-	*/
-	const renderCardComponent = (cardType) => {
-		const setGlobalState = (payload) => dispatch({
-			type: "setState",
-			payload
-		});
-		const props = {
-			globalState: global_wallet,
-			setGlobalState
-		};
-		switch (cardType) {
-			case "gift_card": return /* @__PURE__ */ react.default.createElement(require_index$2.default, props);
-			case "product_voucher": return /* @__PURE__ */ react.default.createElement(require_index$5.default, props);
-			case "point_card": return /* @__PURE__ */ react.default.createElement(require_index$4.default, props);
-			case "product_discount_card": return /* @__PURE__ */ react.default.createElement(require_index$3.default, props);
-			default: return null;
-		}
-	};
-	/**
-	* 创建Tabs组件的配置
-	*/
-	const TabsProps = {
-		className: "pisell-lowcode__wallet__tabs",
-		defaultActiveKey: "gift_card",
-		onChange: handleTabChange,
-		type: "line",
-		items: [
-			{
-				key: "gift_card",
-				label: __pisell_utils.locales.getText("page.wallet.rechargeableCard"),
-				children: renderCardComponent("gift_card"),
-				badge: getBadge(global_wallet.gift_card, "gift_card")
-			},
-			{
-				key: "product_voucher",
-				label: __pisell_utils.locales.getText("page.wallet.voucher"),
-				children: renderCardComponent("product_voucher"),
-				badge: getBadge(global_wallet.product_voucher, "product_voucher")
-			},
-			{
-				key: "point_card",
-				label: __pisell_utils.locales.getText("page.wallet.pointCard"),
-				children: renderCardComponent("point_card"),
-				badge: getBadge(global_wallet.point_card, "point_card")
-			},
-			{
-				key: "product_discount_card",
-				label: __pisell_utils.locales.getText("page.wallet.discountCard"),
-				children: renderCardComponent("product_discount_card"),
-				badge: getBadge(global_wallet.product_discount_card, "product_discount_card")
-			}
-		]
-	};
-	/**
-	* 创建菜单项
-	*/
-	const menuItem = ({ count = 0, title = "" }) => /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode-wallet-menu-item" }, /* @__PURE__ */ react.default.createElement("div", null, /* @__PURE__ */ react.default.createElement("span", { className: "pisell-lowcode-wallet-menu-title" }, title), count > 0 && /* @__PURE__ */ react.default.createElement(__pisell_materials.Badge, {
-		styleType: "default",
-		count
-	})), /* @__PURE__ */ react.default.createElement(__ant_design_icons.RightOutlined, null));
-	const mergeSearch = (currentSearch, params) => {
-		const searchParams = new URLSearchParams(currentSearch);
-		Object.entries(params).forEach(([key, value]) => {
-			searchParams.set(key, value);
-		});
-		return searchParams.toString();
-	};
-	/**
-	* 创建Menu组件的配置
-	*/
-	const MenuProps = {
-		className: "pisell-lowcode-wallet-menu",
-		onClick: (e) => {
-			context.appHelper.utils?.history?.push({
-				hash: location.hash,
-				search: mergeSearch(location.search, { type: "list" })
-			});
-			dispatch({
-				type: "setState",
-				payload: {
-					setup: "list",
-					currentTag: e.key,
-					currentId: "",
-					currentDetail: {}
-				}
-			});
-		},
-		items: [
-			{
-				key: "gift_card",
-				label: menuItem({
-					title: __pisell_utils.locales.getText("page.wallet.rechargeableCard"),
-					count: getBadge(global_wallet.gift_card, "gift_card")
-				})
-			},
-			{
-				key: "product_voucher",
-				label: menuItem({
-					title: __pisell_utils.locales.getText("page.wallet.voucher"),
-					count: getBadge(global_wallet.product_voucher, "product_voucher")
-				})
-			},
-			{
-				key: "point_card",
-				label: menuItem({
-					title: __pisell_utils.locales.getText("page.wallet.pointCard"),
-					count: getBadge(global_wallet.point_card, "point_card")
-				})
-			},
-			{
-				key: "product_discount_card",
-				label: menuItem({
-					title: __pisell_utils.locales.getText("page.wallet.discountCard"),
-					count: getBadge(global_wallet.product_discount_card, "product_discount_card")
-				})
-			}
-		]
-	};
-	(0, react.useEffect)(() => {
-		const type = new URLSearchParams(location.search).get("type");
-		if (type) dispatch({
-			type: "setState",
-			payload: { setup: type }
-		});
-		else dispatch({
-			type: "setState",
-			payload: { setup: "menu" }
-		});
-	}, [location.search]);
-	/**
-	* 处理返回按钮点击
-	*/
-	const onBack = () => {
-		if (setup === "menu") history.back();
-		else {
-			dispatch({
-				type: "setState",
-				payload: { setup: setup === "detail" ? "list" : "menu" }
-			});
-			history.back();
-		}
-	};
-	/**
-	* 打开添加钱包弹窗
-	*/
-	const openAddModal = () => {
-		dispatch({
-			type: "setState",
-			payload: { addModalOpen: true }
-		});
-	};
-	/**
-	* 关闭添加钱包弹窗
-	*/
-	const closeAddModal = () => {
-		dispatch({
-			type: "setState",
-			payload: {
-				addModalOpen: false,
-				searchList: [],
-				currentSearchListItemCode: ""
-			}
-		});
-	};
-	/**
-	* 添加钱包
-	* @param code 钱包代码
-	*/
-	const addWallet = async (code) => {
-		const onError = () => {
-			(0, __pisell_materials.PisellToast)({
-				content: __pisell_utils.locales.getText("page.wallet.addError"),
-				duration: 2
-			});
-			dispatch({
-				type: "setState",
-				payload: { addModalOpen: false }
-			});
-		};
-		if (await require_serve.customer({ code }, onError)) {
-			const cardType = {
-				gift_card: "rechargeableCard",
-				product_voucher: "voucher",
-				point_card: "pointCard",
-				product_discount_card: "discountCard"
-			}[currentTag];
-			(0, __pisell_materials.PisellToast)({
-				content: `${__pisell_utils.locales.getText(`page.wallet.${cardType}`)} ${__pisell_utils.locales.getText("page.wallet.addSuccess")}`,
-				duration: 2
-			});
-			getList({
-				num: 999,
-				skip: 1
-			}, code);
-		}
-		dispatch({
-			type: "setState",
-			payload: {
-				addModalOpen: false,
-				searchList: [],
-				currentSearchListItemCode: ""
-			}
-		});
-	};
-	/**
-	* 搜索钱包
-	*/
-	const handleSearch = async (code = "") => {
-		const resetSearchState = () => {
-			dispatch({
-				type: "setState",
-				payload: {
-					searchList: [],
-					currentSearchListItemCode: ""
-				}
-			});
-		};
-		if (!code.trim()) {
-			resetSearchState();
-			return;
-		}
-		const onSearchFail = () => {
-			resetSearchState();
-			(0, __pisell_materials.PisellToast)({
-				content: __pisell_utils.locales.getText("page.wallet.searchNoFound"),
-				duration: 2
-			});
-		};
-		try {
-			const data = await require_serve.unbindList({
-				code,
-				tag: global_wallet.currentTag
-			}, onSearchFail);
-			if (Array.isArray(data) && data.length > 0) dispatch({
-				type: "setState",
-				payload: {
-					searchList: data,
-					currentSearchListItemCode: data[0].code || ""
-				}
-			});
-			else onSearchFail();
-		} catch (error) {
-			console.error("[handleSearch] error:", error);
-			onSearchFail();
-		}
-	};
-	/**
-	* 渲染PC版布局
-	*/
-	const renderPcLayout = () => /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode-wallet-pc" }, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode-wallet-header" }, /* @__PURE__ */ react.default.createElement(Title, { className: "pisell-lowcode-wallet-title" }, __pisell_utils.locales.getText("page.wallet.wallet")), /* @__PURE__ */ react.default.createElement(__pisell_materials.Button, {
-		icon: /* @__PURE__ */ react.default.createElement(__ant_design_icons.PlusOutlined, null),
-		size: "large",
-		onClick: openAddModal
-	}, __pisell_utils.locales.getText("page.wallet.add"))), /* @__PURE__ */ react.default.createElement(__pisell_materials.Tabs, TabsProps));
-	/**
-	* 根据setup渲染移动端内容区域
-	*/
-	const renderMobileContent = () => {
-		const renderTitle = () => {
-			if (setup === "menu") return /* @__PURE__ */ react.default.createElement(Title, { className: "pisell-lowcode-wallet-title" }, __pisell_utils.locales.getText("page.wallet.wallet"));
-			return null;
-		};
-		const renderContent = () => {
-			switch (setup) {
-				case "menu": return /* @__PURE__ */ react.default.createElement(__pisell_materials.Menu, MenuProps);
-				case "list":
-				case "detail": return renderCardComponent(currentTag);
-				default: return renderCardComponent(currentTag);
-			}
-		};
-		return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, renderTitle(), renderContent());
-	};
-	/**
-	* 渲染移动端底部按钮
-	*/
-	const renderMobileFooter = () => {
-		if (setup === "menu") return null;
-		if (setup === "list") return /* @__PURE__ */ react.default.createElement(__pisell_materials.Button, {
-			block: true,
-			size: "large",
-			className: "pisell-lowcode-wallet-add",
-			type: "default",
-			onClick: openAddModal
-		}, __pisell_utils.locales.getText("page.wallet.add"));
-		return null;
-	};
-	/**
-	* 渲染移动端布局
-	*/
-	const renderMobileLayout = () => /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode-wallet-mobile" }, !utils?.interaction?.utils?.isAppEnv?.() && /* @__PURE__ */ react.default.createElement(require_index$1.default, {
-		setup,
-		onBack
-	}), /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode-wallet-content" }, renderMobileContent()), /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode-wallet-footer" }, renderMobileFooter()));
-	/**
-	* 渲染搜索结果卡片
-	*/
-	const renderSearchCard = (item) => {
-		const { id, product_name = "", balance = 0, code = "", encoded = "", expire_date = "", shop, limit_status, product_cover = "", unified_messages = {}, par_value = "" } = item;
-		const { title = "" } = unified_messages;
-		const { name = "" } = shop;
-		const isActive = code === currentSearchListItemCode && platform === "pc";
-		const isEnabled = limit_status === "enable";
-		const isDiscountCard = currentTag === "product_discount_card";
-		const handleCardClick = () => {
-			dispatch({
-				type: "setState",
-				payload: { currentSearchListItemCode: code }
-			});
-		};
-		const getBalanceTitle = () => {
-			if (global_wallet.currentTag === "point_card") return __pisell_utils.locales.getText("page.wallet.points");
-			else if (global_wallet.currentTag === "good_pass") return __pisell_utils.locales.getText("page.wallet.goodPass");
-		};
-		return /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellWalletPassCard, {
-			balanceTitle: getBalanceTitle(),
-			showDetail: false,
-			showRedeem: false,
-			showQrCode: false,
-			cover: product_cover,
-			disabled: !isEnabled,
-			showDisabledReason: !isEnabled,
-			disabledReason: title,
-			propStyle: { marginBottom: 10 },
-			showBalanceSymbol: global_wallet.currentTag !== "point_card",
-			showBalance: global_wallet.currentTag !== "product_discount_card",
-			active: isActive,
-			name: product_name,
-			qrCode: code,
-			storeName: name,
-			balance: Number(balance),
-			code: encoded,
-			discount: Number(par_value),
-			showDiscount: isDiscountCard,
-			validDate: expire_date,
-			onClick: handleCardClick
-		});
-	};
-	/**
-	* 获取添加模态框类名
-	*/
-	const getAddModalClassName = () => {
-		return addModalOpen ? "wallet-add-modal" : "pisell-lowcode__wallet__addModal";
-	};
-	return /* @__PURE__ */ react.default.createElement(require_DetailContext.DetailProvider, null, /* @__PURE__ */ react.default.createElement("div", {
-		className: "pisell-wallet-container",
-		style: { height: "100%" }
-	}, /* @__PURE__ */ react.default.createElement("div", {
-		className: "pisell-lowcode-wallet",
-		style: {
-			height: platform === "pc" ? "auto" : "100%",
-			width: platform === "pc" ? 960 : "100vw",
-			padding: platform === "pc" ? 20 : 0
-		}
-	}, platform === "pc" ? renderPcLayout() : renderMobileLayout()), /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellModal, {
-		className: getAddModalClassName(),
-		title: __pisell_utils.locales.getText("page.wallet.add"),
-		platform: platform === "pc" ? "pc" : "h5",
-		mobileModalHeight: "auto",
-		open: addModalOpen,
-		onCancel: closeAddModal,
-		cancelVisible: false,
-		destroyOnClose: true,
-		okText: __pisell_utils.locales.getText("page.wallet.confirm"),
-		okButtonProps: { disabled: !currentSearchListItemCode },
-		onOk: () => addWallet(currentSearchListItemCode)
-	}, /* @__PURE__ */ react.default.createElement("div", { style: { margin: "24px 0" } }, /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellInformationEntry, {
-		title: __pisell_utils.locales.getText("page.wallet.addModalTitle"),
-		entryModes: [{
-			type: "scanCode",
-			name: __pisell_utils.locales.getText("page.wallet.scanBarQrCode")
-		}, {
-			type: "input",
-			name: __pisell_utils.locales.getText("page.wallet.enterCodes")
-		}],
-		searchDescribe: __pisell_utils.locales.getText("page.wallet.searchDescribe"),
-		onChange: (e) => handleSearch(e),
-		onChangeType: () => {
-			dispatch({
-				type: "setState",
-				payload: {
-					searchList: [],
-					currentSearchListItemCode: ""
-				}
-			});
-		}
-	}), searchList.map((item) => renderSearchCard(item))))));
-});
-var wallet_default = Wallet;
-
-//#endregion
-exports.default = wallet_default;

package/dist/lib/components/wallet/index.less

@@ -1,151 +0,0 @@
-.pisell-lowcode-wallet {
-  width: 960px;
-  background-color: #fff;
-  padding: 20px;
-  margin: 0 auto;
-
-  .pisell-lowcode-wallet-pc {
-    .pisell-lowcode-wallet-header {
-      height: 48px;
-      margin-top: 20px;
-      align-items: start;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      width: 100%;
-
-      .pisell-lowcode-wallet-header-title {
-        color: var(--Gray-900, #101828);
-
-        /* Display sm/Semibold */
-        font-size: 30px;
-        font-style: normal;
-        font-weight: 600;
-        margin: 0;
-        line-height: 38px;
-      }
-    }
-
-    .pisell-lowcode-wallet-tabs {
-      margin-top: 24px;
-    }
-  }
-
-  .pisell-lowcode-wallet-mobile {
-    display: flex;
-    height: 100%;
-    width: 100vw;
-    flex-direction: column;
-    background-color: #fff;
-    overflow: hidden;
-    .pisell-lowcode-wallet-bar {
-      position: relative;
-
-      height: 68px;
-      width: 100vw;
-      box-sizing: border-box;
-      background-color: #fff;
-      padding: 0 12px;
-      border-bottom: 1px solid #d0d5de;
-
-      color: var(--Gray-900, #101828);
-      text-align: center;
-
-      /* Text sm/Semibold */
-      font-size: 14px;
-      font-style: normal;
-      font-weight: 600;
-      line-height: 68px;
-      /* 142.857% */
-
-      .pisell-lowcode-wallet-header-bar-arrow {
-        position: absolute;
-        font-size: 24px;
-        top: 22px;
-        left: 22px;
-      }
-    }
-
-    .pisell-lowcode-wallet-content {
-      // height: calc(100vh - 68px - 96px);
-      flex: 1;
-      padding: 0 20px;
-      box-sizing: border-box;
-      overflow-y: auto;
-      overflow-x: hidden;
-      scrollbar-width: none;
-
-      // 隐藏滚动条 - IE and Edge
-      -ms-overflow-style: none;
-
-      // 隐藏滚动条 - Chrome, Safari, Opera
-      &::-webkit-scrollbar {
-        display: none;
-      }
-      .pisell-lowcode-menu-root.pisell-lowcode-menu-vertical {
-        border-right: none;
-      }
-      .pisell-lowcode-wallet-title {
-        color: var(--Gray-900, #101828);
-        font-size: 30px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 38px;
-        margin: 20px 0;
-      }
-
-      .pisell-lowcode-wallet-menu {
-        margin: 0;
-        .pisell-lowcode-menu-item {
-          height: 72px;
-          margin: 0;
-          line-height: 72px;
-          padding: 0;
-          border-bottom: 1px solid #f2f4f7;
-
-          box-sizing: border-box;
-
-          .pisell-lowcode-wallet-menu-item {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-
-            .pisell-lowcode-wallet-menu-title {
-              color: var(--Gray-900, #101828);
-
-              /* Text md/Medium */
-              font-size: 16px;
-              font-style: normal;
-              font-weight: 500;
-              line-height: 24px;
-              /* 150% */
-              margin-right: 8px;
-            }
-          }
-        }
-      }
-    }
-
-    .pisell-lowcode-wallet-footer {
-      // position: fixed;
-      // bottom: 0;
-      border-top: 1px solid var(--gray-200, #eaecf0);
-      height: 96px;
-      width: 100vw;
-      display: flex;
-      padding: 24px;
-      box-sizing: border-box;
-      background-color: #fff;
-      align-items: center;
-
-      &:empty {
-        display: none;
-      }
-    }
-  }
-}
-
-.wallet-detail-placeholder {
-  width: 100%;
-  height: 100%;
-}