yuang-framework-ui-pc/lib/ele-dot/index.cjs

yuang-framework-ui-pc Library

"use strict";
const vue = require("vue");
const props = require("./props");
const _sfc_main = vue.defineComponent({
  name: "EleDot",
  props: props.dotProps
});
const _export_sfc = (sfc, props2) => {
  const target = sfc.__vccOpts || sfc;
  for (const [key, val] of props2) {
    target[key] = val;
  }
  return target;
};
const _hoisted_1 = {
  key: 0,
  class: "ele-dot-text"
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  return vue.openBlock(), vue.createElementBlock("span", {
    class: vue.normalizeClass([
      "ele-dot",
      { "is-success": "success" === _ctx.type },
      { "is-warning": "warning" === _ctx.type },
      { "is-danger": "danger" === _ctx.type },
      { "is-info": "info" === _ctx.type },
      { "is-ripple": _ctx.ripple }
    ])
  }, [
    vue.createElementVNode("span", {
      class: "ele-dot-status",
      style: vue.normalizeStyle({ width: _ctx.size, height: _ctx.size, background: _ctx.color })
    }, [
      vue.createElementVNode("span", {
        class: "ele-dot-ripple",
        style: vue.normalizeStyle({ width: _ctx.size, height: _ctx.size, background: _ctx.color })
      }, null, 4)
    ], 4),
    _ctx.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(_ctx.text), 1)) : vue.createCommentVNode("", true)
  ], 2);
}
const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
module.exports = index;