@antdv-next1/pro-field 1.0.0

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

@@ -0,0 +1,40 @@
+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 { CascaderProps } from "antdv-next";
+import { CustomSlotsType, VueNode } from "@v-c/util/dist/type";
+import * as _$_v_c_cascader0 from "@v-c/cascader";
+
+//#region src/components/Cascader/index.d.ts
+type FieldCascaderProps = ProFieldFC<{
+  options?: CascaderProps['options'];
+  placeholder?: string;
+  variant?: 'outlined' | 'borderless' | 'filled';
+}, CascaderProps & {
+  class?: string;
+  style?: CSSProperties;
+}> & Omit<FieldSelectProps, 'variant' | 'fieldProps' | 'id' | 'label' | 'labelTrigger' | 'lightLabel' | 'text' | 'light' | 'plain'>;
+interface FieldCascaderRef {
+  focus: () => void;
+  blur: () => void;
+  fetchData: (keyWord: string) => void;
+}
+declare const FieldCascader: _$vue.DefineSetupFnComponent<FieldCascaderProps, {}, CustomSlotsType<{
+  default?: () => VueNode;
+}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<CascaderProps<_$_v_c_cascader0.DefaultOptionType, string, boolean> & {
+  class?: string;
+  style?: CSSProperties;
+}> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<CascaderProps<_$_v_c_cascader0.DefaultOptionType, string, boolean> & {
+  class?: string;
+  style?: CSSProperties;
+}> & {
+  options?: CascaderProps["options"];
+  placeholder?: string;
+  variant?: "outlined" | "borderless" | "filled";
+} & {
+  id?: string;
+} & Omit<FieldSelectProps, "id" | "variant" | "text" | "fieldProps" | "light" | "label" | "labelTrigger" | "lightLabel" | "plain"> & {}, _$vue.PublicProps>;
+//#endregion
+export { FieldCascaderProps, FieldCascaderRef, FieldCascader as default };

package/dist/components/Cascader/index.js

