ming-demo3/lib/components/dimension-setting/DraggableArea.js

mdf metaui web

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _react = _interopRequireWildcard(require("react"));

var _baseui = require("@mdf/baseui");

var _Draggable = require("./Draggable");

var _SvgIcon = _interopRequireDefault(require("@mdf/metaui-web/lib/components/common/SvgIcon"));

require('./style.css');

var group = new _Draggable.DraggableAreasGroup();
var DraggableArea = group.addArea();

var DraggableAreaControl = function (_Component) {
  (0, _inherits2["default"])(DraggableAreaControl, _Component);

  function DraggableAreaControl(props) {
    (0, _classCallCheck2["default"])(this, DraggableAreaControl);
    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(DraggableAreaControl).call(this, props));
  }

  (0, _createClass2["default"])(DraggableAreaControl, [{
    key: "render",
    value: function render() {
      var _this = this;

      var _this$props = this.props,
          dragChecked = _this$props.dragChecked,
          selectedItems = _this$props.selectedItems;
      return _react["default"].createElement("div", {
        className: "square right" + (dragChecked ? ' drag-checked' : '') + (selectedItems.length == 0 ? ' nodata' : '')
      }, _react["default"].createElement(DraggableArea, {
        onChange: function onChange(tags) {
          _this.props.changeTags(tags, _this.props.index);
        },
        tags: this.props.Tags,
        render: function render(_ref) {
          var tag = _ref.tag,
              index = _ref.index;
          return _react["default"].createElement("div", {
            className: 'tag ' + (!!tag.checked ? 'tag-checked' : ''),
            onClick: function onClick(e) {
              _this.props.handleTagTriggerClick(_this.props.index, index, e);
            }
          }, index ? _react["default"].createElement("span", {
            size: 'small'
          }, "+") : null, tag.caption, _react["default"].createElement(_SvgIcon["default"], {
            type: "shanchu2",
            style: {
              cursor: "pointer"
            },
            className: "close-button",
            onClick: function onClick() {
              return _this.props.clickDelete(tag, _this.props.index);
            }
          }));
        }
      }));
    }
  }]);
  return DraggableAreaControl;
}(_react.Component);

exports["default"] = DraggableAreaControl;
;
//# sourceMappingURL=DraggableArea.js.map