refactor: The Draft component is renamed to Render. Draft is deprecated
This commit is contained in:
parent
7bc22909b7
commit
1af55d9e22
24 changed files with 8 additions and 6 deletions
|
@ -1,37 +0,0 @@
|
|||
import React from "react";
|
||||
import PropTypes from "prop-types";
|
||||
import { getProps } from "../utils";
|
||||
|
||||
const Snippet = props => {
|
||||
const snippetProps = {
|
||||
xlinkHref: "#" + props.snippet.def,
|
||||
x: props.snippet.anchor.x,
|
||||
y: props.snippet.anchor.y
|
||||
};
|
||||
let scale = props.snippet.attributes.get("data-scale");
|
||||
let rotate = props.snippet.attributes.get("data-rotate");
|
||||
if (scale || rotate) {
|
||||
snippetProps.transform = "";
|
||||
if (scale) {
|
||||
snippetProps.transform += `translate(${snippetProps.x}, ${
|
||||
snippetProps.y
|
||||
}) `;
|
||||
snippetProps.transform += `scale(${scale}) `;
|
||||
snippetProps.transform += `translate(${snippetProps.x *
|
||||
-1}, ${snippetProps.y * -1}) `;
|
||||
}
|
||||
if (rotate) {
|
||||
snippetProps.transform += `rotate(${rotate}, ${snippetProps.x}, ${
|
||||
snippetProps.y
|
||||
}) `;
|
||||
}
|
||||
}
|
||||
|
||||
return <use {...snippetProps} {...getProps(props.snippet)} />;
|
||||
};
|
||||
|
||||
Snippet.propTypes = {
|
||||
snippet: PropTypes.object.isRequired
|
||||
};
|
||||
|
||||
export default Snippet;
|
Loading…
Add table
Add a link
Reference in a new issue