@antdv-next1/pro-field 1.0.0

package/dist/components/DigitRange/index.js

@@ -0,0 +1,197 @@
+import { Fragment, computed, createVNode, defineComponent, mergeProps } from "vue";
+import { proTheme, useIntl } from "@antdv-next1/pro-provider";
+import { omitUndefined } from "@antdv-next1/pro-utils";
+import { Input, InputNumber, Space, SpaceCompact } from "antdv-next";
+import { omit, useMergedState } from "@v-c/util";
+//#region src/components/DigitRange/index.tsx
+const FieldDigitRange = /* @__PURE__ */ defineComponent((props) => {
+	const intl = useIntl();
+	const { token } = proTheme.useToken();
+	const [valuePair, setValuePair] = useMergedState(() => props.fieldProps?.defaultValue, {
+		value: computed(() => props.fieldProps?.value),
+		defaultValue: props.fieldProps?.defaultValue,
+		onChange: props.fieldProps?.onChange
+	});
+	return () => {
+		const { text, mode: type, render, placeholder: propsPlaceholder, formItemRender, separator = "~", separatorWidth = 30, ...rest } = props;
+		if (type === "read") {
+			const getContent = (number) => {
+				const digit = new Intl.NumberFormat(void 0, {
+					minimumSignificantDigits: 2,
+					...rest.fieldProps?.intlProps || {}
+				}).format(Number(number));
+				return rest.fieldProps?.formatter?.(digit, {
+					userTyping: false,
+					input: ""
+				}) || digit;
+			};
+			const dom = createVNode(Space, {
+				"align": "center",
+				"wrap": true
+			}, { default: () => [
+				getContent(text[0]),
+				" ",
+				separator,
+				" ",
+				getContent(text[1])
+			] });
+			if (render) return createVNode(Fragment, null, [render(text, {
+				mode: type,
+				...rest
+			}, dom)]);
+			return dom;
+		}
+		if (type === "edit" || type === "update") {
+			const handleGroupBlur = () => {
+				if (Array.isArray(valuePair.value)) {
+					const [value0, value1] = valuePair.value;
+					if (typeof value0 === "number" && typeof value1 === "number" && value0 > value1) setValuePair([value1, value0]);
+					else if (value0 === void 0 && value1 === void 0) setValuePair(void 0);
+				}
+			};
+			const handleChange = (index, changedValue) => {
+				const newValuePair = [...valuePair.value || []];
+				newValuePair[index] = changedValue === null ? void 0 : changedValue;
+				console.log(newValuePair, index, "newValuePair");
+				setValuePair(newValuePair);
+			};
+			const placeholderValue = rest.fieldProps?.placeholder || propsPlaceholder || [intl.value.getMessage({
+				id: "tableForm.inputPlaceholder",
+				defaultMessage: "请输入"
+			}), intl.value.getMessage({
+				id: "tableForm.inputPlaceholder",
+				defaultMessage: "请输入"
+			})];
+			const getInputNumberPlaceholder = (index) => Array.isArray(placeholderValue) ? placeholderValue[index] : placeholderValue;
+			const dom = createVNode(SpaceCompact, mergeProps({ "block": true }, { onBlur: handleGroupBlur }), { default: () => [
+				createVNode(InputNumber, mergeProps(omit(rest.fieldProps || {}, ["onChange", "onUpdate:value"]), {
+					"onUpdate:value": (value) => {
+						const newValuePair = [...valuePair.value || []];
+						newValuePair[0] = value === null ? void 0 : value;
+						rest.fieldProps?.["onUpdate:value"]?.(newValuePair);
+					},
+					"placeholder": getInputNumberPlaceholder(0)
+				}, omitUndefined({ id: rest.fieldProps?.id ?? `${rest.fieldProps?.id}-0` }), {
+					"style": { width: `calc((100% - ${separatorWidth}px) / 2)` },
+					"value": valuePair.value?.[0],
+					"defaultValue": rest.fieldProps?.defaultValue?.[0] || text[0],
+					"onChange": (changedValue) => handleChange(0, changedValue)
+				}), null),
+				createVNode(Input, {
+					"style": {
+						width: `${separatorWidth}px`,
+						textAlign: "center",
+						borderInlineStart: 0,
+						borderInlineEnd: 0,
+						pointerEvents: "none",
+						backgroundColor: token.value?.colorBgContainer
+					},
+					"placeholder": separator,
+					"disabled": true
+				}, null),
+				createVNode(InputNumber, mergeProps(omit(rest.fieldProps || {}, ["onChange", "onUpdate:value"]), {
+					"onUpdate:value": (value) => {
+						const newValuePair = [...valuePair.value || []];
+						newValuePair[1] = value === null ? void 0 : value;
+						rest.fieldProps?.["onUpdate:value"]?.(newValuePair);
+					},
+					"placeholder": getInputNumberPlaceholder(1)
+				}, omitUndefined({ id: rest.fieldProps?.id ?? `${rest.fieldProps?.id}-1` }), {
+					"style": { width: `calc((100% - ${separatorWidth}px) / 2)` },
+					"value": valuePair.value?.[1],
+					"defaultValue": rest.fieldProps?.defaultValue?.[1] || text[1],
+					"onChange": (changedValue) => handleChange(1, changedValue)
+				}), null)
+			] });
+			if (formItemRender) return createVNode(Fragment, null, [formItemRender(text, {
+				mode: type,
+				...rest,
+				placeholder: placeholderValue
+			}, 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: Array,
+			required: false
+		},
+		separator: {
+			type: String,
+			required: false
+		},
+		separatorWidth: {
+			type: Number,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		}
+	},
+	name: "FieldDigitRange",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldDigitRange as default };

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

@@ -0,0 +1,23 @@
+import { ProFieldFC } 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/FromNow/index.d.ts
+type FieldFromNowProps = ProFieldFC<{
+  text: string;
+  format?: string;
+  variant?: 'outlined' | 'borderless' | 'filled' | 'underlined';
+}, DatePickerProps>;
+declare const FieldFromNow: _$vue.DefineSetupFnComponent<FieldFromNowProps, {}, CustomSlotsType<{
+  default?: () => VueNode;
+}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<DatePickerProps> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<DatePickerProps> & {
+  text: string;
+  format?: string;
+  variant?: "outlined" | "borderless" | "filled" | "underlined";
+} & {
+  id?: string;
+} & {}, _$vue.PublicProps>;
+//#endregion
+export { FieldFromNowProps, FieldFromNow as default };

package/dist/components/FromNow/index.js

@@ -0,0 +1,123 @@
+import { Fragment, createVNode, defineComponent, isVNode, mergeProps } from "vue";
+import { useIntl } from "@antdv-next1/pro-provider";
+import { parseValueToDay } from "@antdv-next1/pro-utils";
+import { DatePicker, Tooltip } from "antdv-next";
+import dayjs from "dayjs";
+import relativeTime from "dayjs/plugin/relativeTime.js";
+//#region src/components/FromNow/index.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+dayjs.extend(relativeTime);
+const FieldFromNow = /* @__PURE__ */ defineComponent((prpos) => {
+	const intl = useIntl();
+	return () => {
+		const { text, mode, variant, render, formItemRender, format, ...rest } = prpos;
+		if (mode === "read") {
+			let _slot;
+			const dom = createVNode(Tooltip, { "title": dayjs(text).format(format || "YYYY-MM-DD HH:mm:ss") }, _isSlot(_slot = dayjs(text).fromNow()) ? _slot : { default: () => [_slot] });
+			if (render) return createVNode(Fragment, null, [render(text, {
+				mode,
+				...rest
+			}, createVNode(Fragment, null, [dom]))]);
+			return createVNode(Fragment, null, [dom]);
+		}
+		if (mode === "edit" || mode === "update") {
+			const placeholder = intl.value.getMessage({
+				id: "tableForm.selectPlaceholder",
+				defaultMessage: "请选择"
+			});
+			const momentValue = parseValueToDay(rest.fieldProps?.value);
+			const dom = createVNode(DatePicker, mergeProps({
+				"placeholder": placeholder,
+				"showTime": true,
+				"variant": variant ?? rest.fieldProps?.variant ?? "outlined"
+			}, rest.fieldProps, { "value": momentValue }), null);
+			if (formItemRender) return createVNode(Fragment, null, [formItemRender(text, {
+				mode,
+				...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
+		},
+		format: {
+			type: String,
+			required: false
+		},
+		variant: {
+			type: String,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		}
+	},
+	name: "FieldFromNow",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldFromNow as default };

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

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

package/dist/components/Image/index.js

@@ -0,0 +1,119 @@
+import { Fragment, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
+import { useIntl } from "@antdv-next1/pro-provider";
+import { Image, Input } from "antdv-next";
+//#region src/components/Image/index.tsx
+const FieldImage = /* @__PURE__ */ defineComponent((props, { expose }) => {
+	const imageRef = shallowRef(null);
+	const intl = useIntl();
+	expose({});
+	return () => {
+		const { text, mode: type, render, formItemRender, placeholder, width, ...rest } = props;
+		if (type === "read") {
+			const dom = createVNode(Image, mergeProps({
+				"ref": imageRef,
+				"width": width || 32,
+				"src": text
+			}, rest.fieldProps), null);
+			if (render) return createVNode(Fragment, null, [render(text, {
+				mode: type,
+				...rest
+			}, dom)]);
+			return dom;
+		}
+		if (type === "edit" || type === "update") {
+			const placeholderValue = placeholder || intl.value.getMessage({
+				id: "tableForm.inputPlaceholder",
+				defaultMessage: "请输入"
+			});
+			const dom = createVNode(Input, mergeProps({
+				"ref": imageRef,
+				"placeholder": placeholderValue
+			}, rest.fieldProps), null);
+			if (formItemRender) return createVNode(Fragment, null, [formItemRender(text, {
+				mode: type,
+				...rest,
+				placeholder: placeholderValue
+			}, 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
+		},
+		width: {
+			type: Number,
+			required: false
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		}
+	},
+	name: "FieldImage",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldImage as default };

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

@@ -0,0 +1,13 @@
+import * as _$vue from "vue";
+import { CustomSlotsType, VueNode } from "@v-c/util/dist/type";
+
+//#region src/components/IndexColumn/index.d.ts
+interface FieldIndexColumnProps {
+  border?: boolean;
+  children?: number | string;
+}
+declare const FieldIndexColumn: _$vue.DefineSetupFnComponent<FieldIndexColumnProps, {}, CustomSlotsType<{
+  default?: () => VueNode;
+}>, FieldIndexColumnProps & {}, _$vue.PublicProps>;
+//#endregion
+export { FieldIndexColumnProps, FieldIndexColumn as default };

package/dist/components/IndexColumn/index.js

@@ -0,0 +1,30 @@
+import { useStyle } from "./style/index.js";
+import { computed, createVNode, defineComponent } from "vue";
+import { classNames } from "@v-c/util";
+import { useConfig } from "antdv-next/dist/config-provider/context";
+//#region src/components/IndexColumn/index.tsx
+const FieldIndexColumn = /* @__PURE__ */ defineComponent((props) => {
+	const config = useConfig();
+	const prefixCls = computed(() => config.value.getPrefixCls("pro-field-index-column"));
+	const { wrapSSR, hashId } = useStyle(prefixCls);
+	return () => wrapSSR(createVNode("div", { "class": classNames(prefixCls.value, hashId.value, {
+		[`${prefixCls.value}-border`]: props.border,
+		"top-three": Number(props.children) > 3
+	}) }, [props.children]));
+}, {
+	props: {
+		border: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		children: {
+			type: [Number, String],
+			required: false
+		}
+	},
+	name: "IndexColumn",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldIndexColumn as default };

package/dist/components/IndexColumn/style/index.d.ts

@@ -0,0 +1,11 @@
+import { ComputedRef } from "vue";
+import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
+import { ProAliasToken } from "@antdv-next1/pro-provider";
+
+//#region src/components/IndexColumn/style/index.d.ts
+interface ProToken extends ProAliasToken {
+  componentCls: string;
+}
+declare function useStyle(prefixCls: ComputedRef<string>): _$_antdv_next1_pro_provider0.UseStyleResult;
+//#endregion
+export { ProToken, useStyle };

package/dist/components/IndexColumn/style/index.js

@@ -0,0 +1,29 @@
+import { useStyle as useStyle$1 } from "@antdv-next1/pro-provider";
+//#region src/components/IndexColumn/style/index.ts
+const genProStyle = (token) => {
+	return { [token.componentCls]: {
+		display: "inline-flex",
+		alignItems: "center",
+		justifyContent: "center",
+		width: "18px",
+		height: "18px",
+		"&-border": {
+			color: "#fff",
+			fontSize: "12px",
+			lineHeight: "12px",
+			backgroundColor: "#314659",
+			borderRadius: "9px",
+			"&.top-three": { backgroundColor: "#979797" }
+		}
+	} };
+};
+function useStyle(prefixCls) {
+	return useStyle$1("IndexColumn", (token) => {
+		return [genProStyle({
+			...token,
+			componentCls: `.${prefixCls.value}`
+		})];
+	});
+}
+//#endregion
+export { useStyle };

package/dist/components/Money/InputNumberPopover.d.ts

@@ -0,0 +1,120 @@
+import * as _$vue from "vue";
+import { VueNode } from "@antdv-next1/pro-utils";
+import { InputNumberProps } from "antdv-next";
+
+//#region src/components/Money/InputNumberPopover.d.ts
+/**
+ * input 的弹框，用于显示格式化之后的内容
+ *
+ * @result 10,000 -> 一万
+ * @result 10, 00, 000, 000 -> 一亿
+ */
+declare const InputNumberPopover: _$vue.DefineSetupFnComponent<InputNumberProps & {
+  open?: boolean;
+  'onUpdate:open'?: (open: boolean) => void;
+  onOpenChange?: (open: boolean) => void;
+  contentRender?: (props: InputNumberProps) => VueNode;
+} & {
+  numberFormatOptions?: {
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    localeMatcher?: string;
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    style?: string;
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    currency?: string;
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    currencyDisplay?: string;
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    currencySign?: string;
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    useGrouping?: boolean;
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    minimumIntegerDigits?: number;
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    minimumFractionDigits?: number;
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    maximumFractionDigits?: number;
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    minimumSignificantDigits?: number;
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    maximumSignificantDigits?: number;
+  };
+  numberPopoverRender?: ((props: InputNumberProps, defaultText: string) => VueNode) | boolean;
+}, {}, {}, InputNumberProps & {
+  open?: boolean;
+  'onUpdate:open'?: (open: boolean) => void;
+  onOpenChange?: (open: boolean) => void;
+  contentRender?: (props: InputNumberProps) => VueNode;
+} & {
+  numberFormatOptions?: {
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    localeMatcher?: string;
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    style?: string;
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    currency?: string;
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    currencyDisplay?: string;
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    currencySign?: string;
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    useGrouping?: boolean;
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    minimumIntegerDigits?: number;
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    minimumFractionDigits?: number;
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    maximumFractionDigits?: number;
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    minimumSignificantDigits?: number;
+    /**
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    maximumSignificantDigits?: number;
+  };
+  numberPopoverRender?: ((props: InputNumberProps, defaultText: string) => VueNode) | boolean;
+} & {}, _$vue.PublicProps>;
+//#endregion
+export { InputNumberPopover as default };