hongluan-ui/lib/components/button/src/use-button.js

Hongluan Component Library for Vue 3

'use strict';

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

var vue = require('vue');
require('../../../hooks/index.js');
require('../../../tokens/index.js');
var index = require('../../../hooks/use-consistent-prop/index.js');
var form = require('../../../tokens/form.js');

const useButton = (props, emit) => {
  const _ref = vue.ref();
  const { size: buttonSize, disabled: buttonDisabled } = index.useConsistentProp();
  const form$1 = vue.inject(form.formContextKey, void 0);
  const _props = vue.computed(() => {
    if (props.tag === "button") {
      return {
        ariaDisabled: buttonDisabled.value || props.loading,
        disabled: buttonDisabled.value || props.loading,
        autofocus: props.autofocus,
        type: props.nativeType
      };
    }
    return {};
  });
  const handleClick = (evt) => {
    if (props.nativeType === "reset") {
      form$1 == null ? void 0 : form$1.resetFields();
    }
    emit("click", evt);
  };
  return {
    _ref,
    _props,
    buttonDisabled,
    buttonSize,
    handleClick
  };
};

exports.useButton = useButton;
//# sourceMappingURL=use-button.js.map