@onekeyfe/react-native-native-list 6.7.0-alpha.422 → 6.7.0-alpha.426

package/docs/SPEC.md

@@ -324,7 +324,9 @@ label. "After the title" means directly after the title text: the title row
 packs at its start on every platform (Android `PackedTitleLineLayout`, Web flex
 `0 1 auto`, iOS a slack-absorbing filler at the end of the title row), so the
 glyph and any badge follow the text and never drift toward the trailing column
-(OK-66041). Its optional Web-only `hoverActionKey` emits an anchored help action
+(OK-66041). The glyph is vertically centered on the title line; on Web the
+`title` text style (including its line clamp) applies to the title text span,
+never to the flex row that carries the glyph (OK-66402). Its optional Web-only `hoverActionKey` emits an anchored help action
 from the icon alone on mouse/pen hover or touch press; the consumer owns the
 tooltip. Mouse/pen press closes the anchor until pointer leave. Touch press
 toggles the icon anchor. The icon adds no tab stop or separate click action;

package/lib/module/web/templates/IdentityRowRenderer.js

@@ -105,6 +105,14 @@ function createIdentityRow(document, primitives, row) {
       const titleText = createElement(document, 'span', 'ok-native-list-identity-title-text');
       while (titleElement.firstChild && titleElement.firstChild !== badgeLine) titleText.appendChild(titleElement.firstChild);
       titleElement.prepend(titleText);
+      // The title slot tag moves with the text. `applyTextLayout` writes the
+      // single-line clamp (`display: block`, nowrap, ellipsis) onto the slot
+      // element; left on this container it would undo the flex row below and
+      // leave the inline-flex glyph baseline-aligned above the title (OK-66402).
+      if (titleElement.hasAttribute('data-nl-slot')) {
+        titleElement.removeAttribute('data-nl-slot');
+        tagSlot(titleText, 'title');
+      }
       const icons = [row.titleIcon, row.secondaryTitleIcon].filter(icon => icon !== undefined).map(descriptor => {
         const icon = primitives.iconAction(descriptor.name, undefined, undefined, descriptor.tintColor);
         icon.className = 'ok-native-list-identity-title-icon';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onekeyfe/react-native-native-list",
-  "version": "6.7.0-alpha.422",
+  "version": "6.7.0-alpha.426",
   "description": "Template-driven native RecyclerView and UICollectionView for React Native",
   "source": "./src/index.ts",
   "main": "./lib/module/index.js",
@@ -89,8 +89,8 @@
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@onekeyfe/react-native-image": "6.7.0-alpha.422",
-    "@onekeyfe/react-native-native-logger": "6.7.0-alpha.422",
+    "@onekeyfe/react-native-image": "6.7.0-alpha.426",
+    "@onekeyfe/react-native-native-logger": "6.7.0-alpha.426",
     "react": "*",
     "react-native": "*",
     "react-native-nitro-modules": "0.37.0"

package/src/web/templates/IdentityRowRenderer.ts

@@ -238,6 +238,14 @@ function createIdentityRow(
       while (titleElement.firstChild && titleElement.firstChild !== badgeLine)
         titleText.appendChild(titleElement.firstChild);
       titleElement.prepend(titleText);
+      // The title slot tag moves with the text. `applyTextLayout` writes the
+      // single-line clamp (`display: block`, nowrap, ellipsis) onto the slot
+      // element; left on this container it would undo the flex row below and
+      // leave the inline-flex glyph baseline-aligned above the title (OK-66402).
+      if (titleElement.hasAttribute('data-nl-slot')) {
+        titleElement.removeAttribute('data-nl-slot');
+        tagSlot(titleText, 'title');
+      }
       const icons = [row.titleIcon, row.secondaryTitleIcon]
         .filter((icon): icon is NonNullable<typeof icon> => icon !== undefined)
         .map((descriptor) => {