142 lines
5.6 KiB
JavaScript
142 lines
5.6 KiB
JavaScript
var _excluded = ["valueAccessor"],
|
|
_excluded2 = ["dataKey", "clockWise", "id", "textBreakAll", "zIndex"];
|
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
import * as React from 'react';
|
|
import { createContext, useContext } from 'react';
|
|
import last from 'es-toolkit/compat/last';
|
|
import { isLabelContentAFunction, Label } from './Label';
|
|
import { Layer } from '../container/Layer';
|
|
import { getValueByDataKey } from '../util/ChartUtils';
|
|
import { isNullish } from '../util/DataUtils';
|
|
import { svgPropertiesAndEvents } from '../util/svgPropertiesAndEvents';
|
|
import { ZIndexLayer } from '../zIndex/ZIndexLayer';
|
|
import { DefaultZIndexes } from '../zIndex/DefaultZIndexes';
|
|
|
|
/**
|
|
* This is public API because we expose it as the valueAccessor parameter.
|
|
*
|
|
* The properties of "viewBox" are repeated as the root props of the entry object.
|
|
* So it doesn't matter if you read entry.x or entry.viewBox.x, they are the same.
|
|
*
|
|
* It's not necessary to pass redundant data, but we keep it for backward compatibility.
|
|
*/
|
|
|
|
/**
|
|
* LabelList props do not allow refs because the same props are reused in multiple elements so we don't have a good single place to ref to.
|
|
*/
|
|
|
|
/**
|
|
* This is the type accepted for the `label` prop on various graphical items.
|
|
* It accepts:
|
|
*
|
|
* boolean:
|
|
* true = labels show,
|
|
* false = labels don't show
|
|
* React element:
|
|
* will be cloned with extra props
|
|
* function:
|
|
* is used as <Label content={function} />, so this will be called once for each individual label (so typically once for each data point)
|
|
* object:
|
|
* the props to be passed to a LabelList component
|
|
*
|
|
* @inline
|
|
*/
|
|
|
|
var defaultAccessor = entry => Array.isArray(entry.value) ? last(entry.value) : entry.value;
|
|
var CartesianLabelListContext = /*#__PURE__*/createContext(undefined);
|
|
export var CartesianLabelListContextProvider = CartesianLabelListContext.Provider;
|
|
var PolarLabelListContext = /*#__PURE__*/createContext(undefined);
|
|
export var PolarLabelListContextProvider = PolarLabelListContext.Provider;
|
|
function useCartesianLabelListContext() {
|
|
return useContext(CartesianLabelListContext);
|
|
}
|
|
function usePolarLabelListContext() {
|
|
return useContext(PolarLabelListContext);
|
|
}
|
|
|
|
/**
|
|
* @consumes LabelListContext
|
|
*/
|
|
export function LabelList(_ref) {
|
|
var {
|
|
valueAccessor = defaultAccessor
|
|
} = _ref,
|
|
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
var {
|
|
dataKey,
|
|
clockWise,
|
|
id,
|
|
textBreakAll,
|
|
zIndex
|
|
} = restProps,
|
|
others = _objectWithoutProperties(restProps, _excluded2);
|
|
var cartesianData = useCartesianLabelListContext();
|
|
var polarData = usePolarLabelListContext();
|
|
var data = cartesianData || polarData;
|
|
if (!data || !data.length) {
|
|
return null;
|
|
}
|
|
return /*#__PURE__*/React.createElement(ZIndexLayer, {
|
|
zIndex: zIndex !== null && zIndex !== void 0 ? zIndex : DefaultZIndexes.label
|
|
}, /*#__PURE__*/React.createElement(Layer, {
|
|
className: "recharts-label-list"
|
|
}, data.map((entry, index) => {
|
|
var _restProps$fill;
|
|
var value = isNullish(dataKey) ? valueAccessor(entry, index) : getValueByDataKey(entry.payload, dataKey);
|
|
var idProps = isNullish(id) ? {} : {
|
|
id: "".concat(id, "-").concat(index)
|
|
};
|
|
return /*#__PURE__*/React.createElement(Label, _extends({
|
|
key: "label-".concat(index)
|
|
}, svgPropertiesAndEvents(entry), others, idProps, {
|
|
/*
|
|
* Prefer to use the explicit fill from LabelList props.
|
|
* Only in an absence of that, fall back to the fill of the entry.
|
|
* The entry fill can be quite difficult to see especially in Bar, Pie, RadialBar in inside positions.
|
|
* On the other hand it's quite convenient in Scatter, Line, or when the position is outside the Bar, Pie filled shapes.
|
|
*/
|
|
fill: (_restProps$fill = restProps.fill) !== null && _restProps$fill !== void 0 ? _restProps$fill : entry.fill,
|
|
parentViewBox: entry.parentViewBox,
|
|
value: value,
|
|
textBreakAll: textBreakAll,
|
|
viewBox: entry.viewBox,
|
|
index: index
|
|
/*
|
|
* Here we don't want to use the default Label zIndex,
|
|
* we want it to inherit the zIndex of the LabelList itself
|
|
* which means just rendering as a regular child, without portaling anywhere.
|
|
*/,
|
|
zIndex: 0
|
|
}));
|
|
})));
|
|
}
|
|
LabelList.displayName = 'LabelList';
|
|
export function LabelListFromLabelProp(_ref2) {
|
|
var {
|
|
label
|
|
} = _ref2;
|
|
if (!label) {
|
|
return null;
|
|
}
|
|
if (label === true) {
|
|
return /*#__PURE__*/React.createElement(LabelList, {
|
|
key: "labelList-implicit"
|
|
});
|
|
}
|
|
if (/*#__PURE__*/React.isValidElement(label) || isLabelContentAFunction(label)) {
|
|
return /*#__PURE__*/React.createElement(LabelList, {
|
|
key: "labelList-implicit",
|
|
content: label
|
|
});
|
|
}
|
|
if (typeof label === 'object') {
|
|
return /*#__PURE__*/React.createElement(LabelList, _extends({
|
|
key: "labelList-implicit"
|
|
}, label, {
|
|
type: String(label.type)
|
|
}));
|
|
}
|
|
return null;
|
|
} |