yuang-framework-ui-pc/es/ele-dot/index.js

yuang-framework-ui-pc Library

import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } from "vue";
import { dotProps } from "./props";
const _sfc_main = defineComponent({
  name: "EleDot",
  props: dotProps
});
const _export_sfc = (sfc, props) => {
  const target = sfc.__vccOpts || sfc;
  for (const [key, val] of props) {
    target[key] = val;
  }
  return target;
};
const _hoisted_1 = {
  key: 0,
  class: "ele-dot-text"
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  return openBlock(), createElementBlock("span", {
    class: 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 }
    ])
  }, [
    createElementVNode("span", {
      class: "ele-dot-status",
      style: normalizeStyle({ width: _ctx.size, height: _ctx.size, background: _ctx.color })
    }, [
      createElementVNode("span", {
        class: "ele-dot-ripple",
        style: normalizeStyle({ width: _ctx.size, height: _ctx.size, background: _ctx.color })
      }, null, 4)
    ], 4),
    _ctx.text ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.text), 1)) : createCommentVNode("", true)
  ], 2);
}
const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export {
  index as default
};