@pisell/private-materials 6.6.5 → 6.6.7

package/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/es/components/wallet/components/WalletBar/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import './index.less';
-interface WalletBarProps {
-    setup?: 'menu' | 'list' | 'detail';
-    onBack?: () => void;
-}
-declare const WalletBar: React.FC<WalletBarProps>;
-export default WalletBar;

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

@@ -1,19 +0,0 @@
-import React from 'react';
-// import { LeftOutlined } from '@ant-design/icons';
-import { Iconfont } from '@pisell/materials';
-import { locales } from '@pisell/utils';
-import "./index.less";
-var WalletBar = function WalletBar(_ref) {
-  var setup = _ref.setup,
-    onBack = _ref.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') : ''));
-};
-export default WalletBar;

package/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/es/components/wallet/components/WalletCard.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { IWalletListItemProps } from '../serve';
-export interface WalletCardProps {
-    item: IWalletListItemProps;
-    currentId?: string | number;
-    isDiscountCard?: boolean;
-    onClick?: () => void;
-    balanceTitle?: string;
-}
-declare const _default: React.NamedExoticComponent<WalletCardProps>;
-export default _default;

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

@@ -1,91 +0,0 @@
-var _excluded = ["id", "tag", "product_title", "balance", "code", "encoded", "expire_date", "shop", "limit_status", "product_cover", "par_value", "unified_messages", "custom_schedule_snapshot", "metadata"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { useMemo } from 'react';
-import { PisellWalletPassCard } from '@pisell/materials';
-import { isMobile } from '@pisell/utils';
-/**
- * 钱包卡片组件
- * 统一各类钱包卡的渲染逻辑
- */
-var WalletCard = function WalletCard(_ref) {
-  var item = _ref.item,
-    currentId = _ref.currentId,
-    _ref$isDiscountCard = _ref.isDiscountCard,
-    isDiscountCard = _ref$isDiscountCard === void 0 ? false : _ref$isDiscountCard,
-    onClick = _ref.onClick,
-    balanceTitle = _ref.balanceTitle;
-  // 解构卡片数据
-  var id = item.id,
-    tag = item.tag,
-    _item$product_title = item.product_title,
-    product_title = _item$product_title === void 0 ? '' : _item$product_title,
-    _item$balance = item.balance,
-    balance = _item$balance === void 0 ? 0 : _item$balance,
-    _item$code = item.code,
-    code = _item$code === void 0 ? '' : _item$code,
-    _item$encoded = item.encoded,
-    encoded = _item$encoded === void 0 ? '' : _item$encoded,
-    _item$expire_date = item.expire_date,
-    expire_date = _item$expire_date === void 0 ? '' : _item$expire_date,
-    _item$shop = item.shop,
-    shop = _item$shop === void 0 ? {
-      name: ''
-    } : _item$shop,
-    limit_status = item.limit_status,
-    _item$product_cover = item.product_cover,
-    product_cover = _item$product_cover === void 0 ? '' : _item$product_cover,
-    _item$par_value = item.par_value,
-    par_value = _item$par_value === void 0 ? '' : _item$par_value,
-    _item$unified_message = item.unified_messages,
-    unified_messages = _item$unified_message === void 0 ? {} : _item$unified_message,
-    custom_schedule_snapshot = item.custom_schedule_snapshot,
-    metadata = item.metadata,
-    rest = _objectWithoutProperties(item, _excluded);
-
-  // 获取平台
-  var platform = useMemo(function () {
-    return isMobile() ? 'h5' : 'pc';
-  }, []);
-
-  // 获取提示信息
-  var _unified_messages$tit = unified_messages.title,
-    disabledReason = _unified_messages$tit === void 0 ? '' : _unified_messages$tit;
-  var _shop$name = shop.name,
-    storeName = _shop$name === void 0 ? '' : _shop$name;
-
-  // 是否为当前选中项
-  var isActive = id === currentId && platform === 'pc';
-  // 是否禁用
-  var isDisabled = limit_status !== 'enable';
-  return /*#__PURE__*/React.createElement(PisellWalletPassCard, _extends({}, rest, {
-    scheduleList: (custom_schedule_snapshot === null || custom_schedule_snapshot === void 0 ? void 0 : custom_schedule_snapshot.data) || [],
-    validDateBySchedule: (metadata === null || metadata === void 0 ? void 0 : metadata.validity_type) === 'custom_schedule_validity',
-    balanceTitle: balanceTitle,
-    showDetail: false,
-    showRedeem: false,
-    showQrCode: true,
-    showBalance: !isDiscountCard,
-    cover: product_cover,
-    disabled: isDisabled,
-    showDisabledReason: isDisabled,
-    disabledReason: disabledReason,
-    style: {
-      marginBottom: 16,
-      width: '100%'
-    },
-    showBalanceSymbol: !['point_card', 'good_pass'].includes(tag),
-    active: isActive,
-    name: product_title,
-    qrCode: code,
-    storeName: storeName,
-    balance: Number(balance),
-    discount: isDiscountCard ? Number(par_value) : undefined,
-    showDiscount: isDiscountCard,
-    code: encoded,
-    validDate: expire_date,
-    onClick: onClick
-  }));
-};
-export default /*#__PURE__*/React.memo(WalletCard);

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

@@ -1,3 +0,0 @@
-export { default as WalletBar } from './WalletBar';
-export { default as FooterButtons } from './FooterButtons';
-export { default as UsageRules } from './UsageRules';

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

@@ -1,4 +0,0 @@
-// 导出所有公共组件
-export { default as WalletBar } from "./WalletBar";
-export { default as FooterButtons } from "./FooterButtons";
-export { default as UsageRules } from "./UsageRules";

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

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import { IWalletListItemProps } from '../serve';
-/**
- * 钱包卡片Hook的参数
- */
-export interface UseWalletCardParams {
-    globalState: any;
-    setGlobalState: (state: any) => void;
-    walletContext: any;
-    cardList: IWalletListItemProps[];
-    cardType: string;
-    isDiscountCard?: boolean;
-    valueField?: string;
-    setupValue?: 'menu' | 'list' | 'detail';
-}
-/**
- * 钱包卡片Hook
- * 封装了钱包卡片组件的通用逻辑
- */
-export declare function useWalletCard({ globalState, setGlobalState, walletContext, cardList, cardType, isDiscountCard, valueField, setupValue }: UseWalletCardParams): {
-    platform: string;
-    currentId: any;
-    currentDetail: any;
-    isEmpty: boolean;
-    state: any;
-    dispatch: any;
-    handleRowClick: (detail: IWalletListItemProps) => void;
-    renderCardDetail: () => import("react").ReactNode;
-    formatData: () => {
-        title: any;
-        dataSource: IWalletListItemProps[];
-    }[];
-};
-export default useWalletCard;

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

@@ -1,147 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { useEffect, useMemo } from 'react';
-import { isMobile } from '@pisell/utils';
-import { calculateTotalValue, hasAvailableCards, formatDataToGroups } from "../utils/formatUtils";
-import { useDetail } from "../DetailContext";
-
-/**
- * 钱包卡片Hook的参数
- */
-
-/**
- * 钱包卡片Hook
- * 封装了钱包卡片组件的通用逻辑
- */
-export function useWalletCard(_ref) {
-  var globalState = _ref.globalState,
-    setGlobalState = _ref.setGlobalState,
-    walletContext = _ref.walletContext,
-    cardList = _ref.cardList,
-    cardType = _ref.cardType,
-    _ref$isDiscountCard = _ref.isDiscountCard,
-    isDiscountCard = _ref$isDiscountCard === void 0 ? false : _ref$isDiscountCard,
-    _ref$valueField = _ref.valueField,
-    valueField = _ref$valueField === void 0 ? 'balance' : _ref$valueField,
-    _ref$setupValue = _ref.setupValue,
-    setupValue = _ref$setupValue === void 0 ? 'detail' : _ref$setupValue;
-  // 解构状态
-  var state = walletContext.state,
-    dispatch = walletContext.dispatch;
-  var currentId = globalState.currentId,
-    currentDetail = globalState.currentDetail;
-
-  // 获取详情上下文
-  var _useDetail = useDetail(),
-    openDetail = _useDetail.openDetail,
-    renderDetail = _useDetail.renderDetail;
-
-  // 平台判断
-  var platform = useMemo(function () {
-    return isMobile() ? 'h5' : 'pc';
-  }, []);
-
-  // 计算总值
-  useEffect(function () {
-    var total = calculateTotalValue(cardList, valueField);
-    dispatch({
-      type: 'setState',
-      payload: {
-        total: total
-      }
-    });
-  }, [cardList, dispatch, valueField]);
-
-  // 查找当前详情
-  useEffect(function () {
-    if (currentId) {
-      var detail = cardList.find(function (item) {
-        return item.id === currentId;
-      });
-      if (detail) {
-        dispatch({
-          type: 'setState',
-          payload: {
-            currentDetail: detail
-          }
-        });
-      }
-    }
-  }, [currentId, cardList, dispatch]);
-
-  /**
-   * 处理行点击
-   * @param detail 详情数据
-   */
-  var handleRowClick = function handleRowClick(detail) {
-    // 更新全局状态
-    setGlobalState({
-      currentId: detail.id || '',
-      currentDetail: detail,
-      setup: platform === 'h5' ? setupValue : undefined // 设置状态为detail
-    });
-
-    // 准备详情数据
-    var detailToOpen = _objectSpread(_objectSpread({}, detail), {}, {
-      isDiscoundCard: isDiscountCard,
-      showWalletBar: platform === 'h5',
-      // 添加显示WalletBar的标志
-      onBack: function onBack() {
-        // 返回处理函数
-        setGlobalState({
-          setup: 'list'
-        });
-      }
-    });
-
-    // 打开详情
-    openDetail(detailToOpen);
-  };
-
-  /**
-   * 渲染详情
-   */
-  var renderCardDetail = function renderCardDetail() {
-    if (!(currentDetail !== null && currentDetail !== void 0 && currentDetail.id)) return null;
-
-    // 准备详情数据
-    var detailToRender = _objectSpread(_objectSpread({}, currentDetail), {}, {
-      isDiscoundCard: isDiscountCard,
-      showWalletBar: platform === 'h5',
-      // 添加显示WalletBar的标志
-      onBack: function onBack() {
-        // 返回处理函数
-        setGlobalState({
-          setup: 'list'
-        });
-      }
-    });
-    return renderDetail(detailToRender);
-  };
-
-  // 格式化数据
-  var formatData = function formatData() {
-    return formatDataToGroups(cardList);
-  };
-
-  // 检查是否为空
-  var isEmpty = !hasAvailableCards(cardList);
-  return {
-    platform: platform,
-    currentId: currentId,
-    currentDetail: currentDetail,
-    isEmpty: isEmpty,
-    state: state,
-    dispatch: dispatch,
-    handleRowClick: handleRowClick,
-    renderCardDetail: renderCardDetail,
-    formatData: formatData
-  };
-}
-
-// 为了向后兼容，保留默认导出
-export default useWalletCard;

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

@@ -1,10 +0,0 @@
-import './index.less';
-import { DetailProvider, useDetail } from './DetailContext';
-export { default as WalletCard } from './components/WalletCard';
-export * from './utils/formatUtils';
-export * from './hooks/useWalletCard';
-export * from './serve';
-export * from './model';
-export { DetailProvider, useDetail };
-declare const Wallet: any;
-export default Wallet;