@antdv-vue/pro-utils 0.0.0-stage → 2.1.1

package/dist/components/FilterDropdown/index.js

@@ -0,0 +1,91 @@
+import { useMemo } from "../../hooks/useMemo/index.js";
+import DropdownFooter from "../DropdownFooter/index.js";
+import style_default from "./style/index.js";
+import { computed, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
+import { classNames } from "@v-c/util";
+import { ConfigProvider, Popover } from "antdv-next";
+import { useConfig as useConfig$1 } from "antdv-next/config-provider/context";
+//#region src/components/FilterDropdown/index.tsx
+const FilterDropdown = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const config = useConfig$1();
+	const prefixCls = computed(() => config.value.getPrefixCls("pro"));
+	const baseClassName = computed(() => `${prefixCls.value}-core-field-dropdown`);
+	const [hashId, cssVarCls] = style_default(baseClassName);
+	const htmlRef = shallowRef(null);
+	const styles = useMemo(() => ({
+		container: { ...props.popoverProps?.styles?.container || {} },
+		...props.popoverProps?.styles || {}
+	}), [() => props.popoverProps?.styles]);
+	return () => {
+		const { label, footer, open, popoverProps, onOpenChange, disabled, footerRender, placement } = props;
+		return createVNode(Popover, mergeProps(popoverProps, {
+			"placement": placement,
+			"trigger": ["click"],
+			"open": open || false,
+			"onOpenChange": onOpenChange,
+			"styles": styles.value,
+			"content": createVNode("div", {
+				"ref": htmlRef,
+				"class": classNames(`${baseClassName.value}-overlay`, { [`${baseClassName.value}-overlay-${placement}`]: placement }, hashId.value, cssVarCls.value)
+			}, [createVNode(ConfigProvider, { "getPopupContainer": () => htmlRef.value || document.body }, { default: () => [createVNode("div", { "class": classNames(`${baseClassName.value}-content`, hashId.value, cssVarCls.value) }, [slots.default?.()])] }), footer && createVNode(DropdownFooter, mergeProps({
+				"disabled": disabled,
+				"footerRender": footerRender
+			}, footer), null)])
+		}), { default: () => [createVNode("span", { "class": classNames(`${baseClassName.value}-label`, hashId.value, cssVarCls.value) }, [label])] });
+	};
+}, {
+	props: {
+		label: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		footer: {
+			type: Object,
+			required: false
+		},
+		footerRender: {
+			type: [Function, Boolean],
+			required: false,
+			default: void 0
+		},
+		padding: {
+			type: Number,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		onOpenChange: {
+			type: Function,
+			required: false
+		},
+		open: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		placement: {
+			type: String,
+			required: false
+		},
+		popoverProps: {
+			type: Object,
+			required: false
+		}
+	},
+	name: "FilterDropdown",
+	inheritAttrs: false
+});
+//#endregion
+export { FilterDropdown as default };

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

@@ -0,0 +1,8 @@
+import * as _$vue from "vue";
+import { ProAliasCssVarToken } from "@antdv-vue/pro-provider";
+
+//#region src/components/FilterDropdown/style/index.d.ts
+interface ProFilterDropdownToken extends ProAliasCssVarToken {}
+declare const _default: (prefixCls: _$vue.Ref<string>, rootCls?: _$vue.Ref<string | undefined>) => readonly [_$vue.Ref<string, string>, _$vue.ComputedRef<string | undefined>];
+//#endregion
+export { ProFilterDropdownToken, _default as default };

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

@@ -0,0 +1,21 @@
+import { useStyle } from "@antdv-vue/pro-provider";
+import { mergeToken } from "@antdv-next/cssinjs";
+//#region src/components/FilterDropdown/style/index.ts
+const genProFilterDropdownStyle = (token) => {
+	return {
+		[`${token.componentCls}-label`]: { cursor: "pointer" },
+		[`${token.componentCls}-overlay`]: {
+			minWidth: 200,
+			marginBlockStart: 4
+		},
+		[`${token.componentCls}-content`]: {
+			paddingBlock: 16,
+			paddingInline: 16
+		}
+	};
+};
+var style_default = useStyle("FilterDropdown", (token) => {
+	return [genProFilterDropdownStyle(mergeToken(token, {}))];
+});
+//#endregion
+export { style_default as default };

