tav-ui/lib/packages/components/basic-help/src/basic-help2.js

Tav UI

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
var iconsVue = require('@ant-design/icons-vue');
var antDesignVue = require('ant-design-vue');
var basic = require('../../../utils/basic2.js');
var tsxHelper = require('../../../utils/helper/tsxHelper2.js');
var is = require('../../../utils/is2.js');
var types = require('./types2.js');

var BasicHelp = vue.defineComponent({
  name: "TaBasicHelp",
  components: {
    Tooltip: antDesignVue.Tooltip
  },
  props: types.basicHelpProps,
  setup(props, {
    slots
  }) {
    const prefixCls = "ta-basic-help";
    const getTooltipStyle = vue.computed(() => ({
      color: props.color,
      fontSize: props.fontSize
    }));
    const getOverlayStyle = vue.computed(() => ({
      maxWidth: props.maxWidth
    }));
    function renderTitle() {
      const textList = props.text;
      if (is.isString(textList))
        return vue.createVNode("p", null, [textList]);
      if (is.isArray(textList)) {
        return textList.map((text, index) => {
          return vue.createVNode("p", {
            "key": text
          }, [vue.createVNode(vue.Fragment, null, [props.showIndex ? `${index + 1}. ` : "", text])]);
        });
      }
      return null;
    }
    return () => {
      return vue.createVNode(antDesignVue.Tooltip, {
        "overlayClassName": `${prefixCls}__wrap`,
        "title": vue.createVNode("div", {
          "style": vue.unref(getTooltipStyle)
        }, [renderTitle()]),
        "autoAdjustOverflow": true,
        "overlayStyle": vue.unref(getOverlayStyle),
        "placement": props.placement,
        "getPopupContainer": () => basic.getPopupContainer()
      }, {
        default: () => [vue.createVNode("span", {
          "class": prefixCls
        }, [tsxHelper.getSlot(slots) || vue.createVNode(iconsVue.InfoCircleOutlined, null, null)])]
      });
    };
  }
});

exports["default"] = BasicHelp;
//# sourceMappingURL=basic-help2.js.map