//@ts-nocheck
import { xU } from "../ventoseUtils";
import { t_itemConfigs } from "./itemRenders";

let xItemNoPropCount = 0;

export function defFormConfigs(configs: t_itemConfigs[]) {
	const targetConfigs: Record<string, any> = {};
	configs.forEach((configs: t_itemConfigs) => {
		configs = defItem.item(configs);
		targetConfigs[configs.prop] = configs;
	});
	return targetConfigs;
}

/*make item configs */
export function defItem(options: t_itemConfigs) {
	const configs = defItem.item(options);

	return {
		[configs.prop]: configs
	};
}

defItem.item = (options: t_itemConfigs) => {
	options.itemType = options.itemType || "Input";

	if (xU.isObject(options.itemType)) {
		// options.itemType = markRaw(options.itemType);
		options.itemType.__v_isReactive = false;
	}

	const _options = xU.merge(
		{
			/* 默认prop */
			prop: `xItem${xItemNoPropCount++}`,
			/* 提示信息，可以用于提示或者定位 */
			itemTips: { type: "", msg: "" }
		},
		options
	);

	_options._$updateUI = newConfigs => {
		xU.each(newConfigs, (value, prop) => {
			_options[prop] = value;
		});
	};
	return _options;
};

defItem.labelWithTips = ({ label, tips, icon }) => {
	return (
		<span class="flex middle">
			{label}
			<aTooltip title={tips}>{icon}</aTooltip>
		</span>
	);
};

/***
 * jsx中简化xItem的数据绑定
 * 要求configs中固定data dataXItem字段，默认对应value和XItem的配置项
 * @param configs
 * @param prop
 * @param options:可以修改默认值
 */
export function vModel(
	configs,
	prop,
	options = {
		data: "data",
		dataXItem: "dataXItem"
	}
) {
	const { data = "data", dataXItem = "dataXItem" } = options;
	return {
		value: configs[data][prop],
		configs: configs[dataXItem][prop],
		"onUpdate:modelValue"(e) {
			configs[data][prop] = e;
		}
	};
}

/***
 * prop to {
		dataIndex: prop,
		prop: prop,
		key: prop
	}
 * @param prop
 */
export function antColKey(prop, makeRenderCell) {
	const target = {
		dataIndex: prop,
		prop: prop,
		key: prop
	};

	if (makeRenderCell) {
		target.renderCell = makeRenderCell(prop);
	}
	return target;
}