package/dist/components/FormItem/FormItemInput.d.ts

@@ -0,0 +1,34 @@
+import * as _$vue from "vue";
+import { VNode } from "vue";
+import { VueNode } from "@v-c/util";
+import { FormItemInputProps } from "antdv-next/dist/form/FormItemInput";
+
+//#region src/components/FormItem/FormItemInput.d.ts
+interface FormItemInputMiscProps {
+  prefixCls: string;
+  errors: any[];
+  warnings: any[];
+  marginBottom?: number | null;
+  onErrorVisibleChanged?: (visible: boolean) => void;
+}
+declare const FormItemInput: _$vue.DefineSetupFnComponent<FormItemInputProps & FormItemInputMiscProps & {
+  _internalItemRender?: {
+    mark: string;
+    render: (props: FormItemInputProps & FormItemInputMiscProps, domList: {
+      input: VNode;
+      errorList: VNode | null;
+      extra: VNode | null;
+    }) => VueNode;
+  };
+}, {}, {}, FormItemInputProps & FormItemInputMiscProps & {
+  _internalItemRender?: {
+    mark: string;
+    render: (props: FormItemInputProps & FormItemInputMiscProps, domList: {
+      input: VNode;
+      errorList: VNode | null;
+      extra: VNode | null;
+    }) => VueNode;
+  };
+} & {}, _$vue.PublicProps>;
+//#endregion
+export { FormItemInputMiscProps, FormItemInput as default };

package/dist/components/FormItem/FormItemInput.js

