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.

64 lines
2.2 KiB

"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _extractTransform = _interopRequireDefault(require("../lib/extract/extractTransform"));
var _extractProps = require("../lib/extract/extractProps");
var _extractText = _interopRequireDefault(require("../lib/extract/extractText"));
var _util = require("../lib/util");
var _Shape = _interopRequireDefault(require("./Shape"));
var _TSpan = _interopRequireDefault(require("./TSpan"));
var _TextPathNativeComponent = _interopRequireDefault(require("../fabric/TextPathNativeComponent"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
class TextPath extends _Shape.default {
static displayName = 'TextPath';
setNativeProps = props => {
const matrix = !props.matrix && (0, _extractTransform.default)(props);
if (matrix) {
props.matrix = matrix;
}
Object.assign(props, (0, _util.pickNotNil)((0, _extractText.default)(props, true)));
this.root && this.root.setNativeProps(props);
};
render() {
const {
children,
xlinkHref,
href = xlinkHref,
startOffset = 0,
method,
spacing,
side,
alignmentBaseline,
midLine,
...prop
} = this.props;
const matched = href && href.match(_util.idPattern);
const match = matched && matched[1];
if (match) {
const props = (0, _extractProps.withoutXY)(this, prop);
Object.assign(props, (0, _extractText.default)({
children
}, true), {
href: match,
startOffset: startOffset === null ? null : String(startOffset),
method,
spacing,
side,
alignmentBaseline,
midLine
});
props.ref = this.refMethod;
return /*#__PURE__*/_react.default.createElement(_TextPathNativeComponent.default, props);
}
console.warn('Invalid `href` prop for `TextPath` element, expected a href like "#id", but got: "' + href + '"');
return /*#__PURE__*/_react.default.createElement(_TSpan.default, {
ref: this.refMethod
}, children);
}
}
exports.default = TextPath;
//# sourceMappingURL=TextPath.js.map