@onekeyfe/react-native-native-list 3.0.114 → 3.0.116

package/README.md

@@ -112,9 +112,10 @@ second delta.
 | `activity`      | Transaction/activity with amounts and up to three actions  |
 | `message`       | Notification/message with bounded body lines and thumbnail |
 | `dataRow`       | Two to four fixed table columns, optional index/checkbox   |
+| `market`        | Recycled token, stock, or perpetual quote row              |
 | `mediaTile`     | Gallery or browser-preview tile                            |
-| `metricCard`    | KPI or fixed Activity/Performance portfolio card            |
-| `sectionHeader` | Sticky/group, tri-state, or fixed list-summary header       |
+| `metricCard`    | KPI or fixed Activity/Performance portfolio card           |
+| `sectionHeader` | Sticky/group, tri-state, or fixed list-summary header      |
 | `action`        | Fixed action row or fixed footer                           |
 | `system`        | Loading, retry, end marker, or bounded spacer              |
 
@@ -162,6 +163,59 @@ Bold faces and use them before the platform-font fallback. Their semantic
 icons and checkbox marks are the same vector paths as the OneKey component
 library, rendered by Core Graphics/UIKit on iOS and Canvas on Android.
 
+### Market rows
+
+`market` is a fixed native/DOM template, not a React `renderItem`. Its default
+token/perpetual geometry uses a 32-point leading image with a 16-point network
+corner; stock uses a 40-point image. The trailing change block is 80×32 with an
+8-point radius. All displayed values are already formatted strings; compact
+zero runs can use `priceSegments`, `subtitleSegments`, or
+`change.textSegments` with `{ style: 'subscript' }`.
+
+```ts
+const btc = {
+  type: 'market',
+  key: 'btc',
+  variant: 'token',
+  leading: { kind: 'token', image: btcImage, networkImage: bitcoinImage },
+  title: 'BTC',
+  subtitle: '$1.23B',
+  price: '$64,230.00',
+  change: { text: '+2.40%', tone: 'positive' },
+  badges: [
+    {
+      key: 'community',
+      iconName: 'verified',
+      tone: 'success',
+      actionKey: 'market.communityInfo',
+      accessibilityLabel: 'Community recognized',
+    },
+  ],
+  pressInActionKey: 'market.prewarm',
+  pressActionKey: 'market.open',
+  longPressActionKey: 'market.menu',
+  diagnostics: { imageBindActionKey: 'market.imageBind' },
+} satisfies MarketRow;
+```
+
+Badges accept localized text, a bounded remote image, or the single built-in
+`iconName: 'verified'` glyph. A badge `actionKey` emits independently with an
+anchor whose source is `marketBadge`. Market long press fires after 800 ms and
+is cancelled when the pointer moves more than 10 logical pixels or the list
+scrolls. The optional diagnostic action fires when a row binds an image; quote-
+only patches (`price`, `priceSegments`, `change`, `accessibilityLabel`, and
+`revision`) update visible labels without rebinding that image.
+
+`style` is deliberately finite: row padding/gaps, image width/height/shape/
+corner radius/content fit, title/subtitle/price/change font size, weight,
+color, line height, one-or-two-line truncation and alignment, plus change-block
+width/height/radius. Omitting it preserves the defaults. Loading, empty, retry,
+and pagination states use the existing `system` rows with
+`presentation: 'market'`. Loading rows accept `loadingStyle: 'skeleton'` for
+the 56-point token skeleton or `'spinner'` for the centered 52-point pagination
+indicator. Use `accessibilityLabel` for loading announcements. Omitting
+`loadingStyle` preserves each platform's existing loading rendering.
+
 For native reorder, set `capabilities.reorderable` and mark eligible rail rows
 with `draggable: true`, or add a `drag` trailing accessory to an identity row.
 Reordering never crosses a `sectionKey` boundary.
@@ -307,7 +361,7 @@ by the iOS wallet list's 120 Hz tail behavior.
 | Activity rows       | `components/TxHistoryListView/TxHistoryListItem.tsx`                                         |
 | Message rows        | `Notifications/components/NotificationListView.tsx`                                          |
 | Data rows           | `Perp/components/TokenSelector/PerpTokenSelectorRow.tsx`                                     |
-| Media tile rows     | `Home/components/NFTListView/NFTListItem.tsx`                                               |
+| Media tile rows     | `Home/components/NFTListView/NFTListItem.tsx`                                                |
 | Metric card rows    | `Perp/components/Portfolio/PerpPortfolioContent.tsx`                                         |
 | Section header rows | `AllNetworksManager/NetworksSectionList.tsx`, `TxHistoryListView/TxHistorySectionHeader.tsx` |
 | Action rows         | `TokenManager/TokenManagerList.tsx`, `Discovery/pages/BookmarkListModal/index.tsx`           |

package/android/build.gradle

@@ -101,5 +101,6 @@ dependencies {
   implementation "androidx.recyclerview:recyclerview:1.4.0"
   implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.1.0"
   implementation project(":react-native-nitro-modules")
+  implementation project(":onekeyfe_react-native-native-logger")
   implementation project(":onekeyfe_react-native-image")
 }

