fix: dynamic left padding on collapse elements. #200 (#216)

leezng · web-flow · commit 7ab54325a412 · 2022-10-30T17:40:58.000+08:00
diff --git a/src/components/Tree/index.tsx b/src/components/Tree/index.tsx
@@ -297,7 +297,7 @@ export default defineComponent({
           style={
             props.showLineNumber
               ? {
-                  paddingLeft: `${Number(flatData.value.length.toString().length) * 12}px`,
+                  paddingLeft: `${Number(originFlatData.value.length.toString().length) * 12}px`,
                   ...props.style,
                 }
               : props.style

Original file line number	Diff line number	Diff line change
`@@ -297,7 +297,7 @@ export default defineComponent({`
`297`	`297`	`style={`
`298`	`298`	`props.showLineNumber`
`299`	`299`	`? {`
`300`		- paddingLeft: `${Number(flatData.value.length.toString().length) * 12}px`,
	`300`	+ paddingLeft: `${Number(originFlatData.value.length.toString().length) * 12}px`,
`301`	`301`	`...props.style,`
`302`	`302`	`}`
`303`	`303`	`: props.style`