import { reactive } from "vue";

export const inputModalState = reactive({
  visible: false,
  title: "提示",
  content: "",
  placeholder: "",
  value: "",
  _resolve: null,
});

/**
 * 显示输入弹窗，返回 Promise<string|null>
 * @param {Object} options - { title, content, placeholder, defaultValue }
 * @returns {Promise<string|null>} - string=确定后的输入值, null=取消
 */
export function showInputModal(options = {}) {
  return new Promise((resolve) => {
    inputModalState.visible = true;
    inputModalState.title = options.title ?? "提示";
    inputModalState.content = options.content ?? "";
    inputModalState.placeholder = options.placeholder ?? "";
    inputModalState.value = String(options.defaultValue ?? "");
    inputModalState._resolve = resolve;
  });
}

export function resolveInputModal(ok) {
  const value = String(inputModalState.value ?? "").trim();
  inputModalState.visible = false;
  inputModalState._resolve?.(ok ? value : null);
  inputModalState._resolve = null;
  if (!ok) {
    inputModalState.value = "";
  }
}