@pisell/private-materials 6.0.22 → 6.0.23

package/es/components/wallet/Detail/index.less

@@ -0,0 +1,375 @@
+// 钱包详情组件
+.wallet-detail {
+  // 基础样式
+  position: relative;
+  background: #fff;
+  padding: 20px;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  height: 100%; /* 确保根容器有高度 */
+  
+  // PC环境的默认样式
+  border: 1px solid #d0d5de;
+  border-radius: 12px;
+  
+  // 修饰符：PC环境
+  &-pc {
+    height: 800px;
+    max-height: 90vh; /* 限制最大高度 */
+  }
+
+  // 修饰符：移动端环境
+  &-h5 {
+    // 布局
+    position: fixed;
+    z-index: 100;
+    inset: 0; /* 简化top, right, bottom, left设置 */
+    display: flex;
+    flex-direction: column;
+    height: -webkit-fill-available !important;
+    
+    // 样式
+    padding: 0;
+    overflow: hidden;
+    border: none;
+    border-radius: 0;
+  }
+  
+  // 元素：头部导航栏
+  &-header {
+    // 布局
+    flex-shrink: 0;
+    height: 56px;
+    position: relative;
+    z-index: 999;
+    
+    // 样式
+    border-bottom: 1px solid #f0f0f0;
+    background-color: #fff;
+  }
+
+  // 元素：内容区域
+  &-content {
+    // 布局
+    flex: 1;
+    height: calc(100% - 56px); /* 减去头部高度 */
+    
+    // 样式
+    padding: 0;
+    overflow: hidden;
+    
+    // 修饰符：H5环境
+    &-h5 {
+      // 布局
+      padding: 20px;
+      flex: 1 1 0;
+      display: flex;
+      flex-direction: column;
+    }
+  }
+  
+  // 元素：卡片容器
+  &-card {
+    // 布局
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    
+    // 样式
+    border-radius: 0 !important;
+    overflow: hidden;
+    box-shadow: none;
+    
+    // 修饰符：H5环境
+    &-h5 {
+      // 布局
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+      
+      // 样式
+      overflow: hidden;
+    }
+    
+    // 子元素：卡片顶部导航
+    &-header {
+      // 布局
+      position: sticky;
+      top: 0;
+      width: 100%;
+      height: 56px; /* 明确设置高度 */
+      flex-shrink: 0; /* 防止压缩 */
+      z-index: 10;
+      
+      // 样式
+      background: #fff; 
+      border-bottom: none;
+      padding-bottom: 8px;
+      
+      // 修饰符：H5环境
+      &-h5 {
+        // 布局
+        position: relative;
+        height: 56px; /* 明确设置高度 */
+        flex-shrink: 0;
+        z-index: 102;
+        
+      }
+      
+      // 子元素：锚点导航容器
+      &-anchor {
+        padding: 0;
+        
+        :global {
+          .pisell-anchor-tabs {
+            background: #fff;
+            
+            .pisell-anchor-tabs-content {
+              display: flex;
+              
+              .pisell-anchor-tabs-tab {
+                flex: 1;
+                text-align: center;
+                padding: 12px 16px;
+                
+                &-active {
+                  background:var(--theme-color, #7F56D9);
+                  color: #fff;
+                  
+                  .pisell-anchor-tabs-tab-content {
+                    color: #fff;
+                    font-weight: 600;
+                  }
+                }
+                
+                &:first-child {
+                  border-top-left-radius: 0;
+                  border-bottom-left-radius: 0;
+                }
+                
+                &:last-child {
+                  border-top-right-radius: 0;
+                  border-bottom-right-radius: 0;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+    
+    // 子元素：卡片内容区域
+    &-content {
+      // 基础样式
+      position: relative;
+      display: block;
+      height: calc(100% - 56px); /* 父级容器高度减去锚点导航高度 */
+      
+      // 滚动相关
+      overflow-y: auto;
+      overflow-x: hidden;
+      -webkit-overflow-scrolling: touch;
+      scroll-behavior: smooth;
+      
+      // 通用内边距
+      padding: 0 0 24px;
+      
+      // 修饰符：H5环境
+      &-h5 {
+        // 布局
+        position: relative;
+        z-index: 10;
+        
+        // 内边距
+        padding: 0 ;
+        
+        // 滚动相关
+        overscroll-behavior: contain;
+        touch-action: pan-y;
+      }
+      
+      // 修饰符：PC环境
+      &-pc {
+        padding: 0 16px 24px; /* 左右16px内边距，底部24px内边距 */
+      }
+      
+      // 修饰符：自定义滚动条
+      &-custom-scrollbar {
+        // Firefox滚动条样式
+        scrollbar-width: thin;
+        scrollbar-color: #d9d9d9 transparent;
+        
+        // Webkit滚动条样式
+        &::-webkit-scrollbar {
+          width: 6px;
+          background-color: transparent;
+          display: block;
+        }
+        
+        &::-webkit-scrollbar-thumb {
+          background-color: #d9d9d9;
+          border-radius: 3px;
+        }
+        
+        &::-webkit-scrollbar-track {
+          background-color: transparent;
+        }
+      }
+      
+      // 修饰符：隐藏滚动条
+      &-hide-scrollbar {
+        // 隐藏滚动条但保留滚动功能
+        scrollbar-width: none !important; /* Firefox */
+        -ms-overflow-style: none !important; /* IE and Edge */
+        
+        &::-webkit-scrollbar {
+          width: 0 !important;
+          height: 0 !important;
+          background: transparent !important;
+          display: none !important;
+        }
+      }
+      
+      // 子元素：内容区块
+      &-section {
+        min-height: 100px;
+        padding-top: 0;
+        position: relative;
+        scroll-margin-top: 56px; /* 调整滚动边距以考虑卡片内固定导航的高度 */
+        clear: both; /* 确保不受前面元素浮动影响 */
+        margin-bottom: 24px; /* 确保section之间有足够间距 */
+        
+        &:last-child {
+          margin-bottom: 0;
+        }
+        
+        // 修饰符：时间线区块
+        &-timeline {
+          margin-top: 16px;
+        }
+        
+        // 子元素：区块标题
+        &-title {
+          color: #101828;
+          font-size: 20px;
+          font-weight: 600;
+          line-height: 30px;
+          margin: 10px 0;
+          display: block;
+        }
+        
+        // 子元素：区块副标题
+        &-subtitle {
+          font-size: 16px;
+          line-height: 24px;
+          font-weight: 600;
+          color: #101828;
+          margin-bottom: 16px;
+        }
+        
+        // 子元素：空状态
+        &-empty {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          min-height: 200px;
+        }
+      }
+      
+      // 子元素：详情内容提示
+      &-tip {
+        margin-top: 16px;
+        color: #667085;
+        font-size: 14px;
+        line-height: 1.5;
+        width: 100%; /* 确保内容不会溢出 */
+        
+        // HTML内容容器
+        div {
+          width: 100%;
+          word-break: break-word; /* 确保长文本自动换行 */
+        }
+      }
+    }
+  }
+  
+  // 元素：时间线节点
+  &-timeline-node {
+    display: flex;
+    justify-content: space-between;
+    
+    // 子元素：节点左侧
+    &-left {
+      display: flex;
+      flex-direction: column;
+    }
+    
+    // 子元素：操作名称
+    &-action {
+      color: #101828;
+      font-size: 14px;
+      font-weight: 500;
+      margin: 0 0 4px;
+    }
+    
+    // 子元素：时间
+    &-time {
+      color: #667085;
+      font-size: 12px;
+      margin: 0;
+      display: flex;
+      align-items: center;
+    }
+    
+    // 子元素：查看详情
+    &-detail-link {
+      color: var(--theme-color, #7F56D9);
+      margin-left: 8px;
+      cursor: pointer;
+      font-size: 12px;
+    }
+    
+    // 子元素：金额
+    &-amount {
+      font-size: 14px;
+      font-weight: 500;
+      
+      // 修饰符：正数金额
+      &-positive {
+        color: #12B76A;
+      }
+      
+      // 修饰符：负数金额
+      &-negative {
+        color: #F04438;
+      }
+    }
+  }
+  
+  // 元素：时间线列表
+  &-timeline-list {
+    padding: 8px 0;
+  }
+}
+
+// 弹窗样式
+.wallet-detail-copyTitle,
+.wallet-detail-copyText {
+  color: #101828;
+}
+
+.wallet-detail-copyTitle {
+  font-size: 24px;
+  font-weight: 600;
+  line-height: 32px;
+  margin-bottom: 8px;
+}
+
+.wallet-detail-copyText {
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 24px;
+}

package/es/components/wallet/Detail/locales.d.ts

@@ -0,0 +1,96 @@
+declare const _default: {
+    en: {
+        'page.wallet.copyTitle': string;
+        'page.wallet.copyButton': string;
+        'page.wallet.copySuccess': string;
+        'page.wallet.detail': string;
+        'page.wallet.activelog': string;
+        'page.wallet.copyText': string;
+        'page.wallet.spendingDetails': string;
+        'page.wallet.rechargeDetails': string;
+        'page.wallet.date': string;
+        'page.wallet.spending': string;
+        'page.wallet.recharge': string;
+        'page.wallet.pointsEarned': string;
+        'page.wallet.pointsRedeemed': string;
+        'page.wallet.refund': string;
+        'page.wallet.expire': string;
+        'page.wallet.viewOrder': string;
+        'page.wallet.done': string;
+        'page.wallet.addIos': string;
+        'page.wallet.addGoogle': string;
+        'page.wallet.viewDetails': string;
+        'page.wallet.expireDate': string;
+        'page.wallet.urlEmpty': string;
+        'page.wallet.notIOS': string;
+        'page.wallet.addSuccess': string;
+        'page.wallet.addFailed': string;
+        'page.wallet.useAppleInstead': string;
+        'page.wallet.openedInBrowser': string;
+        'page.wallet.openFailed': string;
+        'page.wallet.loading': string;
+    };
+    'zh-CN': {
+        'page.wallet.copyTitle': string;
+        'page.wallet.copyButton': string;
+        'page.wallet.copySuccess': string;
+        'page.wallet.detail': string;
+        'page.wallet.activelog': string;
+        'page.wallet.copyText': string;
+        'page.wallet.spendingDetails': string;
+        'page.wallet.rechargeDetails': string;
+        'page.wallet.date': string;
+        'page.wallet.spending': string;
+        'page.wallet.recharge': string;
+        'page.wallet.pointsEarned': string;
+        'page.wallet.pointsRedeemed': string;
+        'page.wallet.refund': string;
+        'page.wallet.expire': string;
+        'page.wallet.viewOrder': string;
+        'page.wallet.done': string;
+        'page.wallet.addIos': string;
+        'page.wallet.addGoogle': string;
+        'page.wallet.viewDetails': string;
+        'page.wallet.expireDate': string;
+        'page.wallet.urlEmpty': string;
+        'page.wallet.notIOS': string;
+        'page.wallet.addSuccess': string;
+        'page.wallet.addFailed': string;
+        'page.wallet.useAppleInstead': string;
+        'page.wallet.openedInBrowser': string;
+        'page.wallet.openFailed': string;
+        'page.wallet.loading': string;
+    };
+    'zh-HK': {
+        'page.wallet.copyTitle': string;
+        'page.wallet.copyButton': string;
+        'page.wallet.copySuccess': string;
+        'page.wallet.detail': string;
+        'page.wallet.activelog': string;
+        'page.wallet.copyText': string;
+        'page.wallet.spendingDetails': string;
+        'page.wallet.rechargeDetails': string;
+        'page.wallet.date': string;
+        'page.wallet.spending': string;
+        'page.wallet.recharge': string;
+        'page.wallet.pointsEarned': string;
+        'page.wallet.pointsRedeemed': string;
+        'page.wallet.refund': string;
+        'page.wallet.expire': string;
+        'page.wallet.viewOrder': string;
+        'page.wallet.done': string;
+        'page.wallet.addIos': string;
+        'page.wallet.addGoogle': string;
+        'page.wallet.viewDetails': string;
+        'page.wallet.expireDate': string;
+        'page.wallet.urlEmpty': string;
+        'page.wallet.notIOS': string;
+        'page.wallet.addSuccess': string;
+        'page.wallet.addFailed': string;
+        'page.wallet.useAppleInstead': string;
+        'page.wallet.openedInBrowser': string;
+        'page.wallet.openFailed': string;
+        'page.wallet.loading': string;
+    };
+};
+export default _default;

package/es/components/wallet/Detail/locales.js

@@ -0,0 +1,104 @@
+export default {
+  "en": {
+    // 英文翻译
+    'page.wallet.copyTitle': 'Notice',
+    'page.wallet.copyButton': 'Copy link',
+    'page.wallet.copySuccess': 'Copied successfully',
+    'page.wallet.detail': 'Detail',
+    // 详情
+    'page.wallet.activelog': 'Activity log',
+    // 活动日志
+    'page.wallet.copyText': 'Unable to add the wallet within WeChat. Please copy the link and go to the browser to open it',
+    'page.wallet.spendingDetails': 'Your spending details',
+    'page.wallet.rechargeDetails': 'Your recharge details',
+    'page.wallet.date': 'Date',
+    'page.wallet.spending': 'Spending',
+    'page.wallet.recharge': 'Recharge',
+    'page.wallet.pointsEarned': 'Points Earned',
+    'page.wallet.pointsRedeemed': 'Points Redeemed',
+    'page.wallet.refund': 'Refund',
+    'page.wallet.expire': 'Expire',
+    'page.wallet.viewOrder': 'View order',
+    'page.wallet.done': 'Done',
+    'page.wallet.addIos': 'Add to Apple Wallet',
+    'page.wallet.addGoogle': 'Add to Google Wallet',
+    'page.wallet.viewDetails': 'See details',
+    'page.wallet.expireDate': 'Long term',
+    'page.wallet.urlEmpty': 'Wallet link is empty',
+    'page.wallet.notIOS': 'Apple Wallet is not supported on non-iOS devices',
+    'page.wallet.addSuccess': 'Successfully added to wallet',
+    'page.wallet.addFailed': 'Failed to add to wallet',
+    'page.wallet.useAppleInstead': 'You are using an iOS device, would you like to use Apple Wallet instead of Google Wallet?',
+    'page.wallet.openedInBrowser': 'Opened in browser',
+    'page.wallet.openFailed': 'Failed to open wallet link',
+    'page.wallet.loading': 'Loading wallet...'
+  },
+  'zh-CN': {
+    // 简体中文翻译
+    'page.wallet.copyTitle': '提示',
+    'page.wallet.copyButton': '复制链接',
+    'page.wallet.copySuccess': '复制成功',
+    'page.wallet.detail': '详情',
+    // 详情
+    'page.wallet.activelog': '活动日志',
+    // 活动日志
+    'page.wallet.copyText': '在微信内无法添加钱包。请复制链接并前往浏览器打开',
+    'page.wallet.spendingDetails': '你的消费记录',
+    'page.wallet.rechargeDetails': '你的充值记录',
+    'page.wallet.date': '日期',
+    'page.wallet.spending': '消费',
+    'page.wallet.recharge': '充值',
+    'page.wallet.pointsEarned': '获得积分',
+    'page.wallet.pointsRedeemed': '使用积分',
+    'page.wallet.refund': '退款',
+    'page.wallet.expire': '过期',
+    'page.wallet.viewOrder': '浏览订单',
+    'page.wallet.done': '完成',
+    'page.wallet.addIos': '添加到苹果钱包',
+    'page.wallet.addGoogle': '添加到谷歌钱包',
+    'page.wallet.viewDetails': '查看详情',
+    'page.wallet.expireDate': '长期',
+    'page.wallet.urlEmpty': '钱包链接为空',
+    'page.wallet.notIOS': '非iOS设备不支持Apple Wallet',
+    'page.wallet.addSuccess': '已成功添加到钱包',
+    'page.wallet.addFailed': '添加钱包失败',
+    'page.wallet.useAppleInstead': '您正在使用iOS设备，是否使用Apple Wallet代替Google Wallet?',
+    'page.wallet.openedInBrowser': '已在浏览器中打开',
+    'page.wallet.openFailed': '打开钱包链接失败',
+    'page.wallet.loading': '正在加载钱包...'
+  },
+  'zh-HK': {
+    // 繁体中文翻译
+    'page.wallet.copyTitle': '提示',
+    'page.wallet.copyButton': '複製連結',
+    'page.wallet.copySuccess': '複製成功',
+    'page.wallet.detail': '詳情',
+    // 详情
+    'page.wallet.activelog': '活動日誌',
+    // 活动日志
+    'page.wallet.copyText': '在微信內無法添加錢包。請複製連結並前往瀏覽器打開',
+    'page.wallet.spendingDetails': '你的消費記錄',
+    'page.wallet.rechargeDetails': '你的充值紀錄',
+    'page.wallet.date': '日期',
+    'page.wallet.spending': '消費',
+    'page.wallet.recharge': '充值',
+    'page.wallet.pointsEarned': '獲得積分',
+    'page.wallet.pointsRedeemed': '使用積分',
+    'page.wallet.refund': '退款',
+    'page.wallet.expire': '過期',
+    'page.wallet.viewOrder': '瀏覽訂單',
+    'page.wallet.done': '完成',
+    'page.wallet.addIos': '添加到蘋果錢包',
+    'page.wallet.addGoogle': '添加到谷歌錢包',
+    'page.wallet.viewDetails': '查看詳情',
+    'page.wallet.expireDate': '長期',
+    'page.wallet.urlEmpty': '錢包連結為空',
+    'page.wallet.notIOS': '非iOS設備不支持Apple Wallet',
+    'page.wallet.addSuccess': '已成功添加到錢包',
+    'page.wallet.addFailed': '添加錢包失敗',
+    'page.wallet.useAppleInstead': '您正在使用iOS設備，是否使用Apple Wallet代替Google Wallet?',
+    'page.wallet.openedInBrowser': '已在瀏覽器中打開',
+    'page.wallet.openFailed': '打開錢包連結失敗',
+    'page.wallet.loading': '正在加載錢包...'
+  }
+};

package/es/components/wallet/Detail/model.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface RechargeState {
+    addWalletCard: any;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    walletDetailState: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

package/es/components/wallet/Detail/model.js

@@ -0,0 +1,22 @@
+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 { miniRedux } from '@pisell/utils';
+var defaultState = {
+  addWalletCard: null
+};
+var _miniRedux = miniRedux({
+    namespace: 'walletDetailState',
+    state: defaultState,
+    reducers: {
+      setState: function setState(state, payload) {
+        return _objectSpread(_objectSpread({}, state), payload);
+      }
+    }
+  }),
+  Provider = _miniRedux.Provider,
+  Context = _miniRedux.Context;
+export { Provider, Context };

package/es/components/wallet/Detail/serve.d.ts

@@ -0,0 +1,39 @@
+interface IAssetListProps {
+    skip?: string;
+    num?: string;
+    card_id?: string;
+    sourceType?: string;
+    business_object?: string;
+    tag?: string;
+}
+export interface IAssetItem {
+    id?: string;
+    tag?: 'gift_card' | 'product_voucher' | 'point_card' | 'product_discount_card';
+    shop_id?: string;
+    transaction_id?: string;
+    title?: string;
+    created_at?: string;
+    amount?: string;
+    balance?: string;
+    currency_symbol?: string;
+    action?: 'recharge' | 'order_expend' | 'order_refund' | 'expire';
+}
+/**
+ * 资产明细列表
+ * @param params 接口请求参数
+ * @returns 资产明细列表
+ */
+export declare const getAssetList: (params: IAssetListProps) => Promise<{
+    list: IAssetItem[];
+}>;
+/**
+ * 获取资产详情
+ * @param params 接口请求参数
+ * @returns 资产详情
+ */
+export declare const getDetailApi: (params: {
+    id: string;
+}) => Promise<{
+    data: any;
+}>;
+export {};