// export default {
//   inserted(el) {
//     // 获取 input 节点
//     if (el.tagName.toLocaleUpperCase() !== 'INPUT') {
//       el = el.getElementsByTagName('input')[0];
//     }
//
//     // 初始化时，格式化值为千分位
//     const numberValue = parseFloat(el.value.replace(/,/g, ''));
//     if (!isNaN(numberValue)) {
//       el.value = numberValue.toLocaleString('zh', {
//         minimumFractionDigits: 2,
//         maximumFractionDigits: 2,
//       });
//     }
//
//     // 聚焦时转化为数字格式（去除千分位）
//     el.onfocus = () => {
//       el.value = parseFloat(el.value.replace(/,/g, '')).toFixed(2);
//     };
//
//     // 失去焦点时转化为千分位
//     el.onblur = () => {
//       const onBlurValue = parseFloat(el.value.replace(/,/g, ''));
//       if (!isNaN(onBlurValue)) {
//         el.value = onBlurValue.toLocaleString('zh', {
//           minimumFractionDigits: 2,
//           maximumFractionDigits: 2,
//         });
//       }
//     };
//   },
// };

// export default {
//   inserted(el) {
//     // 获取 input 节点
//     if (el.tagName.toLocaleUpperCase() !== 'INPUT') {
//       el = el.getElementsByTagName('input')[0];
//     }
//
//     // 添加特定类
//     el.classList.add('has-thousands');
//
//     // 初始化时，格式化值为千分位
//     const numberValue = parseFloat(el.value.replace(/,/g, ''));
//     if (!isNaN(numberValue)) {
//       el.value = numberValue.toLocaleString('zh', {
//         minimumFractionDigits: 2,
//         maximumFractionDigits: 2,
//       });
//     }
//
//     // 聚焦时转化为数字格式（去除千分位）
//     el.onfocus = () => {
//       el.value = parseFloat(el.value.replace(/,/g, '')).toFixed(2);
//     };
//
//     // 失去焦点时转化为千分位
//     el.onblur = () => {
//       const onBlurValue = parseFloat(el.value.replace(/,/g, ''));
//       if (!isNaN(onBlurValue)) {
//         el.value = onBlurValue.toLocaleString('zh', {
//           minimumFractionDigits: 2,
//           maximumFractionDigits: 2,
//         });
//       }
//     };
//   },
// };


export default {
  inserted(el) {
    // 获取 input 节点
    let input = el;
    if (el.tagName.toLocaleUpperCase() !== 'INPUT') {
      input = el.getElementsByTagName('input')[0];
    }

    // 添加内联样式，使文本靠右显示
    if (input) {
      input.style.textAlign = 'right';
    }

    // 初始化时，格式化值为千分位
    const numberValue = parseFloat(input.value.replace(/,/g, ''));
    if (!isNaN(numberValue)) {
      input.value = numberValue.toLocaleString('zh', {
        minimumFractionDigits: 2,
        maximumFractionDigits: 2,
      });
    }

    // 聚焦时转化为数字格式（去除千分位）
    input.onfocus = () => {
      input.value = parseFloat(input.value.replace(/,/g, '')).toFixed(2);
    };

    // 失去焦点时转化为千分位
    input.onblur = () => {
      const onBlurValue = parseFloat(input.value.replace(/,/g, ''));
      if (!isNaN(onBlurValue)) {
        input.value = onBlurValue.toLocaleString('zh', {
          minimumFractionDigits: 2,
          maximumFractionDigits: 2,
        });
      }
    };
  },
};