package/android/src/main/java/com/onekey/nativelist/NativeListAdapter.kt

@@ -10,6 +10,8 @@ import com.facebook.react.uimanager.ThemedReactContext
 import org.json.JSONObject
 import java.util.Collections
 import java.util.WeakHashMap
+import kotlin.math.ceil
+import kotlin.math.roundToInt
 
 internal class NativeListAdapter(
   private val context: ThemedReactContext,
@@ -39,6 +41,8 @@ internal class NativeListAdapter(
   )
   val currentList: List<NativeListItem>
     get() = differ.currentList
+  private var marketSourceItems: List<NativeListItem>? = null
+  private var marketSourceEdges = DoubleArray(0)
   private val createdRows = Collections.newSetFromMap(
     WeakHashMap<NativeListRowView, Boolean>(),
   )
@@ -92,6 +96,10 @@ internal class NativeListAdapter(
     position: Int,
     payloads: MutableList<Any>,
   ) {
+    if (payloads.isNotEmpty() && payloads.all { it == MARKET_QUOTE_PAYLOAD }) {
+      itemAt(position)?.let { holder.rowView.bindMarketQuote(it, theme) }
+      return
+    }
     // OneKey patch: an unknown payload must retain full binding; validated echoes keep images alive.
     // if (payloads.contains(SELECTION_PAYLOAD)) {
     if (payloads.isNotEmpty() && payloads.all { it == SELECTION_PAYLOAD || it == SELECTION_ECHO_PAYLOAD }) {
@@ -118,6 +126,30 @@ internal class NativeListAdapter(
   fun itemAt(position: Int): NativeListItem? =
     reorderItems?.getOrNull(position) ?: differ.currentList.getOrNull(position)
 
+  // OneKey patch: Yoga rounds badge dimensions from unrounded cumulative row edges.
+  fun marketSourceEdgePx(position: Int): Double {
+    val items = reorderItems ?: differ.currentList
+    if (marketSourceItems !== items) {
+      val density = context.resources.displayMetrics.density.toDouble()
+      val edges = DoubleArray(items.size + 1)
+      items.forEachIndexed { index, item ->
+        val style = item.json.optJSONObject("style")
+        val height = item.json.optDouble("height", 0.0)
+        val sourceHeight = if (item.type == "market" && style != null) {
+          val titleHeight = ceil((style.optJSONObject("title")?.optDouble("lineHeight", 24.0) ?: 24.0) * density) / density
+          val subtitleHeight = if (item.json.optString("subtitle").isNotEmpty() || item.json.optJSONObject("subtitlePrefix") != null) {
+            ceil((style.optJSONObject("subtitle")?.optDouble("lineHeight", 20.0) ?: 20.0) * density) / density + style.optDouble("lineGap", 0.0)
+          } else 0.0
+          maxOf(height.roundToInt().toDouble(), titleHeight + subtitleHeight + style.optDouble("verticalPadding", 12.0) * 2).toFloat().toDouble()
+        } else height
+        edges[index + 1] = edges[index] + sourceHeight * density
+      }
+      marketSourceItems = items
+      marketSourceEdges = edges
+    }
+    return marketSourceEdges.getOrElse(position) { 0.0 }
+  }
+
   fun positionOfKey(key: String): Int =
     (reorderItems ?: differ.currentList).indexOfFirst { it.key == key }
 
@@ -165,6 +197,8 @@ internal class NativeListAdapter(
   }
 
   fun dispose() {
+    marketSourceItems = null
+    marketSourceEdges = DoubleArray(0)
     reorderItems = null
     suppressDifferUpdates = false
     createdRows.forEach(NativeListRowView::dispose)
@@ -183,7 +217,18 @@ internal class NativeListAdapter(
       override fun getChangePayload(oldItem: NativeListItem, newItem: NativeListItem): Any? =
         if (oldItem.key == newItem.key && oldItem.type == newItem.type &&
           newItem.selectionUpdateFromContent == oldItem.content
-        ) SELECTION_ECHO_PAYLOAD else null
+        ) SELECTION_ECHO_PAYLOAD else if (isMarketQuoteUpdate(oldItem, newItem)) MARKET_QUOTE_PAYLOAD else null
+
+      private fun isMarketQuoteUpdate(oldItem: NativeListItem, newItem: NativeListItem): Boolean {
+        if (oldItem.type != "market" || newItem.type != "market") return false
+        fun stableContent(item: NativeListItem): String {
+          val value = JSONObject(item.json.toString())
+          listOf("revision", "price", "priceSegments", "change", "accessibilityLabel")
+            .forEach(value::remove)
+          return value.toString()
+        }
+        return stableContent(oldItem) == stableContent(newItem)
+      }
     }
   }
 }
@@ -191,3 +236,4 @@ internal class NativeListAdapter(
 internal const val SELECTION_PAYLOAD = "selection"
 // OneKey patch: internal payload, never exposed through the serialized row contract.
 internal const val SELECTION_ECHO_PAYLOAD = "selectionEcho"
+internal const val MARKET_QUOTE_PAYLOAD = "marketQuote"