@antdv-next1/pro-field 1.0.0

package/dist/ProPureField.js

@@ -0,0 +1,222 @@
+import FieldText from "./components/Text/index.js";
+import { Fragment, cloneVNode, createVNode, defineComponent, isVNode, mergeProps, shallowRef } from "vue";
+import { useProConfig } from "@antdv-next1/pro-provider";
+import { normalizeProps, omitUndefined, pickProProps } from "@antdv-next1/pro-utils";
+import { isEmptyElement } from "@v-c/util/dist/props-util/index";
+import dayjs from "dayjs";
+import advancedFormat from "dayjs/plugin/advancedFormat.js";
+import isoWeek from "dayjs/plugin/isoWeek.js";
+import localeData from "dayjs/plugin/localeData.js";
+import localizedFormat from "dayjs/plugin/localizedFormat.js";
+import weekday from "dayjs/plugin/weekday.js";
+import weekOfYear from "dayjs/plugin/weekOfYear.js";
+//#region src/ProPureField.tsx
+dayjs.extend(localeData);
+dayjs.extend(advancedFormat);
+dayjs.extend(isoWeek);
+dayjs.extend(weekOfYear);
+dayjs.extend(weekday);
+dayjs.extend(localizedFormat);
+function pureRenderText(dataValue, valueType, props, valueTypeMap) {
+	const { mode = "read", emptyText = "-" } = props;
+	if (emptyText !== false && mode === "read" && valueType !== "option" && valueType !== "switch") {
+		if (typeof dataValue !== "boolean" && typeof dataValue !== "number" && !dataValue) {
+			const { fieldProps, render } = props;
+			if (render) return createVNode(Fragment, null, [render(dataValue, {
+				mode,
+				...fieldProps
+			}, createVNode(Fragment, null, [emptyText]))]);
+			return createVNode(Fragment, null, [emptyText]);
+		}
+	}
+	delete props.emptyText;
+	if (typeof valueType === "object") return pureRenderText(dataValue, valueType.type, {
+		...valueType,
+		...props
+	}, valueTypeMap);
+	const customValueTypeConfig = valueTypeMap && valueTypeMap[valueType];
+	if (customValueTypeConfig) {
+		if (mode === "read") {
+			const readDom = createVNode(Fragment, null, [customValueTypeConfig.render?.(dataValue, {
+				text: dataValue,
+				...props,
+				mode: mode || "read"
+			}, createVNode(Fragment, null, [dataValue]))]);
+			if (props?.render) return createVNode(Fragment, null, [props.render?.(dataValue, {
+				text: dataValue,
+				...props
+			}, readDom)]);
+			return readDom;
+		}
+		if (mode === "update" || mode === "edit") {
+			const dom = createVNode(Fragment, null, [customValueTypeConfig.formItemRender?.(dataValue, {
+				text: dataValue,
+				...props
+			}, createVNode(Fragment, null, [dataValue]))]);
+			if (props?.formItemRender) return createVNode(Fragment, null, [props.formItemRender?.(dataValue, {
+				text: dataValue,
+				...props
+			}, dom)]);
+			return dom;
+		}
+	}
+	return createVNode(FieldText, mergeProps({ "text": dataValue }, props), null);
+}
+const ProPureField = /* @__PURE__ */ defineComponent((props, { attrs, expose }) => {
+	const proProvide = useProConfig();
+	const profieldRef = shallowRef(null);
+	const handleChange = (...restParams) => {
+		props.fieldProps?.onChange?.(...restParams);
+		props.onChange?.(...restParams);
+	};
+	expose({});
+	return () => {
+		const { text, valueType = "text", mode = "read", onChange, formItemRender, value, "onUpdate:text": onUpdateText, "onUpdate:value": onUpdateValue, readonly, fieldProps: restFieldProps, ...rest } = normalizeProps({
+			...attrs,
+			...props
+		});
+		const fieldProps = (value !== void 0 || restFieldProps) && {
+			value,
+			"onUpdate:value": (value) => {
+				onUpdateValue?.(value);
+				onUpdateText?.(value);
+			},
+			...omitUndefined(restFieldProps || {}),
+			onChange: handleChange
+		};
+		return pureRenderText(mode === "edit" ? fieldProps?.value ?? text ?? "" : text ?? fieldProps?.value ?? "", valueType || "text", omitUndefined({
+			ref: profieldRef,
+			...rest,
+			mode: readonly ? "read" : mode,
+			formItemRender: formItemRender ? (curText, props, dom) => {
+				const { placeholder: _placeholder, ...restProps } = props;
+				const newDom = formItemRender(curText, restProps, dom);
+				if (isVNode(newDom) && !isEmptyElement(newDom)) return cloneVNode(newDom, {
+					...fieldProps,
+					...newDom.props || {}
+				});
+				return newDom;
+			} : void 0,
+			placeholder: formItemRender ? void 0 : rest?.placeholder ?? fieldProps?.placeholder,
+			fieldProps: pickProProps(omitUndefined({
+				...fieldProps,
+				placeholder: formItemRender ? void 0 : rest?.placeholder ?? fieldProps?.placeholder
+			}))
+		}), proProvide.value.valueTypeMap || {});
+	};
+}, {
+	props: {
+		valueType: { required: false },
+		text: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		placeholder: {
+			type: [String, Array],
+			required: false
+		},
+		mode: {
+			type: String,
+			required: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		value: { required: false },
+		"onUpdate:value": {
+			type: Function,
+			required: false
+		},
+		onChange: {
+			type: Function,
+			required: false
+		},
+		"onUpdate:text": {
+			type: Function,
+			required: false
+		},
+		fieldProps: {
+			type: Object,
+			required: false
+		},
+		light: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		label: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		valueEnum: {
+			type: [Object, Map],
+			required: false
+		},
+		proFieldKey: {
+			type: [String, Number],
+			required: false
+		},
+		render: {
+			type: Function,
+			required: false
+		},
+		formItemRender: {
+			type: Function,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		request: {
+			type: Function,
+			required: false
+		},
+		emptyText: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		open: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		onOpenChange: {
+			type: Function,
+			required: false
+		}
+	},
+	name: "ProPureField",
+	inheritAttrs: false
+});
+//#endregion
+export { ProPureField as default };

package/dist/ValueTypeToComponent.d.ts

@@ -0,0 +1,6 @@
+import { ProRenderFieldPropsType } from "@antdv-next1/pro-provider";
+
+//#region src/ValueTypeToComponent.d.ts
+declare const ValueTypeToComponentMap: Record<string, ProRenderFieldPropsType>;
+//#endregion
+export { ValueTypeToComponentMap as default };

package/dist/ValueTypeToComponent.js

@@ -0,0 +1,442 @@
+import FieldSelect from "./components/Select/index.js";
+import FieldCascader from "./components/Cascader/index.js";
+import FieldCheckbox from "./components/Checkbox/index.js";
+import FieldCode from "./components/Code/index.js";
+import FieldColorPicker from "./components/ColorPicker/index.js";
+import FieldDatePicker from "./components/DatePicker/index.js";
+import FieldDigit from "./components/Digit/index.js";
+import FieldDigitRange from "./components/DigitRange/index.js";
+import FieldFromNow from "./components/FromNow/index.js";
+import FieldImage from "./components/Image/index.js";
+import FieldIndexColumn from "./components/IndexColumn/index.js";
+import FieldMoney from "./components/Money/index.js";
+import FieldOptions from "./components/Options/index.js";
+import FieldPassword from "./components/Password/index.js";
+import FieldPercent from "./components/Percent/index.js";
+import FieldProgress from "./components/Progress/index.js";
+import FieldRadio from "./components/Radio/index.js";
+import FieldTimeRangePicker from "./components/RangePicker/TimePicker.js";
+import FieldDateRangePicker from "./components/RangePicker/DatePicker.js";
+import FieldRate from "./components/Rate/index.js";
+import FieldSecond from "./components/Second/index.js";
+import FieldSegmented from "./components/Segmented/index.js";
+import FieldSlider from "./components/Slider/index.js";
+import FieldSwitch from "./components/Switch/index.js";
+import FieldText from "./components/Text/index.js";
+import FieldTextArea from "./components/TextArea/index.js";
+import FieldTimePicker from "./components/TimePicker/index.js";
+import FieldTreeSelect from "./components/TreeSelect/index.js";
+import FieldHOC from "./FieldHOC/index.js";
+import { createVNode, mergeProps } from "vue";
+import { pickProProps } from "@antdv-next1/pro-utils";
+import { Avatar } from "antdv-next";
+import dayjs from "dayjs";
+import advancedFormat from "dayjs/plugin/advancedFormat.js";
+import isoWeek from "dayjs/plugin/isoWeek.js";
+import localeData from "dayjs/plugin/localeData.js";
+import weekday from "dayjs/plugin/weekday.js";
+import weekOfYear from "dayjs/plugin/weekOfYear.js";
+//#region src/ValueTypeToComponent.tsx
+dayjs.extend(localeData);
+dayjs.extend(advancedFormat);
+dayjs.extend(isoWeek);
+dayjs.extend(weekOfYear);
+dayjs.extend(weekday);
+const ValueTypeToComponentMap = {
+	progress: {
+		render: (text, props) => {
+			const fieldProps = pickProProps(props.fieldProps);
+			const placeholder = typeof props.placeholder === "string" ? props.placeholder : void 0;
+			return createVNode(FieldProgress, {
+				"mode": props.mode,
+				"text": text,
+				"placeholder": placeholder,
+				"fieldProps": fieldProps
+			}, null);
+		},
+		formItemRender: (text, props) => {
+			const fieldProps = pickProProps(props.fieldProps);
+			const placeholder = typeof props.placeholder === "string" ? props.placeholder : void 0;
+			return createVNode(FieldProgress, {
+				"mode": props.mode,
+				"text": text,
+				"placeholder": placeholder,
+				"fieldProps": fieldProps
+			}, null);
+		}
+	},
+	money: {
+		render: (text, props) => {
+			const fieldProps = pickProProps(props.fieldProps);
+			const placeholder = typeof props.placeholder === "string" ? props.placeholder : void 0;
+			return createVNode(FieldMoney, {
+				"mode": props.mode,
+				"text": text,
+				"placeholder": placeholder,
+				"fieldProps": fieldProps
+			}, null);
+		},
+		formItemRender: (text, props) => {
+			const fieldProps = pickProProps(props.fieldProps);
+			const placeholder = typeof props.placeholder === "string" ? props.placeholder : void 0;
+			return createVNode(FieldMoney, {
+				"mode": props.mode,
+				"text": text,
+				"placeholder": placeholder,
+				"fieldProps": fieldProps
+			}, null);
+		}
+	},
+	percent: {
+		render: (text, props) => {
+			const fieldProps = pickProProps(props.fieldProps);
+			const placeholder = typeof props.placeholder === "string" ? props.placeholder : void 0;
+			return createVNode(FieldPercent, {
+				"mode": props.mode,
+				"text": text,
+				"placeholder": placeholder,
+				"fieldProps": fieldProps
+			}, null);
+		},
+		formItemRender: (text, props) => {
+			const fieldProps = pickProProps(props.fieldProps);
+			const placeholder = typeof props.placeholder === "string" ? props.placeholder : void 0;
+			return createVNode(FieldPercent, {
+				"mode": props.mode,
+				"text": text,
+				"placeholder": placeholder,
+				"fieldProps": fieldProps
+			}, null);
+		}
+	},
+	image: {
+		render: (text, props) => createVNode(FieldImage, mergeProps(props, {
+			"text": text,
+			"placeholder": props.placeholder
+		}), null),
+		formItemRender: (text, props) => createVNode(FieldImage, mergeProps(props, {
+			"placeholder": props.placeholder,
+			"text": text
+		}), null)
+	},
+	date: {
+		render: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDatePicker, mergeProps({ "format": "YYYY-MM-DD" }, props, { "text": text }), null)] }),
+		formItemRender: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDatePicker, mergeProps({ "format": "YYYY-MM-DD" }, props, { "text": text }), null)] })
+	},
+	dateWeek: {
+		render: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDatePicker, mergeProps({
+			"format": "YYYY-wo",
+			"picker": "week"
+		}, props, { "text": text }), null)] }),
+		formItemRender: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDatePicker, mergeProps({
+			"format": "YYYY-wo",
+			"picker": "week"
+		}, props, { "text": text }), null)] })
+	},
+	dateWeekRange: {
+		render: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDateRangePicker, mergeProps({
+			"format": "YYYY-W",
+			"showTime": true,
+			"fieldProps": {
+				picker: "week",
+				...props.fieldProps
+			}
+		}, props, { "text": text }), null)] }),
+		formItemRender: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDateRangePicker, mergeProps({
+			"format": "YYYY-W",
+			"showTime": true,
+			"fieldProps": {
+				picker: "week",
+				...props.fieldProps
+			}
+		}, props, { "text": text }), null)] })
+	},
+	dateMonthRange: {
+		render: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDateRangePicker, mergeProps({
+			"format": "YYYY-MM",
+			"showTime": true,
+			"fieldProps": {
+				picker: "month",
+				...props.fieldProps
+			}
+		}, props, { "text": text }), null)] }),
+		formItemRender: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDateRangePicker, mergeProps({
+			"format": "YYYY-MM",
+			"showTime": true,
+			"fieldProps": {
+				picker: "month",
+				...props.fieldProps
+			}
+		}, props, { "text": text }), null)] })
+	},
+	dateQuarterRange: {
+		render: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDateRangePicker, mergeProps({
+			"format": "YYYY-Q",
+			"showTime": true,
+			"fieldProps": {
+				picker: "quarter",
+				...props.fieldProps
+			}
+		}, props, { "text": text }), null)] }),
+		formItemRender: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDateRangePicker, mergeProps({
+			"format": "YYYY-Q",
+			"showTime": true,
+			"fieldProps": {
+				picker: "quarter",
+				...props.fieldProps
+			}
+		}, props, { "text": text }), null)] })
+	},
+	dateYearRange: {
+		render: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDateRangePicker, mergeProps({
+			"format": "YYYY",
+			"showTime": true,
+			"fieldProps": {
+				picker: "year",
+				...props.fieldProps
+			}
+		}, props, { "text": text }), null)] }),
+		formItemRender: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDateRangePicker, mergeProps({
+			"format": "YYYY",
+			"showTime": true,
+			"fieldProps": {
+				picker: "year",
+				...props.fieldProps
+			}
+		}, props, { "text": text }), null)] })
+	},
+	dateMonth: {
+		render: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDatePicker, mergeProps({
+			"format": "YYYY-MM",
+			"picker": "month"
+		}, props, { "text": text }), null)] }),
+		formItemRender: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDatePicker, mergeProps({
+			"format": "YYYY-MM",
+			"picker": "month"
+		}, props, { "text": text }), null)] })
+	},
+	dateQuarter: {
+		render: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDatePicker, mergeProps({
+			"format": "YYYY-[Q]Q",
+			"picker": "quarter"
+		}, props, { "text": text }), null)] }),
+		formItemRender: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDatePicker, mergeProps({
+			"format": "YYYY-[Q]Q",
+			"picker": "quarter"
+		}, props, { "text": text }), null)] })
+	},
+	dateYear: {
+		render: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDatePicker, mergeProps({
+			"format": "YYYY",
+			"picker": "year"
+		}, props, { "text": text }), null)] }),
+		formItemRender: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDatePicker, mergeProps({
+			"format": "YYYY",
+			"picker": "year"
+		}, props, { "text": text }), null)] })
+	},
+	dateRange: {
+		render: (text, props) => createVNode(FieldDateRangePicker, mergeProps({ "format": "YYYY-MM-DD" }, props, { "text": text }), null),
+		formItemRender: (text, props) => createVNode(FieldDateRangePicker, mergeProps({ "format": "YYYY-MM-DD" }, props, { "text": text }), null)
+	},
+	dateTime: {
+		render: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDatePicker, mergeProps({
+			"format": "YYYY-MM-DD HH:mm:ss",
+			"showTime": true
+		}, props, { "text": text }), null)] }),
+		formItemRender: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDatePicker, mergeProps({
+			"format": "YYYY-MM-DD HH:mm:ss",
+			"showTime": true
+		}, props, { "text": text }), null)] })
+	},
+	dateTimeRange: {
+		render: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDateRangePicker, mergeProps({
+			"format": "YYYY-MM-DD HH:mm:ss",
+			"showTime": true
+		}, props, { "text": text }), null)] }),
+		formItemRender: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldDateRangePicker, mergeProps({
+			"format": "YYYY-MM-DD HH:mm:ss",
+			"showTime": true
+		}, props, { "text": text }), null)] })
+	},
+	time: {
+		render: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldTimePicker, mergeProps({ "format": "HH:mm:ss" }, props, { "text": text }), null)] }),
+		formItemRender: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldTimePicker, mergeProps({ "format": "HH:mm:ss" }, props, { "text": text }), null)] })
+	},
+	timeRange: {
+		render: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldTimeRangePicker, mergeProps({ "format": "HH:mm:ss" }, props, { "text": text }), null)] }),
+		formItemRender: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldTimeRangePicker, mergeProps({ "format": "HH:mm:ss" }, props, { "text": text }), null)] })
+	},
+	fromNow: {
+		render: (text, props) => createVNode(FieldFromNow, mergeProps(props, { "text": text }), null),
+		formItemRender: (text, props) => createVNode(FieldFromNow, mergeProps(props, { "text": text }), null)
+	},
+	index: {
+		render: (text) => createVNode(FieldIndexColumn, { "children": text + 1 }, null),
+		formItemRender: (text) => createVNode(FieldIndexColumn, { "children": text + 1 }, null)
+	},
+	indexBorder: {
+		render: (text) => createVNode(FieldIndexColumn, {
+			"border": true,
+			"children": text + 1
+		}, null),
+		formItemRender: (text) => createVNode(FieldIndexColumn, {
+			"border": true,
+			"children": text + 1
+		}, null)
+	},
+	avatar: {
+		render: (text) => createVNode(Avatar, {
+			"src": text,
+			"size": 22,
+			"shape": "circle"
+		}, null),
+		formItemRender: (text) => createVNode(Avatar, {
+			"src": text,
+			"size": 22,
+			"shape": "circle"
+		}, null)
+	},
+	code: {
+		render: (text, props) => createVNode(FieldCode, mergeProps(props, { "text": text }), null),
+		formItemRender: (text, props) => createVNode(FieldCode, mergeProps(props, { "text": text }), null)
+	},
+	jsonCode: {
+		render: (text, props) => createVNode(FieldCode, mergeProps({ "language": "json" }, props, { "text": text }), null),
+		formItemRender: (text, props) => createVNode(FieldCode, mergeProps({ "language": "json" }, props, { "text": text }), null)
+	},
+	textarea: {
+		render: (text, props) => createVNode(FieldTextArea, mergeProps(props, { "text": text }), null),
+		formItemRender: (text, props) => createVNode(FieldTextArea, mergeProps(props, { "text": text }), null)
+	},
+	digit: {
+		render: (text, props) => {
+			const fieldProps = pickProProps(props.fieldProps);
+			const placeholder = Array.isArray(props.placeholder) ? props.placeholder[0] : typeof props.placeholder === "string" ? props.placeholder : void 0;
+			return createVNode(FieldDigit, {
+				"text": typeof text === "number" ? text : Number(text) || 0,
+				"placeholder": placeholder,
+				"mode": props.mode,
+				"fieldProps": fieldProps
+			}, null);
+		},
+		formItemRender: (text, props) => {
+			const fieldProps = pickProProps(props.fieldProps);
+			const placeholder = Array.isArray(props.placeholder) ? props.placeholder[0] : typeof props.placeholder === "string" ? props.placeholder : void 0;
+			return createVNode(FieldDigit, {
+				"text": typeof text === "number" ? text : Number(text) || 0,
+				"placeholder": placeholder,
+				"mode": props.mode,
+				"fieldProps": fieldProps
+			}, null);
+		}
+	},
+	digitRange: {
+		render: (text, props) => createVNode(FieldDigitRange, mergeProps(props, {
+			"text": text,
+			"placeholder": props.placeholder
+		}), null),
+		formItemRender: (text, props) => createVNode(FieldDigitRange, mergeProps(props, {
+			"text": text,
+			"placeholder": props.placeholder
+		}), null)
+	},
+	second: {
+		render: (text, props) => createVNode(FieldSecond, mergeProps(props, {
+			"text": text,
+			"placeholder": props.placeholder
+		}), null),
+		formItemRender: (text, props) => createVNode(FieldSecond, mergeProps(props, {
+			"text": text,
+			"placeholder": props.placeholder
+		}), null)
+	},
+	select: {
+		render: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldSelect, mergeProps(props, { "text": text }), null)] }),
+		formItemRender: (text, props) => createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldSelect, mergeProps(props, { "text": text }), null)] })
+	},
+	text: {
+		render: (text, props) => "valueEnum" in props ? createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldSelect, mergeProps(props, { "text": text }), null)] }) : createVNode(FieldText, mergeProps(props, {
+			"placeholder": props.placeholder,
+			"text": text
+		}), null),
+		formItemRender: (text, props) => "valueEnum" in props ? createVNode(FieldHOC, { "isLight": props.light }, { default: () => [createVNode(FieldSelect, mergeProps(props, { "text": text }), null)] }) : createVNode(FieldText, mergeProps(props, {
+			"placeholder": props.placeholder,
+			"text": text
+		}), null)
+	},
+	checkbox: {
+		render: (text, props) => createVNode(FieldCheckbox, mergeProps(props, { "text": text }), null),
+		formItemRender: (text, props) => createVNode(FieldCheckbox, mergeProps(props, { "text": text }), null)
+	},
+	radio: {
+		render: (text, props) => createVNode(FieldRadio, mergeProps(props, { "text": text }), null),
+		formItemRender: (text, props) => createVNode(FieldRadio, mergeProps(props, { "text": text }), null)
+	},
+	radioButton: {
+		render: (text, props) => createVNode(FieldRadio, mergeProps({ "radioType": "button" }, props, { "text": text }), null),
+		formItemRender: (text, props) => createVNode(FieldRadio, mergeProps({ "radioType": "button" }, props, { "text": text }), null)
+	},
+	rate: {
+		render: (text, props) => createVNode(FieldRate, mergeProps(props, { "text": text }), null),
+		formItemRender: (text, props) => createVNode(FieldRate, mergeProps(props, { "text": text }), null)
+	},
+	slider: {
+		render: (text, props) => createVNode(FieldSlider, mergeProps(props, { "text": text }), null),
+		formItemRender: (text, props) => createVNode(FieldSlider, mergeProps(props, { "text": text }), null)
+	},
+	switch: {
+		render: (text, props) => createVNode(FieldSwitch, mergeProps(props, { "text": text }), null),
+		formItemRender: (text, props) => createVNode(FieldSwitch, mergeProps(props, { "text": text }), null)
+	},
+	option: {
+		render: (text, props) => createVNode(FieldOptions, mergeProps(props, { "text": text }), null),
+		formItemRender: (text, props) => createVNode(FieldOptions, mergeProps(props, { "text": text }), null)
+	},
+	password: {
+		render: (text, props) => createVNode(FieldPassword, mergeProps(props, {
+			"text": text,
+			"placeholder": props.placeholder
+		}), null),
+		formItemRender: (text, props) => createVNode(FieldPassword, mergeProps(props, {
+			"text": text,
+			"placeholder": props.placeholder
+		}), null)
+	},
+	cascader: {
+		render: (text, props) => {
+			const fieldProps = pickProProps(props.fieldProps);
+			const placeholder = typeof props.placeholder === "string" ? props.placeholder : void 0;
+			return createVNode(FieldCascader, mergeProps(props, {
+				"mode": props.mode,
+				"text": text,
+				"placeholder": placeholder,
+				"fieldProps": fieldProps
+			}), null);
+		},
+		formItemRender: (text, props) => {
+			const fieldProps = pickProProps(props.fieldProps);
+			const placeholder = typeof props.placeholder === "string" ? props.placeholder : void 0;
+			return createVNode(FieldCascader, mergeProps(props, {
+				"mode": props.mode,
+				"text": text,
+				"placeholder": placeholder,
+				"fieldProps": fieldProps
+			}), null);
+		}
+	},
+	treeSelect: {
+		render: (text, props) => createVNode(FieldTreeSelect, mergeProps(props, { "text": text }), null),
+		formItemRender: (text, props) => createVNode(FieldTreeSelect, mergeProps(props, { "text": text }), null)
+	},
+	color: {
+		render: (text, props) => createVNode(FieldColorPicker, mergeProps(props, { "text": text }), null),
+		formItemRender: (text, props) => createVNode(FieldColorPicker, mergeProps(props, { "text": text }), null)
+	},
+	segmented: {
+		render: (text, props) => createVNode(FieldSegmented, mergeProps(props, { "text": text }), null),
+		formItemRender: (text, props) => createVNode(FieldSegmented, mergeProps(props, { "text": text }), null)
+	}
+};
+//#endregion
+export { ValueTypeToComponentMap as default };