@@ -0,0 +1,202 @@
+import { useFieldFetchData } from "../Select/index.js";
+import { Fragment, computed, createVNode, defineComponent, mergeProps, ref } from "vue";
+import { useIntl } from "@antdv-next1/pro-provider";
+import { FieldLabel, objectToMap, proFieldParsingText, useMemo, useState } from "@antdv-next1/pro-utils";
+import { Cascader } from "antdv-next";
+import { LoadingOutlined } from "@antdv-next/icons";
+import { classNames } from "@v-c/util";
+import { useConfig as useConfig$1 } from "antdv-next/dist/config-provider/context";
+//#region src/components/Cascader/index.tsx
+const FieldCascader = /* @__PURE__ */ defineComponent((props, { expose }) => {
+	const config = useConfig$1();
+	const layoutClassName = computed(() => config.value.getPrefixCls("field-cascader"));
+	const [loading, options, fetchData] = useFieldFetchData(props);
+	const intl = useIntl();
+	const cascaderRef = ref(null);
+	const [open, setOpen] = useState(false);
+	const optionsValueEnum = useMemo(() => {
+		if (props.mode !== "read") return;
+		/**
+		* Support cascader fieldNames
+		*
+		* @see https://ant.design/components/cascader-cn/#header
+		*/
+		const { value: valuePropsName = "value", label: labelPropsName = "label", children: childrenPropsName = "children" } = props.fieldProps?.fieldNames || {};
+		const valueEnumObj = {};
+		const traverseOptions = (_options) => {
+			if (!_options?.length) return valueEnumObj;
+			const length = _options.length;
+			let i = 0;
+			while (i < length) {
+				const cur = _options[i++];
+				valueEnumObj[cur[valuePropsName]] = {
+					text: cur.text || cur[labelPropsName],
+					status: cur.status,
+					color: cur.color,
+					disabled: cur.disabled
+				};
+				traverseOptions(cur?.[childrenPropsName]);
+			}
+			return valueEnumObj;
+		};
+		return traverseOptions(options?.value);
+	}, [
+		() => props.mode,
+		options,
+		() => props.fieldProps?.fieldNames
+	]);
+	expose({
+		focus: () => cascaderRef.value?.focus(),
+		blur: () => cascaderRef.value?.blur(),
+		fetchData: (keyWord) => fetchData(keyWord)
+	});
+	return () => {
+		const { mode, render, formItemRender, variant, placeholder: propsPlaceholder, ...rest } = props;
+		if (mode === "read") {
+			console.log(objectToMap(rest.valueEnum || optionsValueEnum.value), "optionsValueEnum=23");
+			const dom = createVNode(Fragment, null, [proFieldParsingText(rest.text, objectToMap(rest.valueEnum || optionsValueEnum.value))]);
+			if (render) return createVNode(Fragment, null, [render(rest.text, {
+				mode,
+				...rest
+			}, dom) ?? null]);
+			return dom;
+		}
+		if (mode === "edit") {
+			const placeholder = rest.fieldProps?.placeholder || propsPlaceholder || intl.value.getMessage({
+				id: "tableForm.selectPlaceholder",
+				defaultMessage: "请选择"
+			});
+			let dom = createVNode(Cascader, mergeProps({
+				"ref": cascaderRef,
+				"open": open.value,
+				"suffixIcon": loading.value ? createVNode(LoadingOutlined, null, null) : void 0,
+				"placeholder": placeholder,
+				"allowClear": rest.fieldProps?.allowClear !== false
+			}, rest.fieldProps, {
+				"onOpenChange": (isOpen) => {
+					rest.fieldProps?.onOpenChange?.(isOpen);
+					setOpen(isOpen);
+				},
+				"class": classNames((rest.fieldProps || {}).class, layoutClassName.value),
+				"options": options.value
+			}), null);
+			if (formItemRender) dom = createVNode(Fragment, null, [formItemRender(rest.text, {
+				mode: props.mode,
+				...rest,
+				options: options.value,
+				loading: loading.value
+			}, dom) ?? null]);
+			if (rest.light) {
+				const { disabled, value } = props.fieldProps;
+				const notEmpty = !!value && value?.length !== 0;
+				return createVNode(FieldLabel, {
+					"label": rest.label,
+					"disabled": disabled,
+					"variant": variant,
+					"value": notEmpty || open.value ? dom : null,
+					"style": notEmpty ? { paddingInlineEnd: 0 } : void 0,
+					"allowClear": false,
+					"downIcon": notEmpty || open.value ? false : void 0,
+					"onClick": () => {
+						setOpen(true);
+						rest.fieldProps?.onOpenChange?.(true);
+					}
+				}, 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 },
+		placeholder: {
+			type: String,
+			required: false
+		},
+		variant: {
+			type: String,
+			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: "FieldCascader",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldCascader as default };

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

@@ -0,0 +1,37 @@
+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 { CheckboxGroupProps } from "antdv-next";
+import { CustomSlotsType, VueNode } from "@v-c/util/dist/type";
+
+//#region src/components/Checkbox/index.d.ts
+type FieldCheckBoxProps = ProFieldFC<{
+  layout?: 'horizontal' | 'vertical';
+  options?: CheckboxGroupProps['options'];
+}, CheckboxGroupProps & {
+  class?: string;
+  style?: CSSProperties;
+}> & Omit<FieldSelectProps, 'variant' | 'fieldProps' | 'id' | 'label' | 'labelTrigger' | 'lightLabel' | 'light' | 'plain'>;
+interface FieldCheckboxRef {
+  focus: () => void;
+  blur: () => void;
+  fetchData: (keyWord: string) => void;
+}
+declare const FieldCheckbox: _$vue.DefineSetupFnComponent<FieldCheckBoxProps, {}, CustomSlotsType<{
+  default?: () => VueNode;
+}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<CheckboxGroupProps & {
+  class?: string;
+  style?: CSSProperties;
+}> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<CheckboxGroupProps & {
+  class?: string;
+  style?: CSSProperties;
+}> & {
+  layout?: "horizontal" | "vertical";
+  options?: CheckboxGroupProps["options"];
+} & {
+  id?: string;
+} & Omit<FieldSelectProps, "id" | "variant" | "fieldProps" | "light" | "label" | "labelTrigger" | "lightLabel" | "plain"> & {}, _$vue.PublicProps>;
+//#endregion
+export { FieldCheckBoxProps, FieldCheckboxRef, FieldCheckbox as default };

package/dist/components/Checkbox/index.js

@@ -0,0 +1,149 @@
+import { useFieldFetchData } from "../Select/index.js";
+import { useStyle as useStyle$1 } from "./style/index.js";
+import { Fragment, computed, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
+import { useToken } from "@antdv-next1/pro-provider";
+import { objectToMap, proFieldParsingText } from "@antdv-next1/pro-utils";
+import { CheckboxGroup, Spin } from "antdv-next";
+import { classNames, omit } 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/Checkbox/index.tsx
+const FieldCheckbox = /* @__PURE__ */ defineComponent((props, { expose, attrs }) => {
+	const config = useConfig$1();
+	const formItemInputContext = useFormItemInputContext();
+	const layoutClassName = computed(() => config.value.getPrefixCls("pro-field-checkbox"));
+	const [loading, options, fetchData] = useFieldFetchData(props);
+	const { wrapSSR, hashId } = useStyle$1(layoutClassName);
+	const { token } = useToken();
+	const checkBoxRef = shallowRef(null);
+	expose({ fetchData: (keyWord) => fetchData(keyWord) });
+	console.log(checkBoxRef, "checkBoxRef");
+	return () => {
+		const { mode, render, formItemRender, options: propsOptions, request, params, debounceTime, defaultKeyWords, layout = "horizontal", ...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 = proFieldParsingText(rest.text, objectToMap(rest.valueEnum || optionsValueEnum));
+			if (render) return createVNode(Fragment, null, [render(rest.text, {
+				mode,
+				...rest
+			}, createVNode(Fragment, null, [dom])) ?? null]);
+			return createVNode("div", { "style": {
+				display: "flex",
+				flexWrap: "wrap",
+				alignItems: "center",
+				gap: `${token.value.marginSM}px`
+			} }, [dom]);
+		}
+		if (mode === "edit") {
+			const dom = wrapSSR(createVNode(CheckboxGroup, mergeProps({ "ref": checkBoxRef }, omit(attrs, ["lightProps"]), rest.fieldProps, {
+				"class": classNames(rest.fieldProps?.class, hashId.value, `${layoutClassName.value}-${layout}`, {
+					[`${layoutClassName.value}-error`]: formItemInputContext.value.status === "error",
+					[`${layoutClassName.value}-warning`]: formItemInputContext.value.status === "warning"
+				}),
+				"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
+		},
+		layout: {
+			type: String,
+			required: false
+		},
+		options: { 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: "FieldCheckBox",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldCheckbox as default };

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

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

@@ -0,0 +1,26 @@
+import { useStyle as useStyle$1 } from "@antdv-next1/pro-provider";
+//#region src/components/Checkbox/style/index.ts
+const genProFieldCheckboxStyle = (token) => {
+	return { [token.componentCls]: {
+		"&-error": { span: { color: token.colorError } },
+		"&-warning": { span: { color: token.colorWarning } },
+		"&-vertical": {
+			[`&${token.antCls}-checkbox-group`]: { display: "inline-block" },
+			[`${token.antCls}-checkbox-wrapper+${token.antCls}-checkbox-wrapper`]: { "margin-inline-start": "0  !important" },
+			[`${token.antCls}-checkbox-group-item`]: {
+				display: "flex",
+				marginInlineEnd: 0
+			}
+		}
+	} };
+};
+function useStyle(prefixCls) {
+	return useStyle$1("ProFieldCheckbox", (token) => {
+		return [genProFieldCheckboxStyle({
+			...token,
+			componentCls: `.${prefixCls.value}`
+		})];
+	});
+}
+//#endregion
+export { useStyle };

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

@@ -0,0 +1,34 @@
+import { ProFieldFC } from "../../typing.js";
+import * as _$vue from "vue";
+import { CSSProperties, HTMLAttributes } from "vue";
+import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
+import { InputProps, TextAreaProps } from "antdv-next";
+import { CustomSlotsType, VueNode } from "@v-c/util/dist/type";
+
+//#region src/components/Code/index.d.ts
+type FieldCodeProps = ProFieldFC<{
+  text: string;
+  language?: 'json' | 'text';
+}, InputProps & {
+  style?: CSSProperties;
+} | TextAreaProps & {
+  style?: CSSProperties;
+} | HTMLAttributes>;
+declare const FieldCode: _$vue.DefineSetupFnComponent<FieldCodeProps, {}, CustomSlotsType<{
+  default?: () => VueNode;
+}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<HTMLAttributes | (InputProps & {
+  style?: CSSProperties;
+}) | (TextAreaProps & {
+  style?: CSSProperties;
+})> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<HTMLAttributes | (InputProps & {
+  style?: CSSProperties;
+}) | (TextAreaProps & {
+  style?: CSSProperties;
+})> & {
+  text: string;
+  language?: "json" | "text";
+} & {
+  id?: string;
+} & {}, _$vue.PublicProps>;
+//#endregion
+export { FieldCodeProps, FieldCode as default };

package/dist/components/Code/index.js

@@ -0,0 +1,125 @@
+import { Fragment, createVNode, defineComponent, mergeProps } from "vue";
+import { proTheme } from "@antdv-next1/pro-provider";
+import { Input, TextArea } from "antdv-next";
+import { unit } from "@antdv-next/cssinjs";
+//#region src/components/Code/index.tsx
+function languageFormat(text, language) {
+	if (typeof text !== "string") return text;
+	try {
+		if (language === "json") return JSON.stringify(JSON.parse(text), null, 2);
+	} catch (error) {}
+	return text;
+}
+const FieldCode = /* @__PURE__ */ defineComponent((props) => {
+	const { token } = proTheme.useToken();
+	return () => {
+		const { mode, text, render, language = "text", formItemRender, plain, fieldProps, ...rest } = props;
+		const code = languageFormat(text, language);
+		if (mode === "read") {
+			const dom = createVNode("pre", mergeProps(fieldProps, { "style": {
+				padding: unit(16),
+				overflow: "auto",
+				fontSize: "85%",
+				lineHeight: 1.45,
+				color: token.value.colorTextSecondary,
+				fontFamily: token.value.fontFamilyCode,
+				backgroundColor: "rgba(150, 150, 150, 0.1)",
+				borderRadius: unit(3),
+				width: "min-content",
+				...fieldProps?.style
+			} }), [createVNode("code", null, [code])]);
+			if (render) return createVNode(Fragment, null, [render(code, {
+				mode,
+				...rest,
+				fieldProps
+			}, dom)]);
+			return dom;
+		}
+		if (mode === "edit" || mode === "update") {
+			fieldProps.value = code;
+			let dom = createVNode(TextArea, mergeProps({ "rows": 5 }, fieldProps), null);
+			if (plain) dom = createVNode(Input, fieldProps, null);
+			if (formItemRender) return createVNode(Fragment, null, [formItemRender(code, {
+				mode,
+				fieldProps,
+				...rest
+			}, 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
+		},
+		language: {
+			type: String,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		}
+	},
+	name: "FieldCode",
+	inheritAttrs: false
+});
+//#endregion
+export { FieldCode as default };

package/dist/components/ColorPicker/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 { ColorPickerProps } from "antdv-next";
+import { CustomSlotsType, VueNode } from "@v-c/util/dist/type";
+import * as _$antdv_next_dist_color_picker_ColorPicker0 from "antdv-next/dist/color-picker/ColorPicker";
+
+//#region src/components/ColorPicker/index.d.ts
+type FieldColorPickerProps = ProFieldFC<{
+  text: string;
+  mode?: 'read' | 'edit' | 'update';
+}, ColorPickerProps> & Partial<Omit<ColorPickerProps, 'value' | 'mode'>>;
+declare const FieldColorPicker: _$vue.DefineSetupFnComponent<FieldColorPickerProps, {}, CustomSlotsType<{
+  default?: () => VueNode;
+}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<_$antdv_next_dist_color_picker_ColorPicker0.InternalColorPickerProps> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<_$antdv_next_dist_color_picker_ColorPicker0.InternalColorPickerProps> & {
+  text: string;
+  mode?: "read" | "edit" | "update";
+} & {
+  id?: string;
+} & Partial<Omit<_$antdv_next_dist_color_picker_ColorPicker0.InternalColorPickerProps, "mode" | "value">> & {}, _$vue.PublicProps>;
+//#endregion
+export { FieldColorPickerProps, FieldColorPicker as default };