@antdv-next1/pro-field 1.0.0

package/dist/components/ColorPicker/index.js

@@ -0,0 +1,278 @@
+import { Fragment, computed, createVNode, defineComponent, mergeProps } from "vue";
+import { ColorPicker } from "antdv-next";
+import { useConfig as useConfig$1 } from "antdv-next/dist/config-provider/context";
+//#region src/components/ColorPicker/index.tsx
+const DEFAULT_PRESETS = {
+	label: "Recommended",
+	colors: [
+		"#F5222D",
+		"#FA8C16",
+		"#FADB14",
+		"#8BBB11",
+		"#52C41A",
+		"#13A8A8",
+		"#1677FF",
+		"#2F54EB",
+		"#722ED1",
+		"#EB2F96",
+		"#F5222D4D",
+		"#FA8C164D",
+		"#FADB144D",
+		"#8BBB114D",
+		"#52C41A4D",
+		"#13A8A84D",
+		"#1677FF4D",
+		"#2F54EB4D",
+		"#722ED14D",
+		"#EB2F964D"
+	]
+};
+const FieldColorPicker = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const config = useConfig$1();
+	const className = computed(() => config.value.getPrefixCls("field-color-picker"));
+	return () => {
+		const { text, mode: type, render, formItemRender, fieldProps, ...rest } = props;
+		if (type === "read") {
+			const dom = createVNode(ColorPicker, {
+				"value": text,
+				"class": className.value,
+				"open": false
+			}, slots);
+			if (render) return createVNode(Fragment, null, [render(text, {
+				mode: type,
+				...rest,
+				fieldProps
+			}, dom)]);
+			return dom;
+		}
+		if (type === "edit" || type === "update") {
+			const style = {
+				display: "table-cell",
+				...fieldProps?.style
+			};
+			const dom = createVNode(ColorPicker, mergeProps({ "presets": [DEFAULT_PRESETS] }, fieldProps, {
+				"style": style,
+				"class": className.value
+			}), slots);
+			if (formItemRender) return createVNode(Fragment, null, [formItemRender(text, {
+				mode: type,
+				...rest,
+				fieldProps,
+				style
+			}, dom)]);
+			return dom;
+		}
+		return null;
+	};
+}, {
+	props: {
+		text: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		"onUpdate:text": {
+			type: Function,
+			required: false
+		},
+		fieldProps: {
+			type: Object,
+			required: false
+		},
+		mode: {
+			type: String,
+			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
+		},
+		class: {
+			type: String,
+			required: false
+		},
+		style: {
+			type: Object,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		defaultValue: {
+			type: [
+				Object,
+				String,
+				null,
+				Array
+			],
+			required: false
+		},
+		open: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		placement: {
+			type: String,
+			required: false
+		},
+		trigger: {
+			type: String,
+			required: false
+		},
+		format: { required: false },
+		defaultFormat: { required: false },
+		valueFormat: {
+			type: Function,
+			required: false,
+			skipCheck: true
+		},
+		allowClear: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		presets: {
+			type: Array,
+			required: false
+		},
+		arrow: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		panelRender: {
+			type: Function,
+			required: false
+		},
+		showText: {
+			type: [Boolean, Function],
+			required: false,
+			default: void 0
+		},
+		size: {
+			type: [String, null],
+			required: false
+		},
+		classes: {
+			type: [Object, Function],
+			required: false
+		},
+		styles: {
+			type: [Object, Function],
+			required: false
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		disabledAlpha: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		disabledFormat: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		getPopupContainer: {
+			type: Function,
+			required: false
+		},
+		autoAdjustOverflow: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		destroyOnHidden: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		onChange: {
+			type: Function,
+			required: false
+		},
+		onClear: {
+			type: Function,
+			required: false
+		},
+		onChangeComplete: {
+			type: Function,
+			required: false
+		},
+		onOpenChange: {
+			type: Function,
+			required: false
+		},
+		"onUpdate:open": {
+			type: Function,
+			required: false
+		},
+		onFormatChange: {
+			type: Function,
+			required: false
+		},
+		"onUpdate:value": {
+			type: Function,
+			required: false
+		},
+		"onUpdate:format": {
+			type: Function,
+			required: false
+		}
+	},
+	name: "FieldColorPicker",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldColorPicker as default };

package/dist/components/DatePicker/index.d.ts

@@ -0,0 +1,27 @@
+import { ProFieldFC, ProFieldLightProps } from "../../typing.js";
+import * as _$vue from "vue";
+import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
+import { DatePickerProps } from "antdv-next";
+import { CustomSlotsType, VueNode } from "@v-c/util/dist/type";
+
+//#region src/components/DatePicker/index.d.ts
+type FieldDatePickerProps = ProFieldFC<{
+  text: string | number;
+  format?: string;
+  showTime?: boolean;
+  variant?: 'outlined' | 'borderless' | 'filled' | 'underlined';
+  picker?: 'time' | 'date' | 'week' | 'month' | 'quarter' | 'year';
+} & ProFieldLightProps, DatePickerProps>;
+declare const FieldDatePicker: _$vue.DefineSetupFnComponent<FieldDatePickerProps, {}, CustomSlotsType<{
+  default?: () => VueNode;
+}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<DatePickerProps> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<DatePickerProps> & {
+  text: string | number;
+  format?: string;
+  showTime?: boolean;
+  variant?: "outlined" | "borderless" | "filled" | "underlined";
+  picker?: "time" | "date" | "week" | "month" | "quarter" | "year";
+} & ProFieldLightProps & {
+  id?: string;
+} & {}, _$vue.PublicProps>;
+//#endregion
+export { FieldDatePickerProps, FieldDatePicker as default };

package/dist/components/DatePicker/index.js

@@ -0,0 +1,171 @@
+import { Fragment, createVNode, defineComponent, mergeProps } from "vue";
+import { useIntl } from "@antdv-next1/pro-provider";
+import { FieldLabel, parseValueToDay, useState } from "@antdv-next1/pro-utils";
+import { DatePicker } from "antdv-next";
+import dayjs from "dayjs";
+import weekOfYear from "dayjs/plugin/weekOfYear.js";
+//#region src/components/DatePicker/index.tsx
+dayjs.extend(weekOfYear);
+function formatDate(text, format) {
+	if (!text) return "-";
+	if (typeof format === "function") return format(dayjs(text));
+	else return dayjs(text).format((Array.isArray(format) ? format[0] : format) || "YYYY-MM-DD");
+}
+const FieldDatePicker = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const intl = useIntl();
+	const [open, setOpen] = useState(false);
+	return () => {
+		const { text, mode, format, label, light, render, formItemRender, showTime, variant, fieldProps, picker, lightLabel, ...rest } = props;
+		if (mode === "read") {
+			const dom = formatDate(text, fieldProps?.format || format);
+			if (render) return createVNode(Fragment, null, [render(text, {
+				mode,
+				...rest,
+				fieldProps
+			}, createVNode(Fragment, null, [dom]))]);
+			return createVNode(Fragment, null, [dom]);
+		}
+		if (mode === "edit" || mode === "update") {
+			const { value, disabled, placeholder = intl.value.getMessage({
+				id: "tableForm.selectPlaceholder",
+				defaultMessage: "请选择"
+			}) } = fieldProps;
+			const dayValue = parseValueToDay(value);
+			let dom = createVNode(DatePicker, mergeProps({
+				"picker": picker,
+				"showTime": showTime,
+				"format": format,
+				"placeholder": placeholder,
+				"variant": variant
+			}, fieldProps, { "value": dayValue }), slots);
+			if (light) dom = createVNode(FieldLabel, {
+				"label": label,
+				"onClick": () => {
+					fieldProps?.onOpenChange?.(true);
+					setOpen(true);
+				},
+				"style": dayValue ? { paddingInlineEnd: 0 } : void 0,
+				"disabled": disabled,
+				"value": dayValue || open ? createVNode(DatePicker, mergeProps({
+					"picker": picker,
+					"showTime": showTime,
+					"format": format
+				}, fieldProps, {
+					"value": dayValue,
+					"onOpenChange": (isOpen) => {
+						setOpen(isOpen);
+						fieldProps?.onOpenChange?.(isOpen);
+					},
+					"open": open.value
+				}), null) : void 0,
+				"allowClear": false,
+				"downIcon": dayValue || open ? false : void 0,
+				"variant": variant,
+				"ref": lightLabel
+			}, null);
+			if (formItemRender) return createVNode(Fragment, null, [formItemRender(text, {
+				mode,
+				...rest,
+				fieldProps
+			}, dom)]);
+			return dom;
+		}
+		return null;
+	};
+}, {
+	props: {
+		text: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		"onUpdate:text": {
+			type: Function,
+			required: false
+		},
+		fieldProps: {
+			type: Object,
+			required: false
+		},
+		mode: {
+			type: String,
+			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
+		},
+		format: {
+			type: String,
+			required: false
+		},
+		showTime: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		variant: {
+			type: String,
+			required: false
+		},
+		picker: {
+			type: String,
+			required: false
+		},
+		lightLabel: {
+			type: Object,
+			required: false
+		},
+		labelTrigger: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		id: {
+			type: String,
+			required: false
+		}
+	},
+	name: "FieldDatePicker",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldDatePicker as default };

package/dist/components/Digit/index.d.ts

@@ -0,0 +1,27 @@
+import { ProFieldFC } from "../../typing.js";
+import * as _$vue from "vue";
+import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
+import { InputNumberProps } from "antdv-next";
+import { CustomSlotsType, VueNode } from "@v-c/util/dist/type";
+
+//#region src/components/Digit/index.d.ts
+type FieldDigitProps = ProFieldFC<{
+  text: number;
+  placeholder?: string;
+}, InputNumberProps & {
+  intlProps: Intl.NumberFormatOptions;
+}>;
+declare const FieldDigit: _$vue.DefineSetupFnComponent<FieldDigitProps, {}, CustomSlotsType<{
+  default?: () => VueNode;
+}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<InputNumberProps & {
+  intlProps: Intl.NumberFormatOptions;
+}> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<InputNumberProps & {
+  intlProps: Intl.NumberFormatOptions;
+}> & {
+  text: number;
+  placeholder?: string;
+} & {
+  id?: string;
+} & {}, _$vue.PublicProps>;
+//#endregion
+export { FieldDigitProps, FieldDigit as default };

package/dist/components/Digit/index.js

@@ -0,0 +1,159 @@
+import { Fragment, createVNode, defineComponent, mergeProps } from "vue";
+import { useIntl } from "@antdv-next1/pro-provider";
+import { isNil } from "@antdv-next1/pro-utils";
+import { InputNumber } from "antdv-next";
+import { omit } from "@v-c/util";
+//#region src/components/Digit/index.tsx
+/**
+* 判断字符串是否为空或仅包含空白字符
+* @param {string} str - 要检查的字符串
+* @returns {boolean} - 如果为空或仅包含空白字符返回 true，否则返回 false
+*/
+function isEmptyOrWhitespace(str) {
+	return isNil(str) || str === "" || str?.trim() === "";
+}
+const FieldDigit = /* @__PURE__ */ defineComponent((props) => {
+	const intl = useIntl();
+	const proxyChange = (value) => {
+		let val = value ?? void 0;
+		if (!props.fieldProps?.stringMode && typeof val === "string") {
+			const numVal = Number(val);
+			if (Number.isNaN(numVal)) {
+				const match = val.match(/^(\d+(?:\.\d+)?)/);
+				if (match) val = Number(match[1]);
+				else val = void 0;
+			} else val = numVal;
+		}
+		if (typeof val === "number" && !isNil(val) && !isNil(props.fieldProps?.precision)) val = Number(val.toFixed(props.fieldProps.precision));
+		return val;
+	};
+	return () => {
+		const { text, mode: type, render, placeholder: propsPlaceholder, formItemRender, ...rest } = props;
+		if (type === "read") {
+			let fractionDigits = {};
+			if (rest.fieldProps?.precision) fractionDigits = {
+				minimumFractionDigits: Number(rest.fieldProps.precision),
+				maximumFractionDigits: Number(rest.fieldProps.precision)
+			};
+			const digit = new Intl.NumberFormat(void 0, {
+				...fractionDigits,
+				...rest.fieldProps?.intlProps || {}
+			}).format(Number(text));
+			const dom = !rest.fieldProps?.stringMode ? createVNode("span", null, [rest.fieldProps?.formatter?.(digit, {
+				userTyping: false,
+				input: ""
+			}) || digit]) : createVNode("span", null, [text]);
+			if (render) return createVNode(Fragment, null, [render(text, {
+				mode: type,
+				...rest
+			}, dom)]);
+			return dom;
+		}
+		if (type === "edit" || type === "update") {
+			const placeholder = propsPlaceholder || intl.value.getMessage({
+				id: "tableForm.inputPlaceholder",
+				defaultMessage: "请输入"
+			});
+			const dom = createVNode(InputNumber, mergeProps({
+				"min": 0,
+				"placeholder": placeholder
+			}, omit(rest.fieldProps, ["onChange", "onBlur"]), {
+				"onChange": (e) => rest.fieldProps?.onChange?.(proxyChange(e)),
+				"onBlur": (e) => {
+					const value = e.target?.value;
+					if (isEmptyOrWhitespace(value)) {
+						rest.fieldProps?.onBlur?.(e);
+						return;
+					}
+					const processedValue = proxyChange(value);
+					if (e.target && typeof processedValue === "number") {
+						e.target.value = processedValue.toString();
+						rest.fieldProps?.onChange?.(processedValue);
+					}
+					rest.fieldProps?.onBlur?.(e);
+				}
+			}), null);
+			if (formItemRender) return createVNode(Fragment, null, [formItemRender(text, {
+				mode: type,
+				...rest,
+				placeholder
+			}, dom)]);
+			return dom;
+		}
+		return null;
+	};
+}, {
+	props: {
+		text: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		"onUpdate:text": {
+			type: Function,
+			required: false
+		},
+		fieldProps: {
+			type: Object,
+			required: false
+		},
+		mode: {
+			type: String,
+			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
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		}
+	},
+	name: "FieldDigit",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldDigit as default };

package/dist/components/DigitRange/index.d.ts

@@ -0,0 +1,48 @@
+import { ProFieldFC } from "../../typing.js";
+import * as _$vue from "vue";
+import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
+import { InputNumberProps } from "antdv-next";
+import { CustomSlotsType, VueNode } from "@v-c/util/dist/type";
+
+//#region src/components/DigitRange/index.d.ts
+type Value = string | number | undefined | null;
+type ValuePair = Value[];
+type FieldDigitRangeProps = ProFieldFC<{
+  text: ValuePair;
+  placeholder?: string[];
+  separator?: string;
+  separatorWidth?: number;
+}, Omit<InputNumberProps, 'placeholder' | 'value' | 'defaultValue' | 'onChange'> & {
+  id?: string;
+  placeholder?: string[];
+  value?: ValuePair;
+  onChange?: (value?: ValuePair) => void;
+  defaultValue?: ValuePair;
+  intlProps?: Intl.NumberFormatOptions;
+}>;
+declare const FieldDigitRange: _$vue.DefineSetupFnComponent<FieldDigitRangeProps, {}, CustomSlotsType<{
+  default?: () => VueNode;
+}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<Omit<InputNumberProps, "onChange" | "placeholder" | "value" | "defaultValue"> & {
+  id?: string;
+  placeholder?: string[];
+  value?: ValuePair;
+  onChange?: (value?: ValuePair) => void;
+  defaultValue?: ValuePair;
+  intlProps?: Intl.NumberFormatOptions;
+}> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<Omit<InputNumberProps, "onChange" | "placeholder" | "value" | "defaultValue"> & {
+  id?: string;
+  placeholder?: string[];
+  value?: ValuePair;
+  onChange?: (value?: ValuePair) => void;
+  defaultValue?: ValuePair;
+  intlProps?: Intl.NumberFormatOptions;
+}> & {
+  text: ValuePair;
+  placeholder?: string[];
+  separator?: string;
+  separatorWidth?: number;
+} & {
+  id?: string;
+} & {}, _$vue.PublicProps>;
+//#endregion
+export { FieldDigitRangeProps, Value, ValuePair, FieldDigitRange as default };