@@ -0,0 +1,163 @@
+import { Fragment, computed, createVNode, defineComponent, isVNode, mergeProps, nextTick, shallowRef, watch } from "vue";
+import { clsx, get, omit, set } from "@v-c/util";
+import { Col } from "antdv-next";
+import { filterEmpty } from "@v-c/util/dist/props-util";
+import { FormItemPrefixContextProvider, useFormContext, useFormContextProvider } from "antdv-next/dist/form/context";
+import { getSlotPropsFnRun } from "antdv-next/dist/_util/tools";
+import { responsiveArrayReversed } from "antdv-next/dist/_util/responsiveObserver";
+import ErrorList from "antdv-next/dist/form/ErrorList";
+//#region src/components/FormItem/FormItemInput.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const GRID_MAX = 24;
+const FormItemInput = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const baseClassName = computed(() => `${props.prefixCls}-item`);
+	const formContext = useFormContext();
+	const contextClassNames = computed(() => formContext.value?.classes ?? {});
+	const contextStyles = computed(() => formContext.value?.styles ?? {});
+	const extraRef = shallowRef();
+	const extraHeight = shallowRef(0);
+	watch(() => props.extra, async () => {
+		await nextTick();
+		if (props.extra && extraRef.value) extraHeight.value = extraRef.value.clientHeight;
+		else extraHeight.value = 0;
+	}, { immediate: true });
+	useFormContextProvider(computed(() => omit(formContext.value ?? {}, ["labelCol", "wrapperCol"])));
+	return () => {
+		const { wrapperCol, labelCol, marginBottom, warnings, errors, prefixCls, _internalItemRender: formItemRender, status, fieldId, onErrorVisibleChanged } = props;
+		const label = getSlotPropsFnRun({}, props, "label");
+		const extra = getSlotPropsFnRun({}, props, "extra");
+		const help = getSlotPropsFnRun({}, props, "help");
+		const children = filterEmpty(slots?.default?.() ?? []);
+		const mergedWrapperColFn = () => {
+			let mergedWrapper = { ...wrapperCol || formContext.value?.wrapperCol || {} };
+			if (label === null && !labelCol && !wrapperCol && formContext.value?.labelCol) [void 0, ...responsiveArrayReversed].forEach((size) => {
+				const _size = size ? [size] : [];
+				const formLabel = get(formContext?.value?.labelCol, _size);
+				const formLabelObj = typeof formLabel === "object" ? formLabel : {};
+				const wrapper = get(mergedWrapper, _size);
+				const wrapperObj = typeof wrapper === "object" ? wrapper : {};
+				if ("span" in formLabelObj && !("offset" in wrapperObj) && formLabelObj.span < GRID_MAX) mergedWrapper = set(mergedWrapper, [..._size, "offset"], formLabelObj.span);
+			});
+			return mergedWrapper;
+		};
+		const mergedWrapperCol = mergedWrapperColFn();
+		const className = clsx(`${baseClassName.value}-control`, mergedWrapperCol?.class);
+		const inputDom = createVNode("div", { "class": `${baseClassName.value}-control-input` }, [createVNode("div", {
+			"class": clsx(`${baseClassName.value}-control-input-content`, contextClassNames.value?.content),
+			"style": contextStyles.value?.content
+		}, [children])]);
+		const errorListDom = marginBottom || errors.length || warnings.length ? createVNode(FormItemPrefixContextProvider, {
+			"prefixCls": prefixCls,
+			"status": status
+		}, { default: () => [createVNode(ErrorList, {
+			"fieldId": fieldId,
+			"errors": errors,
+			"warnings": warnings,
+			"help": help,
+			"helpStatus": status,
+			"class": `${baseClassName.value}-explain-connected`,
+			"onVisibleChanged": onErrorVisibleChanged
+		}, null)] }) : null;
+		const extraProps = {};
+		if (fieldId) extraProps.id = `${fieldId}_extra`;
+		const extraDom = extra ? createVNode("div", mergeProps(extraProps, {
+			"class": `${baseClassName.value}-extra`,
+			"ref": extraRef
+		}), [extra]) : null;
+		const additionalDom = errorListDom || extraDom ? createVNode("div", {
+			"class": `${baseClassName.value}-additional`,
+			"style": marginBottom ? { minHeight: `${marginBottom + extraHeight.value}px` } : {}
+		}, [errorListDom, extraDom]) : null;
+		const dom = formItemRender && formItemRender.mark === "pro_table_render" && formItemRender.render ? formItemRender.render(props, {
+			input: inputDom,
+			errorList: errorListDom,
+			extra: extraDom
+		}) : createVNode(Fragment, null, [inputDom, additionalDom]);
+		return createVNode(Col, mergeProps(mergedWrapperCol, { "class": className }), _isSlot(dom) ? dom : { default: () => [dom] });
+	};
+}, {
+	props: {
+		labelCol: {
+			type: Object,
+			required: false
+		},
+		wrapperCol: {
+			type: Object,
+			required: false
+		},
+		extra: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		status: {
+			type: String,
+			required: false
+		},
+		help: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		fieldId: {
+			type: String,
+			required: false
+		},
+		label: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		prefixCls: {
+			type: String,
+			required: true
+		},
+		errors: {
+			type: Array,
+			required: true
+		},
+		warnings: {
+			type: Array,
+			required: true
+		},
+		marginBottom: {
+			type: [Number, null],
+			required: false
+		},
+		onErrorVisibleChanged: {
+			type: Function,
+			required: false
+		},
+		_internalItemRender: {
+			type: Object,
+			required: false
+		}
+	},
+	name: "FormItemInput",
+	inheritAttrs: false
+});
+//#endregion
+export { FormItemInput as default };

package/dist/components/FormItem/ItemHolder.d.ts

