import { defineStore } from "pinia";
import { computed, ref } from "vue";

type Action = "select" | "spCart" | "buy" | "edit";

export const useSpec = defineStore("goods.spec", () => {
	const visible = ref(false);

	// 打开类型
	const action = ref<Action>("select");

	// 商品信息
	const goods = ref<Eps.GoodsInfoEntity>();

	// 已选规格信息
	const info = ref<Eps.GoodsSpecEntity>();

	// 已选数量
	const num = ref(1);

	// 指定规格id
	const specId = ref();

	// 回调函数
	let cb: ((action: Action) => void) | undefined;

	// 选中文案
	const text = computed(() => {
		return info.value ? `已选：${info.value.name}` : "选择规格";
	});

	// 打开弹窗
	function open(options: {
		action: Action;
		goods: Eps.GoodsInfoEntity;
		spec?: Eps.GoodsSpecEntity;
		specId?: number;
		count?: number;
		item?: OrderGoods;
		callback?: typeof cb;
	}) {
		if (!options.goods) {
			return false;
		}

		visible.value = true;
		action.value = options.action || "select";
		goods.value = options.goods;
		specId.value = options.specId || options.spec?.id || specId.value;

		if (options.spec) {
			info.value = options.spec;
		}

		cb = options.callback;

		if (options.action == "edit") {
			num.value = options.count || 0;
		}
	}

	// 关闭弹窗
	function close() {
		visible.value = false;
	}

	// 设置选中规格
	function set(data?: Eps.GoodsSpecEntity) {
		info.value = data;
		setId(data?.id!);
	}

	// 设置规格id
	function setId(id: number) {
		specId.value = id;
	}

	// 设置数量
	function setNum(val?: number) {
		num.value = val || 0;
	}

	// 回调
	function emit(action: Action) {
		if (cb) {
			cb(action);
		}
	}

	// 清空选项
	function clear() {
		num.value = 1;
		info.value = undefined;
		goods.value = undefined;
		specId.value = undefined;
		cb = undefined;
	}

	return {
		visible,
		action,
		goods,
		info,
		emit,
		num,
		setNum,
		specId,
		text,
		open,
		close,
		set,
		setId,
		clear,
	};
});