You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
242 lines
11 KiB
242 lines
11 KiB
|
|
/* |
|
* 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. |
|
*/ |
|
|
|
|
|
/** |
|
* AUTO-GENERATED FILE. DO NOT MODIFY. |
|
*/ |
|
|
|
/* |
|
* 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 { each, hasOwn } from 'zrender/lib/core/util.js'; |
|
var deprecatedLogs = {}; |
|
/** |
|
* Whether need to call `convertEC4CompatibleStyle`. |
|
*/ |
|
|
|
export function isEC4CompatibleStyle(style, elType, hasOwnTextContentOption, hasOwnTextConfig) { |
|
// Since echarts5, `RectText` is separated from its host element and style.text |
|
// does not exist any more. The compat work brings some extra burden on performance. |
|
// So we provide: |
|
// `legacy: true` force make compat. |
|
// `legacy: false`, force do not compat. |
|
// `legacy` not set: auto detect whether legacy. |
|
// But in this case we do not compat (difficult to detect and rare case): |
|
// Becuse custom series and graphic component support "merge", users may firstly |
|
// only set `textStrokeWidth` style or secondly only set `text`. |
|
return style && (style.legacy || style.legacy !== false && !hasOwnTextContentOption && !hasOwnTextConfig && elType !== 'tspan' // Difficult to detect whether legacy for a "text" el. |
|
&& (elType === 'text' || hasOwn(style, 'text'))); |
|
} |
|
/** |
|
* `EC4CompatibleStyle` is style that might be in echarts4 format or echarts5 format. |
|
* @param hostStyle The properties might be modified. |
|
* @return If be text el, `textContentStyle` and `textConfig` will not be returned. |
|
* Otherwise a `textContentStyle` and `textConfig` will be created, whose props area |
|
* retried from the `hostStyle`. |
|
*/ |
|
|
|
export function convertFromEC4CompatibleStyle(hostStyle, elType, isNormal) { |
|
var srcStyle = hostStyle; |
|
var textConfig; |
|
var textContent; |
|
var textContentStyle; |
|
|
|
if (elType === 'text') { |
|
textContentStyle = srcStyle; |
|
} else { |
|
textContentStyle = {}; |
|
hasOwn(srcStyle, 'text') && (textContentStyle.text = srcStyle.text); |
|
hasOwn(srcStyle, 'rich') && (textContentStyle.rich = srcStyle.rich); |
|
hasOwn(srcStyle, 'textFill') && (textContentStyle.fill = srcStyle.textFill); |
|
hasOwn(srcStyle, 'textStroke') && (textContentStyle.stroke = srcStyle.textStroke); |
|
hasOwn(srcStyle, 'fontFamily') && (textContentStyle.fontFamily = srcStyle.fontFamily); |
|
hasOwn(srcStyle, 'fontSize') && (textContentStyle.fontSize = srcStyle.fontSize); |
|
hasOwn(srcStyle, 'fontStyle') && (textContentStyle.fontStyle = srcStyle.fontStyle); |
|
hasOwn(srcStyle, 'fontWeight') && (textContentStyle.fontWeight = srcStyle.fontWeight); |
|
textContent = { |
|
type: 'text', |
|
style: textContentStyle, |
|
// ec4 does not support rectText trigger. |
|
// And when text position is different in normal and emphasis |
|
// => hover text trigger emphasis; |
|
// => text position changed, leave mouse pointer immediately; |
|
// That might cause incorrect state. |
|
silent: true |
|
}; |
|
textConfig = {}; |
|
var hasOwnPos = hasOwn(srcStyle, 'textPosition'); |
|
|
|
if (isNormal) { |
|
textConfig.position = hasOwnPos ? srcStyle.textPosition : 'inside'; |
|
} else { |
|
hasOwnPos && (textConfig.position = srcStyle.textPosition); |
|
} |
|
|
|
hasOwn(srcStyle, 'textPosition') && (textConfig.position = srcStyle.textPosition); |
|
hasOwn(srcStyle, 'textOffset') && (textConfig.offset = srcStyle.textOffset); |
|
hasOwn(srcStyle, 'textRotation') && (textConfig.rotation = srcStyle.textRotation); |
|
hasOwn(srcStyle, 'textDistance') && (textConfig.distance = srcStyle.textDistance); |
|
} |
|
|
|
convertEC4CompatibleRichItem(textContentStyle, hostStyle); |
|
each(textContentStyle.rich, function (richItem) { |
|
convertEC4CompatibleRichItem(richItem, richItem); |
|
}); |
|
return { |
|
textConfig: textConfig, |
|
textContent: textContent |
|
}; |
|
} |
|
/** |
|
* The result will be set to `out`. |
|
*/ |
|
|
|
function convertEC4CompatibleRichItem(out, richItem) { |
|
if (!richItem) { |
|
return; |
|
} // (1) For simplicity, make textXXX properties (deprecated since ec5) has |
|
// higher priority. For example, consider in ec4 `borderColor: 5, textBorderColor: 10` |
|
// on a rect means `borderColor: 4` on the rect and `borderColor: 10` on an attached |
|
// richText in ec5. |
|
// (2) `out === richItem` if and only if `out` is text el or rich item. |
|
// So we can overwrite existing props in `out` since textXXX has higher priority. |
|
|
|
|
|
richItem.font = richItem.textFont || richItem.font; |
|
hasOwn(richItem, 'textStrokeWidth') && (out.lineWidth = richItem.textStrokeWidth); |
|
hasOwn(richItem, 'textAlign') && (out.align = richItem.textAlign); |
|
hasOwn(richItem, 'textVerticalAlign') && (out.verticalAlign = richItem.textVerticalAlign); |
|
hasOwn(richItem, 'textLineHeight') && (out.lineHeight = richItem.textLineHeight); |
|
hasOwn(richItem, 'textWidth') && (out.width = richItem.textWidth); |
|
hasOwn(richItem, 'textHeight') && (out.height = richItem.textHeight); |
|
hasOwn(richItem, 'textBackgroundColor') && (out.backgroundColor = richItem.textBackgroundColor); |
|
hasOwn(richItem, 'textPadding') && (out.padding = richItem.textPadding); |
|
hasOwn(richItem, 'textBorderColor') && (out.borderColor = richItem.textBorderColor); |
|
hasOwn(richItem, 'textBorderWidth') && (out.borderWidth = richItem.textBorderWidth); |
|
hasOwn(richItem, 'textBorderRadius') && (out.borderRadius = richItem.textBorderRadius); |
|
hasOwn(richItem, 'textBoxShadowColor') && (out.shadowColor = richItem.textBoxShadowColor); |
|
hasOwn(richItem, 'textBoxShadowBlur') && (out.shadowBlur = richItem.textBoxShadowBlur); |
|
hasOwn(richItem, 'textBoxShadowOffsetX') && (out.shadowOffsetX = richItem.textBoxShadowOffsetX); |
|
hasOwn(richItem, 'textBoxShadowOffsetY') && (out.shadowOffsetY = richItem.textBoxShadowOffsetY); |
|
} |
|
/** |
|
* Convert to pure echarts4 format style. |
|
* `itemStyle` will be modified, added with ec4 style properties from |
|
* `textStyle` and `textConfig`. |
|
* |
|
* [Caveat]: For simplicity, `insideRollback` in ec4 does not compat, where |
|
* `styleEmphasis: {textFill: 'red'}` will remove the normal auto added stroke. |
|
*/ |
|
|
|
|
|
export function convertToEC4StyleForCustomSerise(itemStl, txStl, txCfg) { |
|
var out = itemStl; // See `custom.ts`, a trick to set extra `textPosition` firstly. |
|
|
|
out.textPosition = out.textPosition || txCfg.position || 'inside'; |
|
txCfg.offset != null && (out.textOffset = txCfg.offset); |
|
txCfg.rotation != null && (out.textRotation = txCfg.rotation); |
|
txCfg.distance != null && (out.textDistance = txCfg.distance); |
|
var isInside = out.textPosition.indexOf('inside') >= 0; |
|
var hostFill = itemStl.fill || '#000'; |
|
convertToEC4RichItem(out, txStl); |
|
var textFillNotSet = out.textFill == null; |
|
|
|
if (isInside) { |
|
if (textFillNotSet) { |
|
out.textFill = txCfg.insideFill || '#fff'; |
|
!out.textStroke && txCfg.insideStroke && (out.textStroke = txCfg.insideStroke); |
|
!out.textStroke && (out.textStroke = hostFill); |
|
out.textStrokeWidth == null && (out.textStrokeWidth = 2); |
|
} |
|
} else { |
|
if (textFillNotSet) { |
|
out.textFill = itemStl.fill || txCfg.outsideFill || '#000'; |
|
} |
|
|
|
!out.textStroke && txCfg.outsideStroke && (out.textStroke = txCfg.outsideStroke); |
|
} |
|
|
|
out.text = txStl.text; |
|
out.rich = txStl.rich; |
|
each(txStl.rich, function (richItem) { |
|
convertToEC4RichItem(richItem, richItem); |
|
}); |
|
return out; |
|
} |
|
|
|
function convertToEC4RichItem(out, richItem) { |
|
if (!richItem) { |
|
return; |
|
} |
|
|
|
hasOwn(richItem, 'fill') && (out.textFill = richItem.fill); |
|
hasOwn(richItem, 'stroke') && (out.textStroke = richItem.fill); |
|
hasOwn(richItem, 'lineWidth') && (out.textStrokeWidth = richItem.lineWidth); |
|
hasOwn(richItem, 'font') && (out.font = richItem.font); |
|
hasOwn(richItem, 'fontStyle') && (out.fontStyle = richItem.fontStyle); |
|
hasOwn(richItem, 'fontWeight') && (out.fontWeight = richItem.fontWeight); |
|
hasOwn(richItem, 'fontSize') && (out.fontSize = richItem.fontSize); |
|
hasOwn(richItem, 'fontFamily') && (out.fontFamily = richItem.fontFamily); |
|
hasOwn(richItem, 'align') && (out.textAlign = richItem.align); |
|
hasOwn(richItem, 'verticalAlign') && (out.textVerticalAlign = richItem.verticalAlign); |
|
hasOwn(richItem, 'lineHeight') && (out.textLineHeight = richItem.lineHeight); |
|
hasOwn(richItem, 'width') && (out.textWidth = richItem.width); |
|
hasOwn(richItem, 'height') && (out.textHeight = richItem.height); |
|
hasOwn(richItem, 'backgroundColor') && (out.textBackgroundColor = richItem.backgroundColor); |
|
hasOwn(richItem, 'padding') && (out.textPadding = richItem.padding); |
|
hasOwn(richItem, 'borderColor') && (out.textBorderColor = richItem.borderColor); |
|
hasOwn(richItem, 'borderWidth') && (out.textBorderWidth = richItem.borderWidth); |
|
hasOwn(richItem, 'borderRadius') && (out.textBorderRadius = richItem.borderRadius); |
|
hasOwn(richItem, 'shadowColor') && (out.textBoxShadowColor = richItem.shadowColor); |
|
hasOwn(richItem, 'shadowBlur') && (out.textBoxShadowBlur = richItem.shadowBlur); |
|
hasOwn(richItem, 'shadowOffsetX') && (out.textBoxShadowOffsetX = richItem.shadowOffsetX); |
|
hasOwn(richItem, 'shadowOffsetY') && (out.textBoxShadowOffsetY = richItem.shadowOffsetY); |
|
hasOwn(richItem, 'textShadowColor') && (out.textShadowColor = richItem.textShadowColor); |
|
hasOwn(richItem, 'textShadowBlur') && (out.textShadowBlur = richItem.textShadowBlur); |
|
hasOwn(richItem, 'textShadowOffsetX') && (out.textShadowOffsetX = richItem.textShadowOffsetX); |
|
hasOwn(richItem, 'textShadowOffsetY') && (out.textShadowOffsetY = richItem.textShadowOffsetY); |
|
} |
|
|
|
export function warnDeprecated(deprecated, insteadApproach) { |
|
if (process.env.NODE_ENV !== 'production') { |
|
var key = deprecated + '^_^' + insteadApproach; |
|
|
|
if (!deprecatedLogs[key]) { |
|
console.warn("[ECharts] DEPRECATED: \"" + deprecated + "\" has been deprecated. " + insteadApproach); |
|
deprecatedLogs[key] = true; |
|
} |
|
} |
|
} |