vue-fluent-ui/dist/components/VfButton/src/Button.js

一个winui3/fluent design风格的vue组件库

import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
import { useNamespace } from "../../../utils/namespace.js";
import "./Button.style.css";

;// CONCATENATED MODULE: external "vue"

;// CONCATENATED MODULE: external "../../../utils/namespace.js"

;// CONCATENATED MODULE: external "./Button.style.css"

;// CONCATENATED MODULE: ./src/components/VfButton/src/Button.vue


const _hoisted_1 = ["disabled", "aria-disabled"];



const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "Button",
  props: {
    variant: { default: "standard" },
    shape: { default: "rounded" },
    disabled: { type: Boolean, default: false }
  },
  setup(__props) {
    const props = __props;
    const ns = useNamespace("button");
    const buttonClass = computed(() => {
      return [
        ns.b(),
        ns.is("disabled", props.disabled),
        ns.m(props.variant),
        ns.m(props.shape)
      ];
    });
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("button", {
        disabled: props.disabled,
        "aria-disabled": props.disabled,
        class: normalizeClass(buttonClass.value)
      }, [
        renderSlot(_ctx.$slots, "default")
      ], 10, _hoisted_1);
    };
  }
});
/* ESM default export */ const Button = (_sfc_main);

export { Button as default };