@fe6/water-pro/lib/table/more-display.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 _interface = require("./interface");

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

var _alert = _interopRequireDefault(require("../alert"));

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

var _default = (0, _vue.defineComponent)({
  name: 'AMoreDisplay',
  inheritAttrs: false,
  props: _interface.MoreDisplayProps,
  emits: ['cancelSelect'],
  setup: function setup(props) {
    var _useConfigInject = (0, _useConfigInject2.default)('table-pro', props),
        prefixClsNew = _useConfigInject.prefixCls;

    return {
      prefixClsNew: prefixClsNew
    };
  },
  render: function render() {
    var _this = this;

    var cancel = function cancel() {
      _this.$emit('cancelSelect');
    };

    var closeTextNode = (0, _vue.createVNode)("div", {
      "class": "".concat(this.prefixClsNew, "-alert")
    }, [(0, _vue.createVNode)("div", {
      "class": "".concat(this.prefixClsNew, "-alert-message")
    }, [(0, _vue.createTextVNode)("\u5DF2\u9009\u62E9"), (0, _vue.createVNode)("span", {
      "class": "".concat(this.prefixClsNew, "-alert-number")
    }, [this.selectKey.length]), (0, _vue.createTextVNode)("\u6761")]), (0, _vue.createVNode)("div", {
      "class": "".concat(this.prefixClsNew, "-alert-cancel"),
      "onClick": cancel
    }, [(0, _vue.createTextVNode)("\u53D6\u6D88\u9009\u62E9")])]);
    return (0, _vue.createVNode)(_alert.default, {
      "class": "".concat(this.prefixClsNew, "-alert-box"),
      "type": "info",
      "showIcon": true
    }, {
      message: function message() {
        return closeTextNode;
      }
    });
  }
});

exports.default = _default;