@fe6/water-pro/lib/basic-arrow/basic-arrow.js

An enterprise-class UI design language and Vue-based implementation

"use strict";

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

var _vue = require("vue");

var _iconsVue = require("@ant-design/icons-vue/lib/icons");

var _tooltip = _interopRequireDefault(require("../tooltip"));

var _useConfigInject2 = _interopRequireDefault(require("../_util/hooks/useConfigInject"));

var _vueTypes = _interopRequireDefault(require("../_util/vue-types"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var _default2 = (0, _vue.defineComponent)({
  name: 'ABasicArrow',
  components: {
    RightOutlined: _iconsVue.RightOutlined
  },
  props: {
    // Expand contract, expand by default
    expand: _vueTypes.default.bool,
    top: _vueTypes.default.bool,
    bottom: _vueTypes.default.bool,
    inset: _vueTypes.default.bool,
    prefixCls: _vueTypes.default.string,
    helpMessage: _vueTypes.default.string
  },
  setup: function setup(props) {
    var _useConfigInject = (0, _useConfigInject2.default)('basic-arrow', props),
        prefixClsNew = _useConfigInject.prefixCls;

    var getClass = (0, _vue.computed)(function () {
      var _ref;

      var expand = props.expand,
          top = props.top,
          bottom = props.bottom,
          inset = props.inset;
      return [prefixClsNew.value, (_ref = {}, _defineProperty(_ref, "".concat(prefixClsNew.value, "-active"), expand), _defineProperty(_ref, "".concat(prefixClsNew.value, "-top"), top), _defineProperty(_ref, "".concat(prefixClsNew.value, "-inset"), inset), _defineProperty(_ref, "".concat(prefixClsNew.value, "-bottom"), bottom), _ref)];
    });
    return {
      getClass: getClass
    };
  },
  render: function render() {
    var innerNode = (0, _vue.createVNode)("span", {
      "class": this.getClass
    }, [(0, _vue.createVNode)(_iconsVue.RightOutlined, null, null)]);
    var contentNode = null;

    if (this.helpMessage) {
      contentNode = (0, _vue.createVNode)(_tooltip.default, {
        "title": this.helpMessage
      }, {
        default: function _default() {
          return [innerNode];
        }
      });
    } else {
      contentNode = innerNode;
    }

    return contentNode;
  }
});

exports.default = _default2;