@@ -0,0 +1,58 @@
+import { FormItemInputMiscProps } from "./FormItemInput.js";
+import * as _$vue from "vue";
+import { VNode } from "vue";
+import { VueNode } from "@v-c/util";
+import * as _$antdv_next0 from "antdv-next";
+import * as _$antdv_next_dist_form_context0 from "antdv-next/dist/form/context";
+import * as _$antdv_next_dist_form_types0 from "antdv-next/dist/form/types";
+import { NamePath, StoreValue } from "antdv-next/dist/form/types";
+import { FormItemInputProps } from "antdv-next/dist/form/FormItemInput";
+
+//#region src/components/FormItem/ItemHolder.d.ts
+declare const ItemHolder: _$vue.DefineSetupFnComponent<Omit<_$antdv_next0.FormItemProps, "preserve"> & {
+  errors: any[];
+  warnings: any[];
+  meta: _$antdv_next_dist_form_types0.Meta;
+  fieldId?: string;
+  isRequired?: boolean;
+  onSubItemMetaChange: _$antdv_next_dist_form_context0.ReportMetaChange;
+} & {
+  initialValue?: any;
+  valuePropName?: "checked" | "value" | "fileList";
+  isListField?: boolean;
+  dependencies?: NamePath<string | number | boolean>[];
+  getValueFromEvent?: (...args: any[]) => StoreValue;
+  getValueProps?: (value: StoreValue) => Record<string, unknown>;
+  _internalItemRender?: {
+    mark: string;
+    render: (props: FormItemInputProps & FormItemInputMiscProps, domList: {
+      input: VNode;
+      errorList: VNode | null;
+      extra: VNode | null;
+    }) => VueNode;
+  };
+}, {}, {}, Omit<_$antdv_next0.FormItemProps, "preserve"> & {
+  errors: any[];
+  warnings: any[];
+  meta: _$antdv_next_dist_form_types0.Meta;
+  fieldId?: string;
+  isRequired?: boolean;
+  onSubItemMetaChange: _$antdv_next_dist_form_context0.ReportMetaChange;
+} & {
+  initialValue?: any;
+  valuePropName?: "checked" | "value" | "fileList";
+  isListField?: boolean;
+  dependencies?: NamePath<string | number | boolean>[];
+  getValueFromEvent?: (...args: any[]) => StoreValue;
+  getValueProps?: (value: StoreValue) => Record<string, unknown>;
+  _internalItemRender?: {
+    mark: string;
+    render: (props: FormItemInputProps & FormItemInputMiscProps, domList: {
+      input: VNode;
+      errorList: VNode | null;
+      extra: VNode | null;
+    }) => VueNode;
+  };
+} & {}, _$vue.PublicProps>;
+//#endregion
+export { ItemHolder as default };

package/dist/components/FormItem/ItemHolder.js

