myprint-design/lib/components/my/icon/my-icon.vue2.js

操作简单，组件丰富的一站式打印解决方案打印设计器

'use strict';

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

var vue = require('vue');

var _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "my-icon",
  props: {
    disabled: { type: Boolean, default: false },
    modelValue: { type: Boolean, default: false },
    focusBk: { type: Boolean, default: true },
    size: { default: 20 },
    padding: { default: null }
  },
  emits: ["update:modelValue", "click"],
  setup(__props, { emit: __emit }) {
    const emit = __emit;
    const props = __props;
    function click() {
      if (props.disabled) {
        return;
      }
      emit("update:modelValue", !props.modelValue);
      emit("click");
    }
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock("i", {
        class: vue.normalizeClass([{
          "my-icon-disabled": _ctx.disabled,
          active: _ctx.modelValue,
          "icon-focus-bk": _ctx.focusBk
        }, "style-icon"]),
        onClick: click,
        style: vue.normalizeStyle({
          "font-size": _ctx.size + "px",
          "padding": _ctx.padding
        })
      }, [
        vue.renderSlot(_ctx.$slots, "default")
      ], 6);
    };
  }
});

exports.default = _sfc_main;
//# sourceMappingURL=my-icon.vue2.js.map