/*
 * @Author: wei.li
 * @Date: 2023-03-04 08:54:51
 * @LastEditors: wei.li
 * @LastEditTime: 2023-03-04 09:01:43
 * @Description: file content
 */
import type { FormInstance, FormItemProp } from 'element-plus';
import { clone } from 'xe-utils';
import { ref } from 'vue';

const isDisabled = ref(false);
const timer = ref(null);
const text = ref('');

export const useVerifyCode = () => {
  const start = async (formEl: FormInstance | undefined, props: FormItemProp, time = 60) => {
    if (!formEl) return;
    const initTime = clone(time, true);
    await formEl.validateField(props, isValid => {
      if (isValid) {
        clearInterval(timer.value);
        timer.value = setInterval(() => {
          if (time > 0) {
            text.value = `${time}`;
            isDisabled.value = true;
            time -= 1;
          } else {
            text.value = '';
            isDisabled.value = false;
            clearInterval(timer.value);
            time = initTime;
          }
        }, 1000);
      }
    });
  };

  const end = () => {
    text.value = '';
    isDisabled.value = false;
    clearInterval(timer.value);
  };

  return {
    isDisabled,
    timer,
    text,
    start,
    end
  };
};