封装弹出输入框：showPrompt()

适用于重命名等功能的对话框，封装以后可以在多个组件调用

// 弹出输入框
export function showPrompt(tip, value = "") {
  return ElMessageBox.prompt("tip", "", {
    confirmButtonText: "确认",
    cancelButtonText: "取消",
    inputValue: value,
  });
}

重命名案例

import { showPrompt} from "@/composables/util.js";

// 重命名
const handleEdit = (item) => {
  showPrompt("重命名", item.name).then(({ value }) => {
    loading.value = true;
    updateImage(item.id, value)
      .then((res) => {
        toast("修改成功");
        getData();
      })
      .finally(() => {
        loading.value = false;
      });
  });
};