@pisell/private-materials 6.0.22 → 6.0.23

package/lib/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/lib/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/lib/components/wallet/Detail/locales.js

@@ -0,0 +1,128 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/wallet/Detail/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_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/lib/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/lib/components/wallet/Detail/model.js

@@ -0,0 +1,43 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/wallet/Detail/model.tsx
+var model_exports = {};
+__export(model_exports, {
+  Context: () => Context,
+  Provider: () => Provider
+});
+module.exports = __toCommonJS(model_exports);
+var import_utils = require("@pisell/utils");
+var defaultState = {
+  addWalletCard: null
+};
+var { Provider, Context } = (0, import_utils.miniRedux)({
+  namespace: "walletDetailState",
+  state: defaultState,
+  reducers: {
+    setState(state, payload) {
+      return { ...state, ...payload };
+    }
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Context,
+  Provider
+});

package/lib/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 {};