@pisell/private-materials 6.11.183 → 6.11.184

package/es/plus/walletPassGallery/components/timelineSection/index.js

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useMemo, useCallback } from 'react';
+import React, { useMemo, useCallback, useEffect, useRef } from 'react';
 import { useRequest } from 'ahooks';
 import dayjs from 'dayjs';
 import timezonePlugin from 'dayjs/plugin/timezone';
@@ -16,6 +16,14 @@ import "./index.less";
 dayjs.extend(timezonePlugin);
 dayjs.extend(utcPlugin);
 var stateTimeUnix = 1723255863; // 2024.8.10 时间戳
+var POLL_INTERVAL = 2000;
+var POLL_MAX_TIMES = 5;
+var BALANCE_EPSILON = 1e-6;
+var parseBalanceValue = function parseBalanceValue(value) {
+  if (value == null || value === '') return null;
+  var parsed = Number(value);
+  return Number.isFinite(parsed) ? parsed : null;
+};
 var TimelineSection = function TimelineSection(props) {
   var code = props.code,
     tag = props.tag,
@@ -40,6 +48,10 @@ var TimelineSection = function TimelineSection(props) {
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     timeLineDetail = _React$useState6[0],
     setTimeLineDetail = _React$useState6[1];
+  var pollTimerRef = useRef(null);
+  var pollCountRef = useRef(0);
+  var isPollingRef = useRef(false);
+  var exhaustedBalanceRef = useRef(null);
   var assetActionEnum = useMemo(function () {
     return {
       recharge: tag === 'point_card' ? locales.getText('wallet-pass-gallery.pointsEarned') : locales.getText('wallet-pass-gallery.recharge'),
@@ -109,9 +121,59 @@ var TimelineSection = function TimelineSection(props) {
     ready: !!code,
     refreshDeps: [code, tag, balance, expireDate]
   });
+  var outerBalanceNumber = useMemo(function () {
+    return parseBalanceValue(balance);
+  }, [balance]);
+  var timelineBalanceNumber = useMemo(function () {
+    var _assetListReq$data, _parseBalanceValue;
+    var firstItem = (_assetListReq$data = assetListReq.data) === null || _assetListReq$data === void 0 || (_assetListReq$data = _assetListReq$data.list) === null || _assetListReq$data === void 0 ? void 0 : _assetListReq$data[0];
+    if (!firstItem) return 0;
+    return (_parseBalanceValue = parseBalanceValue(firstItem.balance)) !== null && _parseBalanceValue !== void 0 ? _parseBalanceValue : 0;
+  }, [assetListReq.data]);
+  var stopPolling = useCallback(function () {
+    if (pollTimerRef.current) {
+      clearTimeout(pollTimerRef.current);
+      pollTimerRef.current = null;
+    }
+    isPollingRef.current = false;
+    pollCountRef.current = 0;
+  }, []);
+  var scheduleNextPolling = useCallback(function () {
+    if (!isPollingRef.current) return;
+    if (pollCountRef.current >= POLL_MAX_TIMES) {
+      exhaustedBalanceRef.current = outerBalanceNumber;
+      stopPolling();
+      return;
+    }
+    pollTimerRef.current = setTimeout(function () {
+      if (!isPollingRef.current) return;
+      pollCountRef.current += 1;
+      assetListReq.refresh();
+      scheduleNextPolling();
+    }, POLL_INTERVAL);
+  }, [assetListReq, outerBalanceNumber, stopPolling]);
+  useEffect(function () {
+    var isMatch = outerBalanceNumber !== null && Math.abs(outerBalanceNumber - timelineBalanceNumber) < BALANCE_EPSILON;
+    if (isMatch) {
+      exhaustedBalanceRef.current = null;
+      stopPolling();
+      return;
+    }
+    var shouldStartPolling = outerBalanceNumber !== null && !isPollingRef.current && (exhaustedBalanceRef.current === null || Math.abs(exhaustedBalanceRef.current - outerBalanceNumber) >= BALANCE_EPSILON);
+    if (shouldStartPolling) {
+      isPollingRef.current = true;
+      pollCountRef.current = 0;
+      scheduleNextPolling();
+    }
+  }, [outerBalanceNumber, timelineBalanceNumber, scheduleNextPolling, stopPolling]);
+  useEffect(function () {
+    return function () {
+      stopPolling();
+    };
+  }, [stopPolling]);
   var timelineItems = useMemo(function () {
-    var _assetListReq$data;
-    var list = ((_assetListReq$data = assetListReq.data) === null || _assetListReq$data === void 0 ? void 0 : _assetListReq$data.list) || [];
+    var _assetListReq$data2;
+    var list = ((_assetListReq$data2 = assetListReq.data) === null || _assetListReq$data2 === void 0 ? void 0 : _assetListReq$data2.list) || [];
     if (!Array.isArray(list) || list.length === 0) return [];
     var filteredByAction = list.filter(function (item) {
       return !!assetActionEnum[item.action || ''];

package/lib/plus/walletPassGallery/components/timelineSection/index.js

@@ -44,6 +44,14 @@ var import_index = require("./index.less");
 import_dayjs.default.extend(import_timezone.default);
 import_dayjs.default.extend(import_utc.default);
 var stateTimeUnix = 1723255863;
+var POLL_INTERVAL = 2e3;
+var POLL_MAX_TIMES = 5;
+var BALANCE_EPSILON = 1e-6;
+var parseBalanceValue = (value) => {
+  if (value == null || value === "") return null;
+  const parsed = Number(value);
+  return Number.isFinite(parsed) ? parsed : null;
+};
 var TimelineSection = (props) => {
   const {
     code,
@@ -61,6 +69,10 @@ var TimelineSection = (props) => {
   const [timeLineDetail, setTimeLineDetail] = import_react.default.useState(
     null
   );
+  const pollTimerRef = (0, import_react.useRef)(null);
+  const pollCountRef = (0, import_react.useRef)(0);
+  const isPollingRef = (0, import_react.useRef)(false);
+  const exhaustedBalanceRef = (0, import_react.useRef)(null);
   const assetActionEnum = (0, import_react.useMemo)(() => {
     return {
       recharge: tag === "point_card" ? import_utils.locales.getText("wallet-pass-gallery.pointsEarned") : import_utils.locales.getText("wallet-pass-gallery.recharge"),
@@ -138,6 +150,59 @@ var TimelineSection = (props) => {
       refreshDeps: [code, tag, balance, expireDate]
     }
   );
+  const outerBalanceNumber = (0, import_react.useMemo)(() => parseBalanceValue(balance), [balance]);
+  const timelineBalanceNumber = (0, import_react.useMemo)(() => {
+    var _a, _b;
+    const firstItem = (_b = (_a = assetListReq.data) == null ? void 0 : _a.list) == null ? void 0 : _b[0];
+    if (!firstItem) return 0;
+    return parseBalanceValue(firstItem.balance) ?? 0;
+  }, [assetListReq.data]);
+  const stopPolling = (0, import_react.useCallback)(() => {
+    if (pollTimerRef.current) {
+      clearTimeout(pollTimerRef.current);
+      pollTimerRef.current = null;
+    }
+    isPollingRef.current = false;
+    pollCountRef.current = 0;
+  }, []);
+  const scheduleNextPolling = (0, import_react.useCallback)(() => {
+    if (!isPollingRef.current) return;
+    if (pollCountRef.current >= POLL_MAX_TIMES) {
+      exhaustedBalanceRef.current = outerBalanceNumber;
+      stopPolling();
+      return;
+    }
+    pollTimerRef.current = setTimeout(() => {
+      if (!isPollingRef.current) return;
+      pollCountRef.current += 1;
+      assetListReq.refresh();
+      scheduleNextPolling();
+    }, POLL_INTERVAL);
+  }, [assetListReq, outerBalanceNumber, stopPolling]);
+  (0, import_react.useEffect)(() => {
+    const isMatch = outerBalanceNumber !== null && Math.abs(outerBalanceNumber - timelineBalanceNumber) < BALANCE_EPSILON;
+    if (isMatch) {
+      exhaustedBalanceRef.current = null;
+      stopPolling();
+      return;
+    }
+    const shouldStartPolling = outerBalanceNumber !== null && !isPollingRef.current && (exhaustedBalanceRef.current === null || Math.abs(exhaustedBalanceRef.current - outerBalanceNumber) >= BALANCE_EPSILON);
+    if (shouldStartPolling) {
+      isPollingRef.current = true;
+      pollCountRef.current = 0;
+      scheduleNextPolling();
+    }
+  }, [
+    outerBalanceNumber,
+    timelineBalanceNumber,
+    scheduleNextPolling,
+    stopPolling
+  ]);
+  (0, import_react.useEffect)(() => {
+    return () => {
+      stopPolling();
+    };
+  }, [stopPolling]);
   const timelineItems = (0, import_react.useMemo)(() => {
     var _a;
     const list = ((_a = assetListReq.data) == null ? void 0 : _a.list) || [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.11.183",
+  "version": "6.11.184",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -67,9 +67,9 @@
     "react-infinite-scroll-component": "^6.1.0",
     "react-resizable": "^3.0.5",
     "styled-components": "^6.0.0-rc.3",
-    "@pisell/utils": "3.0.2",
     "@pisell/materials": "6.11.57",
     "@pisell/date-picker": "3.0.8",
+    "@pisell/utils": "3.0.2",
     "@pisell/icon": "0.0.11"
   },
   "peerDependencies": {