refactor: remove default indexBarOffset to allow CSS variable fallback

baidu · Feb 20, 2025 · e6f05ad · e6f05ad
1 parent 095a566
commit e6f05ad
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/docs/zh-CN/components/list.md b/docs/zh-CN/components/list.md
@@ -416,7 +416,6 @@ order: 56
     "type": "list",
     "source": "$rows",
     "showIndexBar": true,
-    "indexBarOffset": 60,
     "listItem": {
       "title": "${name}",
       "subTitle": "${title}",

diff --git a/packages/amis-editor/src/plugin/List.tsx b/packages/amis-editor/src/plugin/List.tsx
@@ -46,7 +46,7 @@ export class ListPlugin extends BasePlugin {
   scaffold = {
     type: 'list',
     showIndexBar: false,
-    indexBarOffset: 60,
+    indexBarOffset: 0,
     listItem: {
       body: [
         {
@@ -177,7 +177,7 @@ export class ListPlugin extends BasePlugin {
                       type: 'input-number',
                       name: 'indexBarOffset',
                       label: '顶部偏移量',
-                      value: 60,
+                      value: 0,
                       min: 0,
                       max: 200,
                       unit: 'px',

diff --git a/packages/amis/src/renderers/List.tsx b/packages/amis/src/renderers/List.tsx
@@ -331,8 +331,7 @@ export default class List extends React.Component<
     selectable: false,
     headerClassName: '',
     footerClassName: '',
-    affixHeader: true,
-    indexBarOffset: 0
+    affixHeader: true
   };
 
   dragTip?: HTMLElement;
@@ -1686,7 +1685,6 @@ export class ListItem extends React.Component<ListItemProps> {
     const title = filter(titleTpl, data);
     const subTitle = filter(subTitleTpl, data);
     const desc = filter(descTpl, data);
-
     return (
       <div
         data-index={itemIndex}
@@ -1698,7 +1696,12 @@ export class ListItem extends React.Component<ListItemProps> {
           },
           className
         )}
-        style={{scrollMarginTop: `${indexBarOffset}px`}}
+        style={{
+          scrollMarginTop:
+            indexBarOffset !== undefined
+              ? `${indexBarOffset}px`
+              : 'var(--affix-offset-top)'
+        }}
       >
         {this.renderLeft()}
         {this.renderRight()}