@antdv-next1/pro-field 1.0.0

package/dist/components/RangePicker/DatePicker.js

@@ -0,0 +1,189 @@
+import { Fragment, createVNode, defineComponent, mergeProps } from "vue";
+import { useIntl } from "@antdv-next1/pro-provider";
+import { FieldLabel, parseValueToDay, useState } from "@antdv-next1/pro-utils";
+import { DateRangePicker, Space } from "antdv-next";
+import dayjs from "dayjs";
+//#region src/components/RangePicker/DatePicker.tsx
+const FieldDateRangePicker = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const intl = useIntl();
+	const [open, setOpen] = useState(false);
+	const genFormatText = (formatValue) => {
+		if (typeof props.fieldProps?.format === "function") return props.fieldProps?.format?.(formatValue);
+		return props.fieldProps?.format || props.format || "YYYY-MM-DD";
+	};
+	return () => {
+		const { text, mode, light, label, format = "YYYY-MM-DD", render, picker, formItemRender, showTime, separator = "~", lightLabel, variant: propsVariant, fieldProps, ...rest } = props;
+		const [startText, endText] = Array.isArray(text) ? text : [];
+		const parsedStartText = startText ? dayjs(startText).format(genFormatText(dayjs(startText))) : "";
+		const parsedEndText = endText ? dayjs(endText).format(genFormatText(dayjs(endText))) : "";
+		if (mode === "read") {
+			const dom = createVNode(Space, {
+				"align": "center",
+				"wrap": true
+			}, { default: () => [
+				createVNode("div", null, [parsedStartText || "-"]),
+				" ",
+				separator,
+				" ",
+				createVNode("div", null, [parsedEndText || "-"])
+			] });
+			if (render) return createVNode(Fragment, null, [render(text, {
+				mode,
+				...rest,
+				fieldProps
+			}, createVNode("span", null, [dom]))]);
+			return dom;
+		}
+		if (mode === "edit" || mode === "update") {
+			const dayValue = parseValueToDay(fieldProps?.value);
+			const placeholder = fieldProps?.placeholder || [intl.value.getMessage({
+				id: "tableForm.selectPlaceholder",
+				defaultMessage: "请选择"
+			}), intl.value.getMessage({
+				id: "tableForm.selectPlaceholder",
+				defaultMessage: "请选择"
+			})];
+			let dom = createVNode(DateRangePicker, mergeProps({
+				"format": format,
+				"showTime": showTime,
+				"placeholder": placeholder
+			}, fieldProps, { "value": dayValue }), slots);
+			if (light) dom = createVNode(FieldLabel, {
+				"label": label,
+				"onClick": () => {
+					fieldProps?.onOpenChange?.(true);
+					setOpen(true);
+				},
+				"style": dayValue ? { paddingInlineEnd: 0 } : void 0,
+				"disabled": Array.isArray(fieldProps?.disabled) ? fieldProps.disabled[0] : fieldProps?.disabled,
+				"value": dayValue || open.value ? createVNode(DateRangePicker, mergeProps({
+					"picker": picker,
+					"showTime": showTime,
+					"format": format
+				}, fieldProps, {
+					"placeholder": placeholder,
+					"value": dayValue,
+					"onOpenChange": (isOpen) => {
+						if (dayValue) setOpen(isOpen);
+						fieldProps?.onOpenChange?.(isOpen);
+					},
+					"onChange": (dates, dateStrings) => {
+						fieldProps?.onChange?.(dates, dateStrings);
+						if (!dates) setOpen(false);
+					}
+				}), null) : null,
+				"allowClear": false,
+				"variant": propsVariant,
+				"ref": lightLabel,
+				"downIcon": dayValue || open.value ? false : void 0
+			}, 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
+		},
+		variant: {
+			type: String,
+			required: false
+		},
+		showTime: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		separator: {
+			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: "FieldDateRangePicker",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldDateRangePicker as default };

package/dist/components/RangePicker/TimePicker.d.ts

@@ -0,0 +1,25 @@
+import { ProFieldFC, ProFieldLightProps } from "../../typing.js";
+import * as _$vue from "vue";
+import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
+import { TimeRangePickerProps } from "antdv-next";
+import { CustomSlotsType, VueNode } from "@v-c/util/dist/type";
+
+//#region src/components/RangePicker/TimePicker.d.ts
+type FieldTimeRangePickerProps = ProFieldFC<{
+  text: string[] | number[];
+  format?: string;
+  separator?: string;
+  variant?: 'outlined' | 'borderless' | 'filled' | 'underlined';
+} & ProFieldLightProps, TimeRangePickerProps>;
+declare const FieldTimeRangePicker: _$vue.DefineSetupFnComponent<FieldTimeRangePickerProps, {}, CustomSlotsType<{
+  default?: () => VueNode;
+}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<TimeRangePickerProps> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<TimeRangePickerProps> & {
+  text: string[] | number[];
+  format?: string;
+  separator?: string;
+  variant?: "outlined" | "borderless" | "filled" | "underlined";
+} & ProFieldLightProps & {
+  id?: string;
+} & {}, _$vue.PublicProps>;
+//#endregion
+export { FieldTimeRangePickerProps, FieldTimeRangePicker as default };

package/dist/components/RangePicker/TimePicker.js

@@ -0,0 +1,177 @@
+import { Fragment, createVNode, defineComponent, mergeProps } from "vue";
+import { useIntl } from "@antdv-next1/pro-provider";
+import { FieldLabel, parseValueToDay, useState } from "@antdv-next1/pro-utils";
+import { Space, TimeRangePicker } from "antdv-next";
+import dayjs from "dayjs";
+//#region src/components/RangePicker/TimePicker.tsx
+const FieldTimeRangePicker = /* @__PURE__ */ defineComponent((props) => {
+	const intl = useIntl();
+	const [open, setOpen] = useState(false);
+	return () => {
+		const { text, light, label, mode, lightLabel, format, render, variant, separator = "~", formItemRender, fieldProps, ...rest } = props;
+		const finalFormat = fieldProps?.format || format || "HH:mm:ss";
+		const [startText, endText] = Array.isArray(text) ? text : [];
+		const startTextIsNumberOrMoment = dayjs.isDayjs(startText) || typeof startText === "number";
+		const endTextIsNumberOrMoment = dayjs.isDayjs(endText) || typeof endText === "number";
+		const parsedStartText = startText ? dayjs(startText, startTextIsNumberOrMoment ? void 0 : finalFormat).format(finalFormat) : "";
+		const parsedEndText = endText ? dayjs(endText, endTextIsNumberOrMoment ? void 0 : finalFormat).format(finalFormat) : "";
+		if (mode === "read") {
+			const dom = createVNode(Space, {
+				"align": "center",
+				"wrap": true
+			}, { default: () => [
+				createVNode("div", null, [parsedStartText || "-"]),
+				" ",
+				separator,
+				" ",
+				createVNode("div", null, [parsedEndText || "-"])
+			] });
+			if (render) return createVNode(Fragment, null, [render(text, {
+				mode,
+				...rest,
+				fieldProps
+			}, createVNode("span", null, [dom]))]);
+			return dom;
+		}
+		if (mode === "edit" || mode === "update") {
+			const dayValue = parseValueToDay(fieldProps?.value, finalFormat);
+			let dom = createVNode(TimeRangePicker, mergeProps({
+				"format": format,
+				"variant": variant
+			}, fieldProps, { "value": dayValue }), null);
+			if (light) {
+				const { disabled, placeholder = [intl.value.getMessage({
+					id: "tableForm.selectPlaceholder",
+					defaultMessage: "请选择"
+				}), intl.value.getMessage({
+					id: "tableForm.selectPlaceholder",
+					defaultMessage: "请选择"
+				})] } = fieldProps;
+				dom = createVNode(FieldLabel, {
+					"onClick": () => {
+						fieldProps?.onOpenChange?.(true);
+						setOpen(true);
+					},
+					"style": dayValue ? { paddingInlineEnd: 0 } : void 0,
+					"label": label,
+					"disabled": Array.isArray(disabled) ? disabled[0] : disabled,
+					"variant": variant,
+					"placeholder": placeholder,
+					"value": dayValue || open.value ? createVNode(TimeRangePicker, mergeProps({
+						"variant": variant ?? fieldProps?.variant,
+						"format": format
+					}, fieldProps, {
+						"placeholder": placeholder,
+						"value": dayValue,
+						"onOpenChange": (isOpen) => {
+							setOpen(isOpen);
+							fieldProps?.onOpenChange?.(isOpen);
+						},
+						"open": open.value
+					}), null) : null,
+					"downIcon": dayValue || open.value ? false : void 0,
+					"allowClear": false,
+					"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
+		},
+		separator: {
+			type: String,
+			required: false
+		},
+		variant: {
+			type: String,
+			required: false
+		},
+		lightLabel: {
+			type: Object,
+			required: false
+		},
+		labelTrigger: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		id: {
+			type: String,
+			required: false
+		}
+	},
+	name: "FieldTimeRangePicker",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldTimeRangePicker as default };

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

@@ -0,0 +1,3 @@
+import FieldDateRangePicker, { FieldDateRangePickerProps } from "./DatePicker.js";
+import FieldTimeRangePicker, { FieldTimeRangePickerProps } from "./TimePicker.js";
+export { FieldDateRangePicker, type FieldDateRangePickerProps, FieldTimeRangePicker, type FieldTimeRangePickerProps };

package/dist/components/RangePicker/index.js

@@ -0,0 +1,3 @@
+import FieldTimeRangePicker from "./TimePicker.js";
+import FieldDateRangePicker from "./DatePicker.js";
+export { FieldDateRangePicker, FieldTimeRangePicker };

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

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

package/dist/components/Rate/index.js

@@ -0,0 +1,98 @@
+import { Fragment, createVNode, defineComponent, mergeProps } from "vue";
+import { Rate } from "antdv-next";
+//#region src/components/Rate/index.tsx
+const FieldRate = /* @__PURE__ */ defineComponent((props) => {
+	return () => {
+		const { text, mode, render, formItemRender, fieldProps } = props;
+		if (mode === "read") {
+			const dom = createVNode(Rate, mergeProps({
+				"allowHalf": true,
+				"disabled": true
+			}, fieldProps, { "value": text }), null);
+			if (render) return createVNode(Fragment, null, [render(text, {
+				mode,
+				...fieldProps
+			}, createVNode(Fragment, null, [dom]))]);
+			return dom;
+		}
+		if (mode === "edit" || mode === "update") {
+			const dom = createVNode(Rate, mergeProps({ "allowHalf": true }, fieldProps), null);
+			if (formItemRender) return createVNode(Fragment, null, [formItemRender(text, {
+				mode,
+				...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
+		},
+		id: {
+			type: String,
+			required: false
+		}
+	},
+	name: "FieldRate",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldRate as default };

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

@@ -0,0 +1,28 @@
+import { ProFieldFC } from "../../typing.js";
+import * as _$vue from "vue";
+import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
+import { IntlType } from "@antdv-next1/pro-provider";
+import { InputNumberProps } from "antdv-next";
+import { CustomSlotsType, VueNode } from "@v-c/util/dist/type";
+
+//#region src/components/Second/index.d.ts
+/**
+ * 格式化秒
+ * @param result
+ * @param intl
+ */
+declare function formatSecond(result: number, intl: IntlType): string;
+type FieldSecondProps = ProFieldFC<{
+  text: number;
+  placeholder?: string;
+}, InputNumberProps>;
+declare const FieldSecond: _$vue.DefineSetupFnComponent<FieldSecondProps, {}, CustomSlotsType<{
+  default?: () => VueNode;
+}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<InputNumberProps> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<InputNumberProps> & {
+  text: number;
+  placeholder?: string;
+} & {
+  id?: string;
+} & {}, _$vue.PublicProps>;
+//#endregion
+export { FieldSecondProps, FieldSecond as default, formatSecond };

package/dist/components/Second/index.js

@@ -0,0 +1,151 @@
+import { Fragment, createVNode, defineComponent, mergeProps } from "vue";
+import { useIntl } from "@antdv-next1/pro-provider";
+import { InputNumber } from "antdv-next";
+//#region src/components/Second/index.tsx
+/**
+* 格式化秒
+* @param result
+* @param intl
+*/
+function formatSecond(result, intl) {
+	let newResult = result;
+	let formatText;
+	let past = false;
+	if (newResult < 0) {
+		newResult = -newResult;
+		past = true;
+	}
+	const d = Math.floor(newResult / (3600 * 24));
+	const h = Math.floor(newResult / 3600 % 24);
+	const m = Math.floor(newResult / 60 % 60);
+	formatText = `${Math.floor(newResult % 60)}${intl.getMessage({
+		id: "time.seconds",
+		defaultMessage: "秒"
+	})}`;
+	if (m > 0) formatText = `${m}${intl.getMessage({
+		id: "time.minutes",
+		defaultMessage: "分钟"
+	})}${formatText}`;
+	if (h > 0) formatText = `${h}${intl.getMessage({
+		id: "time.hours",
+		defaultMessage: "小时"
+	})}${formatText}`;
+	if (d > 0) formatText = `${d}${intl.getMessage({
+		id: "time.days",
+		defaultMessage: "天"
+	})}${formatText}`;
+	if (past) formatText += intl.getMessage({
+		id: "time.ago",
+		defaultMessage: "前"
+	});
+	return formatText;
+}
+const FieldSecond = /* @__PURE__ */ defineComponent((props) => {
+	const intl = useIntl();
+	return () => {
+		const { text, mode: type, render, formItemRender, fieldProps, placeholder: propsPlaceholder, ...rest } = props;
+		if (type === "read") {
+			const dom = createVNode("span", null, [formatSecond(Number(text), intl.value)]);
+			if (render) return createVNode(Fragment, null, [render(text, {
+				mode: type,
+				...rest,
+				fieldProps
+			}, 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,
+				"style": { width: "100%" },
+				"defaultValue": text,
+				"placeholder": placeholder
+			}, fieldProps), null);
+			if (formItemRender) return createVNode(Fragment, null, [formItemRender(text, {
+				mode: type,
+				...rest,
+				fieldProps,
+				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: "FieldSecond",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldSecond as default, formatSecond };