UNPKG

devextreme

Version:

HTML5 JavaScript Component Suite for Responsive Web Development

191 lines (181 loc) • 6.97 kB
/** * DevExtreme (renovation/viz/common/renderers/svg_path.js) * Version: 21.1.4 * Build date: Mon Jun 21 2021 * * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/ */ "use strict"; exports.PathSvgElement = exports.PathSvgElementProps = exports.viewFunction = void 0; var _inferno = require("inferno"); var _vdom = require("@devextreme/vdom"); var _base_graphics_props = _interopRequireDefault(require("./base_graphics_props")); var _utils = require("./utils"); var _excluded = ["className", "d", "dashStyle", "fill", "opacity", "pointerEvents", "points", "rotate", "rotateX", "rotateY", "scaleX", "scaleY", "sharp", "sharpDirection", "stroke", "strokeLineCap", "strokeOpacity", "strokeWidth", "translateX", "translateY", "type"]; function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj } } function _objectWithoutProperties(source, excluded) { if (null == source) { return {} } var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) { continue } if (!Object.prototype.propertyIsEnumerable.call(source, key)) { continue } target[key] = source[key] } } return target } function _objectWithoutPropertiesLoose(source, excluded) { if (null == source) { return {} } var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) { continue } target[key] = source[key] } return target } function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) { descriptor.writable = true } Object.defineProperty(target, descriptor.key, descriptor) } } function _createClass(Constructor, protoProps, staticProps) { if (protoProps) { _defineProperties(Constructor.prototype, protoProps) } if (staticProps) { _defineProperties(Constructor, staticProps) } return Constructor } function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass) } function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function(o, p) { o.__proto__ = p; return o }; return _setPrototypeOf(o, p) } function _extends() { _extends = Object.assign || function(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key] } } } return target }; return _extends.apply(this, arguments) } var viewFunction = function(_ref) { var computedProps = _ref.computedProps, d = _ref.d, pathRef = _ref.pathRef; var className = computedProps.className, fill = computedProps.fill, opacity = computedProps.opacity, pointerEvents = computedProps.pointerEvents, stroke = computedProps.stroke, strokeLineCap = computedProps.strokeLineCap, strokeOpacity = computedProps.strokeOpacity, strokeWidth = computedProps.strokeWidth; return (0, _inferno.normalizeProps)((0, _inferno.createVNode)(32, "path", className, null, 1, _extends({ d: d, fill: fill, stroke: stroke, "stroke-width": strokeWidth, "stroke-opacity": strokeOpacity, "stroke-linecap": strokeLineCap, opacity: opacity, "pointer-events": pointerEvents }, (0, _utils.getGraphicExtraProps)(computedProps)), null, pathRef)) }; exports.viewFunction = viewFunction; var PathSvgElementProps = _extends({}, _base_graphics_props.default, { type: "line", d: "" }); exports.PathSvgElementProps = PathSvgElementProps; var PathSvgElement = function(_BaseInfernoComponent) { _inheritsLoose(PathSvgElement, _BaseInfernoComponent); function PathSvgElement(props) { var _this; _this = _BaseInfernoComponent.call(this, props) || this; _this.state = {}; _this.pathRef = (0, _inferno.createRef)(); return _this } var _proto = PathSvgElement.prototype; _proto.render = function() { var props = this.props; return viewFunction({ props: _extends({}, props), pathRef: this.pathRef, d: this.d, computedProps: this.computedProps, restAttributes: this.restAttributes }) }; _createClass(PathSvgElement, [{ key: "d", get: function() { var _this$props$points; var path = this.props.d; var segments = []; if (null !== (_this$props$points = this.props.points) && void 0 !== _this$props$points && _this$props$points.length) { segments = (0, _utils.buildPathSegments)(this.props.points, this.props.type); segments && (path = (0, _utils.combinePathParam)(segments)) } return path } }, { key: "computedProps", get: function() { return this.props } }, { key: "restAttributes", get: function() { var _this$props = this.props, restProps = (_this$props.className, _this$props.d, _this$props.dashStyle, _this$props.fill, _this$props.opacity, _this$props.pointerEvents, _this$props.points, _this$props.rotate, _this$props.rotateX, _this$props.rotateY, _this$props.scaleX, _this$props.scaleY, _this$props.sharp, _this$props.sharpDirection, _this$props.stroke, _this$props.strokeLineCap, _this$props.strokeOpacity, _this$props.strokeWidth, _this$props.translateX, _this$props.translateY, _this$props.type, _objectWithoutProperties(_this$props, _excluded)); return restProps } }]); return PathSvgElement }(_vdom.BaseInfernoComponent); exports.PathSvgElement = PathSvgElement; PathSvgElement.defaultProps = _extends({}, PathSvgElementProps);