@antdv-next1/pro-field 1.0.0

package/dist/components/Percent/index.js

@@ -0,0 +1,171 @@
+import { getColorByRealValue, getRealTextWithPrecision, getSymbolByRealValue, toNumber } from "./util.js";
+import { Fragment, createVNode, defineComponent, mergeProps } from "vue";
+import { useIntl } from "@antdv-next1/pro-provider";
+import { useMemo } from "@antdv-next1/pro-utils";
+import { InputNumber } from "antdv-next";
+//#region src/components/Percent/index.tsx
+const FieldPercent = /* @__PURE__ */ defineComponent((props) => {
+	const intl = useIntl();
+	const realValue = useMemo(() => typeof props.text === "string" && props.text.includes("%") ? toNumber(props.text.replace("%", "")) : toNumber(props.text), [() => props.text]);
+	const showSymbol = useMemo(() => {
+		if (typeof props.showSymbol === "function") return props.showSymbol(props.text);
+		return props.showSymbol;
+	}, [() => props.showSymbol, () => props.text]);
+	return () => {
+		const { text, prefix, precision, suffix = "%", mode, showColor = false, render, formItemRender, fieldProps, placeholder: propsPlaceholder, ...rest } = props;
+		if (mode === "read") {
+			const dom = createVNode("span", { "style": showColor ? { color: getColorByRealValue(realValue.value) } : {} }, [
+				prefix && createVNode("span", null, [prefix]),
+				showSymbol.value && createVNode(Fragment, null, [getSymbolByRealValue(realValue.value), " "]),
+				getRealTextWithPrecision(Math.abs(realValue.value), precision),
+				suffix && suffix
+			]);
+			if (render) return createVNode(Fragment, null, [render(text, {
+				mode,
+				...rest,
+				fieldProps,
+				prefix,
+				precision,
+				showSymbol: showSymbol.value,
+				suffix
+			}, dom)]);
+			return dom;
+		}
+		if (mode === "edit" || mode === "update") {
+			const placeholder = propsPlaceholder || intl.value.getMessage({
+				id: "tableForm.inputPlaceholder",
+				defaultMessage: "请输入"
+			});
+			const dom = createVNode(InputNumber, mergeProps({
+				"defaultValue": text,
+				"formatter": (value) => {
+					if (value && prefix) return `${prefix} ${value}`.replace(/\B(?=(\d{3})+$)/g, ",");
+					return value;
+				},
+				"parser": (value) => value ? value.replace(/.*\s|,/g, "") : "",
+				"placeholder": placeholder
+			}, fieldProps), 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
+		},
+		prefix: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		suffix: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		precision: {
+			type: Number,
+			required: false
+		},
+		showColor: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		showSymbol: {
+			type: [Boolean, Function],
+			required: false,
+			default: void 0
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		}
+	},
+	name: "FieldPercent",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldPercent as default };

package/dist/components/Percent/util.d.ts

@@ -0,0 +1,10 @@
+//#region src/components/Percent/util.d.ts
+/** 获取展示符号 */
+declare function getSymbolByRealValue(realValue: number): "-" | "+" | null;
+/** 获取颜色 */
+declare function getColorByRealValue(realValue: number /** ,color: string */): "#595959" | "#ff4d4f" | "#52c41a";
+/** 获取到最后展示的数字 */
+declare function getRealTextWithPrecision(realValue: number, precision?: number): string | number;
+declare function toNumber(value: any): number;
+//#endregion
+export { getColorByRealValue, getRealTextWithPrecision, getSymbolByRealValue, toNumber };

package/dist/components/Percent/util.js

@@ -0,0 +1,22 @@
+//#region src/components/Percent/util.ts
+/** 获取展示符号 */
+function getSymbolByRealValue(realValue) {
+	if (realValue === 0) return null;
+	if (realValue > 0) return "+";
+	return "-";
+}
+/** 获取颜色 */
+function getColorByRealValue(realValue) {
+	if (realValue === 0) return "#595959";
+	return realValue > 0 ? "#ff4d4f" : "#52c41a";
+}
+/** 获取到最后展示的数字 */
+function getRealTextWithPrecision(realValue, precision = 2) {
+	return precision >= 0 ? realValue?.toFixed(precision) : realValue;
+}
+function toNumber(value) {
+	if (typeof value === "symbol" || typeof value === "symbol") return NaN;
+	return Number(value);
+}
+//#endregion
+export { getColorByRealValue, getRealTextWithPrecision, getSymbolByRealValue, toNumber };

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

@@ -0,0 +1,22 @@
+import { ProFieldFC } from "../../typing.js";
+import * as _$vue from "vue";
+import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
+import { InputNumberProps, ProgressProps } from "antdv-next";
+import { CustomSlotsType, VueNode } from "@v-c/util/dist/type";
+
+//#region src/components/Progress/index.d.ts
+declare function getProgressStatus(text: number): 'success' | 'exception' | 'normal' | 'active';
+type FieldProgressProps = ProFieldFC<{
+  text: number | string;
+  placeholder?: string;
+}, ProgressProps | InputNumberProps>;
+declare const FieldProgress: _$vue.DefineSetupFnComponent<FieldProgressProps, {}, CustomSlotsType<{
+  default?: () => VueNode;
+}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<InputNumberProps | ProgressProps> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<InputNumberProps | ProgressProps> & {
+  text: number | string;
+  placeholder?: string;
+} & {
+  id?: string;
+} & {}, _$vue.PublicProps>;
+//#endregion
+export { FieldProgressProps, FieldProgress as default, getProgressStatus };

package/dist/components/Progress/index.js

@@ -0,0 +1,124 @@
+import { toNumber } from "../Percent/util.js";
+import { Fragment, createVNode, defineComponent, mergeProps } from "vue";
+import { useIntl } from "@antdv-next1/pro-provider";
+import { useMemo } from "@antdv-next1/pro-utils";
+import { InputNumber, Progress } from "antdv-next";
+//#region src/components/Progress/index.tsx
+function getProgressStatus(text) {
+	if (text === 100) return "success";
+	if (text < 0) return "exception";
+	if (text < 100) return "active";
+	return "normal";
+}
+const FieldProgress = /* @__PURE__ */ defineComponent((props) => {
+	const intl = useIntl();
+	const realValue = useMemo(() => typeof props.text === "string" && props.text.includes("%") ? toNumber(props.text.replace("%", "")) : toNumber(props.text), [() => props.text]);
+	return () => {
+		const { text, mode, render, formItemRender, fieldProps, placeholder: propsPlaceholder } = props;
+		if (mode === "read") {
+			const dom = createVNode(Progress, mergeProps({
+				"size": "small",
+				"style": {
+					minWidth: `100px`,
+					maxWidth: `320px`
+				},
+				"percent": realValue.value,
+				"steps": fieldProps?.steps,
+				"status": getProgressStatus(realValue.value)
+			}, fieldProps), null);
+			if (render) return createVNode(Fragment, null, [render(realValue.value, {
+				mode,
+				fieldProps
+			}, dom)]);
+			return dom;
+		}
+		if (mode === "edit" || mode === "update") {
+			const placeholder = propsPlaceholder || intl.value.getMessage({
+				id: "tableForm.inputPlaceholder",
+				defaultMessage: "请输入"
+			});
+			const dom = createVNode(InputNumber, mergeProps({ "placeholder": placeholder }, fieldProps), null);
+			if (formItemRender) return createVNode(Fragment, null, [formItemRender(text, {
+				mode,
+				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: "FieldProgress",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldProgress as default, getProgressStatus };

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

@@ -0,0 +1,36 @@
+import { ProFieldFC } from "../../typing.js";
+import { FieldSelectProps } from "../Select/index.js";
+import * as _$vue from "vue";
+import { CSSProperties } from "vue";
+import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
+import { RadioGroupProps } from "antdv-next";
+import { CustomSlotsType, VueNode } from "@v-c/util/dist/type";
+import * as _$antdv_next_dist_radio_group0 from "antdv-next/dist/radio/group";
+
+//#region src/components/Radio/index.d.ts
+type FieldRadioProps = ProFieldFC<{
+  options?: RadioGroupProps['options'];
+  radioType?: RadioGroupProps['optionType'];
+}, RadioGroupProps & {
+  class?: string;
+  style?: CSSProperties;
+  layout?: 'horizontal' | 'vertical';
+}> & Omit<FieldSelectProps, 'variant' | 'fieldProps' | 'id' | 'label' | 'labelTrigger' | 'lightLabel' | 'light' | 'plain'>;
+declare const FieldRadio: _$vue.DefineSetupFnComponent<FieldRadioProps, {}, CustomSlotsType<{
+  default?: () => VueNode;
+}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<_$antdv_next_dist_radio_group0.InternalRadioGroupProps & {
+  class?: string;
+  style?: CSSProperties;
+  layout?: "horizontal" | "vertical";
+}> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<_$antdv_next_dist_radio_group0.InternalRadioGroupProps & {
+  class?: string;
+  style?: CSSProperties;
+  layout?: "horizontal" | "vertical";
+}> & {
+  options?: RadioGroupProps["options"];
+  radioType?: RadioGroupProps["optionType"];
+} & {
+  id?: string;
+} & Omit<FieldSelectProps, "id" | "variant" | "fieldProps" | "light" | "label" | "labelTrigger" | "lightLabel" | "plain"> & {}, _$vue.PublicProps>;
+//#endregion
+export { FieldRadioProps, FieldRadio as default };

package/dist/components/Radio/index.js

@@ -0,0 +1,138 @@
+import { useFieldFetchData } from "../Select/index.js";
+import { useStyle } from "./style/index.js";
+import { Fragment, computed, createVNode, defineComponent, mergeProps, ref } from "vue";
+import { objectToMap, proFieldParsingText } from "@antdv-next1/pro-utils";
+import { RadioGroup, Spin } from "antdv-next";
+import { classNames } from "@v-c/util";
+import { useConfig as useConfig$1 } from "antdv-next/dist/config-provider/context";
+import { useFormItemInputContext } from "antdv-next/dist/form/context";
+//#region src/components/Radio/index.tsx
+const FieldRadio = /* @__PURE__ */ defineComponent((props, { expose, attrs }) => {
+	const config = useConfig$1();
+	const formItemInputContext = useFormItemInputContext();
+	const layoutClassName = computed(() => config.value.getPrefixCls("pro-field-radio"));
+	const [loading, options, fetchData] = useFieldFetchData(props);
+	const radioRef = ref();
+	const { wrapSSR, hashId } = useStyle(layoutClassName);
+	expose({ fetchData: (keyWord) => fetchData(keyWord) });
+	return () => {
+		const { mode, render, formItemRender, options: propsOptions, request, params, debounceTime, defaultKeyWords, radioType, ...rest } = props;
+		if (loading.value) return createVNode(Spin, { "size": "small" }, null);
+		if (mode === "read") {
+			const optionsValueEnum = options.value?.length ? options.value?.reduce((pre, cur) => {
+				return {
+					...pre,
+					[cur.value ?? ""]: cur.label
+				};
+			}, {}) : void 0;
+			const dom = createVNode(Fragment, null, [proFieldParsingText(rest.text, objectToMap(rest.valueEnum || optionsValueEnum))]);
+			if (render) return createVNode(Fragment, null, [render(rest.text, {
+				mode,
+				...rest
+			}, dom) ?? null]);
+			return dom;
+		}
+		if (props.mode === "edit") {
+			const dom = wrapSSR(createVNode(RadioGroup, mergeProps({ "ref": radioRef }, attrs, { "optionType": radioType }, rest.fieldProps, {
+				"class": classNames(rest.fieldProps?.class, {
+					[`${layoutClassName.value}-error`]: formItemInputContext.value.status === "error",
+					[`${layoutClassName.value}-warning`]: formItemInputContext.value.status === "warning"
+				}, hashId.value, `${layoutClassName.value}-${props.fieldProps?.layout || "horizontal"}`),
+				"options": options.value
+			}), null));
+			if (formItemRender) return createVNode(Fragment, null, [formItemRender(rest.text, {
+				mode,
+				...rest,
+				options: options.value,
+				loading: loading.value
+			}, dom) ?? null]);
+			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
+		},
+		options: { required: false },
+		radioType: { required: false },
+		id: {
+			type: String,
+			required: false
+		},
+		debounceTime: {
+			type: Number,
+			required: false
+		},
+		request: {
+			type: Function,
+			required: false
+		},
+		params: { required: false },
+		defaultKeyWords: {
+			type: String,
+			required: false
+		}
+	},
+	name: "FieldRadio",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldRadio as default };

package/dist/components/Radio/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/Radio/style/index.d.ts
+interface ProFieldRadioToken extends ProAliasToken {
+  componentCls: string;
+}
+declare function useStyle(prefixCls: ComputedRef<string>): _$_antdv_next1_pro_provider0.UseStyleResult;
+//#endregion
+export { ProFieldRadioToken, useStyle };

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

@@ -0,0 +1,21 @@
+import { useStyle as useStyle$1 } from "@antdv-next1/pro-provider";
+//#region src/components/Radio/style/index.ts
+const genProFieldRadioStyle = (token) => {
+	return { [token.componentCls]: {
+		"&-error": { span: { color: token.colorError } },
+		"&-vertical": { [`${token.antCls}-radio-wrapper`]: {
+			display: "flex",
+			marginInlineEnd: 0
+		} }
+	} };
+};
+function useStyle(prefixCls) {
+	return useStyle$1("ProFieldRadio", (token) => {
+		return [genProFieldRadioStyle({
+			...token,
+			componentCls: `.${prefixCls.value}`
+		})];
+	});
+}
+//#endregion
+export { useStyle };

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

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