@antdv-next1/pro-field 1.0.0

package/dist/components/Switch/index.js

@@ -0,0 +1,132 @@
+import { Fragment, computed, createVNode, defineComponent, mergeProps } from "vue";
+import { useIntl } from "@antdv-next1/pro-provider";
+import { FieldLabel } from "@antdv-next1/pro-utils";
+import { Switch } from "antdv-next";
+import { unit } from "@antdv-next/cssinjs";
+//#region src/components/Switch/index.tsx
+const FieldSwitch = /* @__PURE__ */ defineComponent((props, { attrs }) => {
+	const intl = useIntl();
+	const dom = computed(() => {
+		if (props.text === void 0 || props.text === null || `${props.text}`.length < 1) return "-";
+		return props.text ? props.fieldProps?.checkedChildren ?? intl.value.getMessage({
+			id: "switch.open",
+			defaultMessage: "打开"
+		}) : props.fieldProps?.unCheckedChildren ?? intl.value.getMessage({
+			id: "switch.close",
+			defaultMessage: "关闭"
+		});
+	});
+	return () => {
+		const { text, mode, render, variant, light, label, formItemRender, fieldProps, ...rest } = props;
+		if (mode === "read") {
+			if (render) return createVNode(Fragment, null, [render(text, {
+				mode,
+				...rest,
+				fieldProps
+			}, createVNode(Fragment, null, [dom.value]))]);
+			return createVNode(Fragment, null, [dom.value ?? "-"]);
+		}
+		if (mode === "edit" || mode === "update") {
+			const { "onUpdate:value": onUpdateValue, "onUpdate:checked": onUpdateChecked, value, checked, ...restFieldProps } = fieldProps;
+			const dom = createVNode(Switch, mergeProps(attrs, { "size": light ? "small" : void 0 }, restFieldProps, {
+				"onUpdate:checked": (checked) => {
+					onUpdateChecked?.(checked);
+					onUpdateValue?.(checked);
+				},
+				"checked": checked ?? value
+			}), null);
+			if (light) {
+				const { disabled } = fieldProps;
+				return createVNode(FieldLabel, {
+					"label": label,
+					"disabled": disabled,
+					"variant": variant,
+					"downIcon": false,
+					"value": createVNode("div", { "style": { paddingLeft: unit(8) } }, [dom]),
+					"allowClear": false
+				}, 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
+		},
+		variant: {
+			type: String,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		}
+	},
+	name: "FieldSwitch",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldSwitch as default };

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

@@ -0,0 +1,37 @@
+import { ProFieldFC } from "../../typing.js";
+import * as _$vue from "vue";
+import { ComputedRef } from "vue";
+import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
+import { InputProps, InputRef } from "antdv-next";
+import { CustomSlotsType, VueNode } from "@v-c/util/dist/type";
+
+//#region src/components/Text/index.d.ts
+type FieldTextProps = ProFieldFC<{
+  text?: VueNode;
+  emptyText?: VueNode;
+  placeholder?: string;
+}, InputProps & {
+  id?: string;
+  class?: string;
+}>;
+type FieldTextExpose = Omit<InputRef, 'input' | 'nativeElement'> & {
+  input: ComputedRef<InputRef['input']>;
+  nativeElement: ComputedRef<InputRef['nativeElement']>;
+};
+declare const FieldText: _$vue.DefineSetupFnComponent<FieldTextProps, {}, CustomSlotsType<{
+  default?: () => VueNode;
+}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<InputProps & {
+  id?: string;
+  class?: string;
+}> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<InputProps & {
+  id?: string;
+  class?: string;
+}> & {
+  text?: VueNode;
+  emptyText?: VueNode;
+  placeholder?: string;
+} & {
+  id?: string;
+} & {}, _$vue.PublicProps>;
+//#endregion
+export { FieldTextExpose, FieldTextProps, FieldText as default };

package/dist/components/Text/index.js

@@ -0,0 +1,146 @@
+import { Fragment, computed, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
+import { useIntl } from "@antdv-next1/pro-provider";
+import { useEffect } from "@antdv-next1/pro-utils";
+import { Input } from "antdv-next";
+//#region src/components/Text/index.tsx
+const FieldText = /* @__PURE__ */ defineComponent((props, { expose }) => {
+	const inputRef = shallowRef(null);
+	const intl = useIntl();
+	useEffect(() => {
+		if (props.fieldProps?.autoFocus) queueMicrotask(() => {
+			inputRef.value?.focus();
+		});
+	}, [() => props.fieldProps?.autoFocus]);
+	expose({
+		focus: (options) => inputRef.value?.focus(options),
+		blur: () => inputRef.value?.blur(),
+		setSelectionRange: (start, end, direction) => inputRef.value?.setSelectionRange(start, end, direction),
+		select: () => inputRef.value?.select(),
+		input: computed(() => inputRef.value?.input),
+		nativeElement: computed(() => inputRef.value?.nativeElement)
+	});
+	return () => {
+		const { mode, emptyText = "-", formItemRender, placeholder: propsPlaceholder, render, text, fieldProps, ...rest } = props;
+		const { prefix = "", suffix = "" } = fieldProps || {};
+		if (mode === "read") {
+			const dom = createVNode(Fragment, null, [
+				prefix,
+				text ?? emptyText,
+				suffix
+			]);
+			if (render) return createVNode(Fragment, null, [render(text, {
+				mode,
+				...rest,
+				fieldProps
+			}, dom) ?? emptyText]);
+			return dom;
+		}
+		if (mode === "edit" || mode === "update") {
+			const placeholder = propsPlaceholder || intl.value.getMessage({
+				id: "tableForm.inputPlaceholder",
+				defaultMessage: "请输入"
+			});
+			const { autoFocus, ...restFieldProps } = fieldProps;
+			const dom = createVNode(Input, mergeProps({
+				"ref": inputRef,
+				"placeholder": placeholder,
+				"allowClear": true
+			}, restFieldProps), null);
+			if (formItemRender) return createVNode(Fragment, null, [formItemRender(text, {
+				mode,
+				...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
+		},
+		emptyText: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		}
+	},
+	name: "FieldText",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldText as default };

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

@@ -0,0 +1,25 @@
+import { ProFieldFC } from "../../typing.js";
+import * as _$vue from "vue";
+import { ComputedRef } from "vue";
+import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
+import { TextAreaProps, TextAreaRef } from "antdv-next";
+import { VueNode } from "@v-c/util";
+import { CustomSlotsType } from "@v-c/util/dist/type";
+
+//#region src/components/TextArea/index.d.ts
+type FieldTextAreaProps = ProFieldFC<{
+  text?: VueNode;
+}, TextAreaProps>;
+type FieldTextAreaExpose = Omit<TextAreaRef, 'nativeElement' | 'resizableTextArea'> & {
+  nativeElement: ComputedRef<TextAreaRef['nativeElement']>;
+  resizableTextArea: ComputedRef<TextAreaRef['resizableTextArea']>;
+};
+declare const FieldTextArea: _$vue.DefineSetupFnComponent<FieldTextAreaProps, {}, CustomSlotsType<{
+  default?: () => VueNode;
+}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<TextAreaProps> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<TextAreaProps> & {
+  text?: VueNode;
+} & {
+  id?: string;
+} & {}, _$vue.PublicProps>;
+//#endregion
+export { FieldTextAreaExpose, FieldTextAreaProps, FieldTextArea as default };

package/dist/components/TextArea/index.js

@@ -0,0 +1,117 @@
+import FieldTextAreaReadonly from "./readonly/index.js";
+import { Fragment, computed, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
+import { useIntl } from "@antdv-next1/pro-provider";
+import { TextArea } from "antdv-next";
+import { omit } from "@v-c/util";
+//#region src/components/TextArea/index.tsx
+const FieldTextArea = /* @__PURE__ */ defineComponent((props, { expose }) => {
+	const textAreaRef = shallowRef(null);
+	const intl = useIntl();
+	expose({
+		focus: () => textAreaRef.value?.focus(),
+		blur: () => textAreaRef.value?.blur(),
+		resizableTextArea: computed(() => textAreaRef.value?.resizableTextArea),
+		nativeElement: computed(() => textAreaRef.value?.nativeElement)
+	});
+	return () => {
+		const { text, mode, render, formItemRender, fieldProps } = props;
+		const placeholder = intl.value.getMessage({
+			id: "tableForm.inputPlaceholder",
+			defaultMessage: "请输入"
+		});
+		if (mode === "read") {
+			const dom = createVNode(FieldTextAreaReadonly, props, null);
+			if (render) return createVNode(Fragment, null, [render(text, {
+				mode,
+				...omit(fieldProps || {}, ["showCount"])
+			}, dom)]);
+			return dom;
+		}
+		if (mode === "edit" || mode === "update") {
+			const dom = createVNode(TextArea, mergeProps({
+				"ref": textAreaRef,
+				"rows": 3,
+				"onKeydown": (e) => {
+					if (e.key === "Enter") e.stopPropagation();
+				},
+				"placeholder": placeholder
+			}, 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: "FieldTextArea",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldTextArea as default };

package/dist/components/TextArea/readonly/index.d.ts

@@ -0,0 +1,17 @@
+import { ProFieldFC } from "../../../typing.js";
+import * as _$vue from "vue";
+import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
+import { TextAreaProps } from "antdv-next";
+import { VueNode } from "@v-c/util";
+
+//#region src/components/TextArea/readonly/index.d.ts
+type FieldTextAreaReadonlyProps = ProFieldFC<{
+  text?: VueNode;
+}, TextAreaProps>;
+declare const FieldTextAreaReadonly: _$vue.DefineSetupFnComponent<FieldTextAreaReadonlyProps, {}, {}, _$_antdv_next1_pro_provider0.BaseProFieldFC<TextAreaProps> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<TextAreaProps> & {
+  text?: VueNode;
+} & {
+  id?: string;
+} & {}, _$vue.PublicProps>;
+//#endregion
+export { FieldTextAreaReadonlyProps, FieldTextAreaReadonly as default };

package/dist/components/TextArea/readonly/index.js

@@ -0,0 +1,20 @@
+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/TextArea/readonly/index.tsx
+const FieldTextAreaReadonly = /* @__PURE__ */ defineComponent((props) => {
+	const config = useConfig();
+	const readonlyClassName = computed(() => config.value.getPrefixCls("pro-field-readonly-textarea"));
+	const { wrapSSR, hashId } = useStyle(readonlyClassName);
+	return () => {
+		const { text } = props;
+		return wrapSSR(createVNode("span", { "class": classNames(hashId.value, readonlyClassName.value) }, [text ?? "-"]));
+	};
+}, {
+	name: "FieldTextAreaReadonly",
+	inheritAttrs: false,
+	props: ["fieldProps", "text"]
+});
+//#endregion
+export { FieldTextAreaReadonly as default };

package/dist/components/TextArea/readonly/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/TextArea/readonly/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/TextArea/readonly/style/index.js

@@ -0,0 +1,20 @@
+import { useStyle as useStyle$1 } from "@antdv-next1/pro-provider";
+//#region src/components/TextArea/readonly/style/index.ts
+const genProStyle = (token) => {
+	return { [token.componentCls]: {
+		display: "inline-block",
+		lineHeight: "1.5715",
+		maxWidth: "100%",
+		whiteSpace: "pre-wrap"
+	} };
+};
+function useStyle(prefixCls) {
+	return useStyle$1("TextArea", (token) => {
+		return [genProStyle({
+			...token,
+			componentCls: `.${prefixCls.value}`
+		})];
+	});
+}
+//#endregion
+export { useStyle };

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

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