superset computeMaxFontSize 源码
superset computeMaxFontSize 代码
文件路径:/superset-frontend/packages/superset-ui-core/src/dimension/computeMaxFontSize.ts
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
import getTextDimension, { GetTextDimensionInput } from './getTextDimension';
import { Dimension } from './types';
function decreaseSizeUntil(
startSize: number,
computeDimension: (size: number) => Dimension,
condition: (dimension: Dimension) => boolean,
): number {
let size = startSize;
let dimension = computeDimension(size);
while (!condition(dimension)) {
size -= 1;
// Here if the size goes below zero most likely is because it
// has additional style applied in which case we assume the user
// knows what it's doing and we just let them use that.
// Visually it works, although it could have another
// check in place.
if (size < 0) {
size = startSize;
break;
}
dimension = computeDimension(size);
}
return size;
}
export default function computeMaxFontSize(
input: GetTextDimensionInput & {
maxWidth?: number;
maxHeight?: number;
idealFontSize?: number;
},
) {
const { idealFontSize, maxWidth, maxHeight, style, ...rest } = input;
let size: number;
if (idealFontSize !== undefined && idealFontSize !== null) {
size = idealFontSize;
} else if (maxHeight === undefined || maxHeight === null) {
throw new Error(
'You must specify at least one of maxHeight or idealFontSize',
);
} else {
size = Math.floor(maxHeight);
}
function computeDimension(fontSize: number) {
return getTextDimension({
...rest,
style: { ...style, fontSize: `${fontSize}px` },
});
}
if (maxWidth !== undefined && maxWidth !== null) {
size = decreaseSizeUntil(
size,
computeDimension,
dim => dim.width > 0 && dim.width <= maxWidth,
);
}
if (maxHeight !== undefined && maxHeight !== null) {
size = decreaseSizeUntil(
size,
computeDimension,
dim => dim.height > 0 && dim.height <= maxHeight,
);
}
return size;
}
相关信息
相关文章
0
赞
热门推荐
-
2、 - 优质文章
-
3、 gate.io
-
8、 golang
-
9、 openharmony
-
10、 Vue中input框自动聚焦