@@ -0,0 +1,289 @@
+import FormItemInput from "./FormItemInput.js";
+import { computed, createVNode, defineComponent, mergeProps, nextTick, shallowRef, watch } from "vue";
+import { clsx, omit } from "@v-c/util";
+import { Row } from "antdv-next";
+import { NoStyleItemContextProvider, useFormContext } from "antdv-next/dist/form/context";
+import StatusProvider from "antdv-next/dist/form/FormItem/StatusProvider";
+import { getStatus } from "antdv-next/dist/form/util";
+import isVisible from "@v-c/util/dist/Dom/isVisible";
+import { getAttrStyleAndClass } from "antdv-next/dist/_util/hooks/index";
+import isNonNullable from "antdv-next/dist/_util/isNonNullable";
+import FormItemLabel from "antdv-next/dist/form/FormItemLabel";
+//#region src/components/FormItem/ItemHolder.tsx
+const ItemHolder = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
+	const itemPrefixCls = computed(() => `${props.prefixCls}-item`);
+	const formContext = useFormContext();
+	const layout = computed(() => props?.layout ?? formContext.value?.layout);
+	const vertical = computed(() => layout.value === "vertical");
+	const itemRef = shallowRef();
+	const hasHelp = computed(() => isNonNullable(props.help));
+	const hasError = computed(() => !!(hasHelp.value || props?.errors?.length || props?.warnings?.length));
+	const isOnScreen = computed(() => !!itemRef.value && isVisible(itemRef.value));
+	const marginBottom = shallowRef();
+	watch([hasError, isOnScreen], async () => {
+		await nextTick();
+		if (hasError.value && itemRef.value) {
+			const itemStyle = getComputedStyle(itemRef.value);
+			marginBottom.value = Number.parseInt(itemStyle.marginBottom, 10);
+		}
+	}, { immediate: true });
+	const onErrorVisibleChanged = (visible) => {
+		if (!visible) marginBottom.value = null;
+	};
+	function getValidateState(isDebounce = false) {
+		return getStatus(isDebounce ? props?.errors : props?.meta?.errors, isDebounce ? props?.warnings : props?.meta?.warnings, props?.meta, "", !!props?.hasFeedback, props?.validateStatus);
+	}
+	return () => {
+		const mergedValidateStatus = getValidateState();
+		const { prefixCls, rootClass, hasFeedback, hidden, fieldId, required, isRequired, meta, help, onSubItemMetaChange, name } = props;
+		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
+		const debounceErrors = props?.errors;
+		const debounceWarnings = props?.warnings;
+		return createVNode("div", {
+			"class": clsx(itemPrefixCls.value, className, rootClass, {
+				[`${itemPrefixCls.value}-with-help`]: hasHelp.value || debounceErrors.length || debounceWarnings.length,
+				[`${itemPrefixCls.value}-has-feedback`]: mergedValidateStatus && hasFeedback,
+				[`${itemPrefixCls.value}-has-success`]: mergedValidateStatus === "success",
+				[`${itemPrefixCls.value}-has-warning`]: mergedValidateStatus === "warning",
+				[`${itemPrefixCls.value}-has-error`]: mergedValidateStatus === "error",
+				[`${itemPrefixCls.value}-is-validating`]: mergedValidateStatus === "validating",
+				[`${itemPrefixCls.value}-hidden`]: hidden,
+				[`${itemPrefixCls.value}-${layout.value}`]: layout.value
+			}),
+			"style": style,
+			"ref": itemRef
+		}, [createVNode(Row, mergeProps({ "class": `${itemPrefixCls.value}-row` }, restAttrs), { default: () => [createVNode(FormItemLabel, mergeProps(omit(props, ["_internalItemRender"]), {
+			"htmlFor": props.htmlFor || fieldId,
+			"requiredMark": formContext.value?.requiredMark,
+			"required": required ?? isRequired,
+			"prefixCls": prefixCls,
+			"vertical": vertical.value
+		}), null), createVNode(FormItemInput, mergeProps(props, meta, {
+			"errors": debounceErrors,
+			"warnings": debounceWarnings,
+			"prefixCls": prefixCls,
+			"status": mergedValidateStatus,
+			"help": help,
+			"marginBottom": marginBottom.value,
+			"onErrorVisibleChanged": onErrorVisibleChanged
+		}), { default: () => [createVNode(NoStyleItemContextProvider, { "value": onSubItemMetaChange }, { default: () => [createVNode(StatusProvider, {
+			"prefixCls": prefixCls,
+			"meta": meta,
+			"errors": meta.errors,
+			"warnings": meta.warnings,
+			"hasFeedback": hasFeedback,
+			"validateStatus": mergedValidateStatus,
+			"name": name
+		}, { default: () => [slots?.default?.()] })] })] })] }), !!marginBottom.value && createVNode("div", {
+			"class": `${itemPrefixCls.value}-margin-offset`,
+			"style": { marginBottom: `${-marginBottom.value}px` }
+		}, null)]);
+	};
+}, {
+	props: {
+		name: { required: false },
+		rules: {
+			type: Array,
+			required: false
+		},
+		trigger: {
+			type: [String, Array],
+			required: false
+		},
+		validateTrigger: {
+			type: [
+				String,
+				Array,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		validateDebounce: {
+			type: Number,
+			required: false
+		},
+		validateFirst: {
+			type: [Boolean, String],
+			required: false,
+			default: void 0
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		colon: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		htmlFor: {
+			type: String,
+			required: false
+		},
+		label: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		labelAlign: {
+			type: String,
+			required: false
+		},
+		labelCol: {
+			type: Object,
+			required: false
+		},
+		tooltip: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		vertical: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		wrapperCol: {
+			type: Object,
+			required: false
+		},
+		extra: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		status: {
+			type: String,
+			required: false
+		},
+		help: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		fieldId: {
+			type: String,
+			required: false
+		},
+		noStyle: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		hasFeedback: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		validateStatus: {
+			type: String,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		hidden: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		messageVariables: {
+			type: Object,
+			required: false
+		},
+		layout: {
+			type: String,
+			required: false
+		},
+		errors: {
+			type: Array,
+			required: true
+		},
+		warnings: {
+			type: Array,
+			required: true
+		},
+		meta: {
+			type: Object,
+			required: true
+		},
+		isRequired: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		onSubItemMetaChange: {
+			type: Function,
+			required: true
+		},
+		initialValue: { required: false },
+		valuePropName: {
+			type: String,
+			required: false
+		},
+		isListField: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		dependencies: {
+			type: Array,
+			required: false
+		},
+		getValueFromEvent: {
+			type: Function,
+			required: false
+		},
+		getValueProps: {
+			type: Function,
+			required: false
+		},
+		_internalItemRender: {
+			type: Object,
+			required: false
+		}
+	},
+	name: "FormItemHolder",
+	inheritAttrs: false
+});
+//#endregion
+export { ItemHolder as default };