blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

fix(TextEllipsis): fix the logic of calculating the position of ellipsis (#12137)

Browse Source
This commit is contained in:
inottn 2023-07-31 21:34:41 +08:00 committed by GitHub
parent 02b6779c42
commit c95d59e303
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/vant/src/text-ellipsis/TextEllipsis.tsx
View File

@ -40,7 +40,7 @@ export default defineComponent({
const root = ref<HTMLElement>();
const actionText = computed(() =>
expanded.value ? props.expandText : props.collapseText,
expanded.value ? props.collapseText : props.expandText,
);
const pxToNum = (value: string | null) => {
@ -89,7 +89,7 @@ export default defineComponent({
return dots + content.slice(right, end);
}
const middle = Math.round((left + right) >> 1);
const middle = Math.round((left + right) / 2);
// Set the interception location
if (position === 'end') {
@ -127,21 +127,20 @@ export default defineComponent({
rightPart[1] - rightPart[0] <= 1
) {
return (
content.slice(0, leftPart[1]) +
content.slice(0, leftPart[0]) +
dots +
content.slice(rightPart[1], end)
);
}
const leftMiddle = Math.floor((leftPart[0] + leftPart[1]) >> 1);
const rightMiddle = Math.ceil((rightPart[0] + rightPart[1]) >> 1);
const leftMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
const rightMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
container.innerText =
props.content.slice(0, leftMiddle) +
props.dots +
actionText.value +
props.dots +
props.content.slice(rightMiddle, end);
props.content.slice(rightMiddle, end) +
props.expandText;
if (container.offsetHeight >= maxHeight) {
return middleTail(