@onekeyfe/react-native-native-list 3.0.115 → 3.0.117

package/src/models.ts

@@ -57,7 +57,12 @@ export type MarketRowStyle = Readonly<{
   /** Space between title and subtitle; 0 by default, bounded to 0..16. */
   lineGap?: number;
   titleBadgeGap?: number;
+  /** OneKey patch: keep badges next to the intrinsic title width. */
+  titleBadgeLayout?: 'inline';
   trailingGap?: number;
+  /** OneKey patch: preserve separate Market content and subtitle insets. */
+  contentTrailingGap?: number;
+  subtitleTrailingPadding?: number;
   image?: MarketImageStyle;
   title?: MarketTextStyle;
   subtitle?: MarketTextStyle;
@@ -79,6 +84,14 @@ export type MarketBadgeModel = Readonly<{
   backgroundColor?: string;
   actionKey?: string;
   accessibilityLabel?: string;
+  /** OneKey patch: optional Market badge metrics; legacy native defaults remain unchanged. */
+  style?: Readonly<{
+    fontSize?: number;
+    fontWeight?: MarketTextStyle['fontWeight'];
+    lineHeight?: number;
+    height?: number;
+    horizontalPadding?: number;
+  }>;
 }>;
 
 export type MarketChangeModel = Readonly<{
@@ -333,9 +346,17 @@ export type MarketRow = RowBase &
   Readonly<{
     type: 'market';
     variant: 'token' | 'stock' | 'perp';
+    leadingAction?: Extract<TrailingAccessory, { kind: 'icon' }>;
     leading: LeadingVisual;
     title: string;
     subtitle?: string;
+    /** OneKey patch: localized name shrinks independently of the volume. */
+    subtitlePrefix?: Readonly<{
+      text: string;
+      gap?: number;
+      maxWidth?: number;
+      style?: MarketTextStyle;
+    }>;
     subtitleSegments?: readonly ValueTextSegment[];
     price: string;
     priceSegments?: readonly ValueTextSegment[];
@@ -434,6 +455,7 @@ export type SystemRow = RowBase &
         presentation?: 'market';
         message: string;
         actionKey: string;
+        actionText?: string;
       }>
     | Readonly<{
         type: 'system';
@@ -646,6 +668,7 @@ export type RowPatch =
         Pick<
           MarketRow,
           | CommonPatchFields
+          | 'leadingAction'
           | 'leading'
           | 'title'
           | 'subtitle'
@@ -764,6 +787,8 @@ export type NativeListActionAnchor = Readonly<{
   token: string;
   /** Window-relative logical units: CSS px on Web, points on iOS, dp on Android. */
   windowRect: NativeListWindowRect;
+  /** Actual long-press point, in the same logical units as windowRect. */
+  windowPoint?: Readonly<{ x: number; y: number }>;
   source: NativeListActionSource;
   slot?: number;
   generation: number;

package/src/validation.ts

@@ -162,9 +162,18 @@ function assertMarketStyle(
     'leadingGap',
     'titleBadgeGap',
     'trailingGap',
+    'contentTrailingGap',
+    'subtitleTrailingPadding',
   ] as const) {
     assertBoundedStyleNumber(style[field], `${path}.${field}`, 0, 64);
   }
+  // OneKey patch: validate the opt-in Market badge layout.
+  if (
+    style.titleBadgeLayout !== undefined &&
+    style.titleBadgeLayout !== 'inline'
+  ) {
+    fail(`${path}.titleBadgeLayout`, 'must be inline when provided');
+  }
   assertBoundedStyleNumber(style.lineGap, `${path}.lineGap`, 0, 16);
   assertBoundedStyleNumber(style.changeWidth, `${path}.changeWidth`, 1, 160);
   assertBoundedStyleNumber(style.changeHeight, `${path}.changeHeight`, 1, 160);
@@ -211,8 +220,38 @@ function assertMarketRow(row: MarketRow, path: string): void {
   }
   assertText(row.title, `${path}.title`);
   assertText(row.subtitle, `${path}.subtitle`);
+  // OneKey patch: validate the independently laid out Market name.
+  if (row.subtitlePrefix) {
+    assertText(row.subtitlePrefix.text, `${path}.subtitlePrefix.text`);
+    assertBoundedStyleNumber(
+      row.subtitlePrefix.gap,
+      `${path}.subtitlePrefix.gap`,
+      0,
+      64
+    );
+    assertBoundedStyleNumber(
+      row.subtitlePrefix.maxWidth,
+      `${path}.subtitlePrefix.maxWidth`,
+      1,
+      320
+    );
+    assertMarketTextStyle(
+      row.subtitlePrefix.style,
+      `${path}.subtitlePrefix.style`
+    );
+  }
   assertText(row.price, `${path}.price`);
   assertText(row.change.text, `${path}.change.text`);
+  assertTrailingAccessories(
+    row.leadingAction ? [row.leadingAction] : undefined,
+    `${path}.leadingAction`
+  );
+  if (row.leadingAction) {
+    assertText(row.leadingAction.name, `${path}.leadingAction.name`);
+    if (row.leadingAction.actionKey !== undefined) {
+      assertKey(row.leadingAction.actionKey, `${path}.leadingAction.actionKey`);
+    }
+  }
   assertLeadingVisual(row.leading, `${path}.leading`);
   const assertSegments = (
     segments: MarketRow['priceSegments'],
@@ -246,6 +285,20 @@ function assertMarketRow(row: MarketRow, path: string): void {
     }
     badgeKeys.add(badge.key);
     assertText(badge.text, `${badgePath}.text`);
+    // OneKey patch: share typography bounds with Market text styles.
+    assertMarketTextStyle(badge.style, `${badgePath}.style`);
+    assertBoundedStyleNumber(
+      badge.style?.height,
+      `${badgePath}.style.height`,
+      1,
+      64
+    );
+    assertBoundedStyleNumber(
+      badge.style?.horizontalPadding,
+      `${badgePath}.style.horizontalPadding`,
+      0,
+      32
+    );
     if (badge.iconName !== undefined && badge.iconName !== 'verified') {
       fail(`${badgePath}.iconName`, 'must be verified when provided');
     }
@@ -797,6 +850,7 @@ function assertRow(
       }
       if (row.variant === 'retry') {
         assertKey(row.actionKey, `${path}.actionKey`);
+        assertText(row.actionText, `${path}.actionText`);
       }
       break;
   }

package/src/web/NativeListWebEngine.ts

@@ -3123,6 +3123,24 @@ function createMarketRow(context: RenderContext, row: MarketRow): HTMLElement {
     String(layoutStyle.horizontalPadding) +
     'px';
   body.style.gap = '0px';
+  if (row.leadingAction) {
+    const action = createIconAction(
+      context,
+      row.leadingAction.name,
+      row.leadingAction.actionKey,
+      row.leadingAction.disabled,
+      row.leadingAction.tintColor
+    );
+    action.style.flex = '0 0 36px';
+    action.style.width = '36px';
+    action.style.height = '36px';
+    action.style.marginRight = '5px';
+    setData(action, 'testid', row.leadingAction.testID);
+    if (row.leadingAction.accessibilityLabel)
+      action.setAttribute('aria-label', row.leadingAction.accessibilityLabel);
+    markActionAnchorSource(action, 'leadingAction');
+    body.appendChild(action);
+  }
   const visual = createVisual(context, row.leading);
   if (visual) {
     const width = layoutStyle.imageWidth;