@kp-ui/lowcode-pc-v2 0.0.1 → 0.0.2

package/core/src/hooks/useField.js

@@ -1,430 +1,503 @@
-import { EVENT_TYPE, useEmitter } from "../utils/useEmitter.js";
-import { useI18n } from "../utils/i18n.js";
-import { deepClone } from "../utils/util.js";
-import { getEventParams } from "../components/property-editor/propertyRegister.js";
-import { useAppRef } from "./useAppRef.js";
-import { useFieldRules } from "./useFieldRules.js";
-import { computed, inject, onBeforeUnmount, onMounted, ref, toRaw, watch } from "vue";
-import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
-import { useExecFunction } from "tmgc2-share";
-import { eq, get, isArray } from "lodash-es";
-import _asyncToGenerator from "@oxc-project/runtime/helpers/asyncToGenerator";
+import { EVENT_TYPE, useEmitter } from '../utils/useEmitter.js';
+import { useI18n } from '../utils/i18n.js';
+import { deepClone } from '../utils/util.js';
+import { getEventParams } from '../components/property-editor/propertyRegister.js';
+import { useAppRef } from './useAppRef.js';
+import { useFieldRules } from './useFieldRules.js';
+import { computed, inject, onBeforeUnmount, onMounted, ref, toRaw, watch } from 'vue';
+import { useExecFunction } from 'tmgc2-share';
+import { eq, get, isArray } from 'lodash-es';
 //#region ../core/src/hooks/useField.ts
 /**
-* 表单字段 Hook，提供表单字段的通用功能
-*/
+ * 表单字段 Hook，提供表单字段的通用功能
+ */
 function useField(widget) {
-	const formConfig = inject("formConfig", ref({}));
-	const formModel = inject("formData", ref({}));
-	const getReadMode = inject("getReadMode", () => false);
-	const isSubFormField = inject("isSubFormField", false);
-	const subFormRowIndex = inject("subFormRowIndex", ref(0));
-	const getSubFormName = inject("getSubFormName", () => "");
-	const designState = inject("designState", false);
-	const { registerToRefList, getInstance, getPageInstance, unregisterFromRefList } = useAppRef();
-	const { context, executeFunction, asyncExecuteFunction } = useExecFunction();
-	const { i18nt, i18n2t } = useI18n();
-	const { emitter } = useEmitter();
-	const fieldEditor = ref(null);
-	const oldFieldValue = ref(null);
-	const fieldReadonlyFlag = ref(false);
-	const loading = ref(false);
-	/** 获取属性名称 */
-	const getPropName = computed(() => {
-		var _widget$props2;
-		if (isSubFormField && !designState) {
-			var _widget$props;
-			return `${getSubFormName()}.${subFormRowIndex.value}.${((_widget$props = widget.props) === null || _widget$props === void 0 ? void 0 : _widget$props.name) || ""}`;
-		}
-		return ((_widget$props2 = widget.props) === null || _widget$props2 === void 0 ? void 0 : _widget$props2.name) || "";
-	});
-	/** 标签文本 */
-	const label = computed(() => {
-		var _widget$props$label, _widget$props3;
-		return (_widget$props$label = (_widget$props3 = widget.props) === null || _widget$props3 === void 0 ? void 0 : _widget$props3.label) !== null && _widget$props$label !== void 0 ? _widget$props$label : "";
-	});
-	/** 字段值 */
-	const fieldModel = computed({
-		get() {
-			return get((formModel === null || formModel === void 0 ? void 0 : formModel.value) || {}, getPropName.value);
-		},
-		set(value) {
-			syncUpdateFormModel(value);
-		}
-	});
-	const { rules, buildFieldRules, clearFieldRules, clearValidate } = useFieldRules({
-		widget,
-		getPropName,
-		getPageInstance,
-		designState
-	});
-	/** 子表单名称 */
-	const subFormName = computed(() => getSubFormName ? getSubFormName() : "");
-	/** 子表单数据 */
-	const subFormData = computed(() => formModel.value[subFormName.value]);
-	const isFieldWidget = computed(() => widget.category === "field");
-	/** 组件尺寸 */
-	const size = computed(() => {
-		var _widget$props4;
-		return ((_widget$props4 = widget.props) === null || _widget$props4 === void 0 ? void 0 : _widget$props4.size) || formConfig.value.size || "middle";
-	});
-	/** 是否只读模式 */
-	const isReadMode = computed(() => {
-		return getReadMode() || fieldReadonlyFlag.value;
-	});
-	/** 自定义类名 */
-	const customClass = computed(() => {
-		var _widget$props5;
-		return ((_widget$props5 = widget.props) === null || _widget$props5 === void 0 ? void 0 : _widget$props5.customClass) || [];
-	});
-	const dataSource = computed(() => {
-		return widget.dataSource;
-	});
-	/** 处理字段隐藏逻辑 */
-	const handleHidden = computed(() => {
-		var _widget$props$hidden, _widget$props6, _widget$events;
-		if (designState) return false;
-		const hidden = (_widget$props$hidden = (_widget$props6 = widget.props) === null || _widget$props6 === void 0 ? void 0 : _widget$props6.hidden) !== null && _widget$props$hidden !== void 0 ? _widget$props$hidden : false;
-		const onHidden = (_widget$events = widget.events) === null || _widget$events === void 0 ? void 0 : _widget$events.onHidden;
-		if (hidden) return true;
-		if (onHidden) try {
-			const result = executeFunction({ functionBody: onHidden });
-			return typeof result === "boolean" ? result : false;
-		} catch (_unused) {
-			return false;
-		}
-		return false;
-	});
-	/** 处理字段禁用逻辑 */
-	const handleDisabled = computed(() => {
-		var _widget$events2;
-		const { disabled } = widget.props || {};
-		const onDisabled = (_widget$events2 = widget.events) === null || _widget$events2 === void 0 ? void 0 : _widget$events2.onDisabled;
-		if (disabled) return true;
-		if (designState) return;
-		if (onDisabled) try {
-			const result = executeFunction({ functionBody: onDisabled });
-			return typeof result === "boolean" ? result : false;
-		} catch (_unused2) {
-			return false;
-		}
-		return false;
-	});
-	/** 执行组件事件函数 */
-	const executeWidgetEvent = function() {
-		var _ref = _asyncToGenerator(function* (eventName, params = {}) {
-			var _widget$events3;
-			if (designState) return;
-			const eventParams = getEventParams(eventName, widget.type);
-			const eventCode = (_widget$events3 = widget.events) === null || _widget$events3 === void 0 ? void 0 : _widget$events3[eventName];
-			if (eventCode) yield asyncExecuteFunction({
-				functionBody: eventCode,
-				params,
-				keys: eventParams
-			});
-		});
-		return function executeWidgetEvent(_x) {
-			return _ref.apply(this, arguments);
-		};
-	}();
-	/** 处理挂载事件 */
-	const handleOnMounted = function() {
-		var _ref2 = _asyncToGenerator(function* () {
-			if (designState) return;
-			yield executeWidgetEvent("onMounted");
-		});
-		return function handleOnMounted() {
-			return _ref2.apply(this, arguments);
-		};
-	}();
-	/** 处理变更事件 */
-	const handleOnChange = (val, oldVal, item = {}) => {
-		var _widget$events4;
-		if (designState) return;
-		executeFunction({
-			functionBody: ((_widget$events4 = widget.events) === null || _widget$events4 === void 0 ? void 0 : _widget$events4.onChange) || "",
-			params: {
-				value: val,
-				oldValue: oldVal,
-				subFormData: subFormData.value,
-				rowId: subFormRowIndex.value,
-				item
-			},
-			keys: [
-				"value",
-				"oldValue",
-				"subFormData",
-				"rowId",
-				"item"
-			]
-		});
-	};
-	/** 处理焦点事件 */
-	const handleFocusCustomEvent = (event) => {
-		var _widget$events5;
-		if (designState) return;
-		executeFunction({
-			functionBody: ((_widget$events5 = widget.events) === null || _widget$events5 === void 0 ? void 0 : _widget$events5.onFocus) || "",
-			params: { event },
-			keys: ["event"]
-		});
-	};
-	/** 处理失焦事件 */
-	const handleBlurCustomEvent = (event) => {
-		var _widget$events6;
-		if (designState) return;
-		executeFunction({
-			functionBody: ((_widget$events6 = widget.events) === null || _widget$events6 === void 0 ? void 0 : _widget$events6.onBlur) || "",
-			params: { event },
-			keys: ["event"]
-		});
-	};
-	/** 处理点击事件 */
-	const onClick = function() {
-		var _ref3 = _asyncToGenerator(function* () {
-			if (designState || handleDisabled.value) return;
-			yield executeWidgetEvent("onClick");
-		});
-		return function onClick() {
-			return _ref3.apply(this, arguments);
-		};
-	}();
-	/** 发送字段数据变更事件 */
-	const emitFieldDataChange = (newValue, oldValue) => {
-		if (newValue === null || newValue === void 0 ? void 0 : newValue.target) newValue = newValue.target.value;
-		if (!context.value) return;
-		emitter.emit(EVENT_TYPE.ON_FIELD_DATA_CHANGE, {
-			fieldName: widget.props.name,
-			value: newValue,
-			oldValue,
-			field: widget,
-			subFormName: subFormName.value,
-			subFormRowIndex: subFormRowIndex.value
-		});
-	};
-	/** 同步更新表单模型 */
-	const syncUpdateFormModel = (value) => {
-		if (designState) {
-			emitFieldDataChange(value, fieldModel.value);
-			return;
-		}
-		emitter.emit(EVENT_TYPE.ON_FIELD_VALIDATION, [getPropName.value]);
-		const oldValue = toRaw(fieldModel.value);
-		emitFieldDataChange(value, oldValue);
-		handleOnChange(value, oldValue);
-	};
-	/** 设置值 */
-	const setValue = (newValue, disableChangeEvent = false) => {
-		if (newValue === null || newValue === void 0 ? void 0 : newValue.target) newValue = newValue.target.value;
-		if (eq(fieldModel.value, newValue)) return;
-		const oldValue = deepClone(fieldModel.value);
-		if (widget.type === "file-upload") newValue = showFileList(newValue || []);
-		else if (widget.type === "code-editor") {
-			var _getFieldEditor;
-			(_getFieldEditor = getFieldEditor()) === null || _getFieldEditor === void 0 || _getFieldEditor.setValue(newValue);
-		}
-		fieldModel.value = newValue;
-		if (!disableChangeEvent) emitFieldDataChange(newValue, oldValue);
-	};
-	/** 获取值 */
-	const getValue = () => fieldModel.value;
-	/** 重置字段 */
-	const resetField = () => {
-		var _widget$props7;
-		setValue((_widget$props7 = widget.props) === null || _widget$props7 === void 0 ? void 0 : _widget$props7.defaultValue);
-	};
-	/** 刷新默认值 */
-	const refreshDefaultValue = () => {
-		var _widget$props8;
-		fieldModel.value = (_widget$props8 = widget.props) === null || _widget$props8 === void 0 ? void 0 : _widget$props8.defaultValue;
-	};
-	const setReadonly = (flag) => {
-		if (widget.props) widget.props.readonly = flag;
-	};
-	/** 设置禁用 */
-	const setDisabled = (flag) => {
-		if (widget.props) widget.props.disabled = flag;
-	};
-	/** 设置隐藏 */
-	const setHidden = (flag) => {
-		if (widget.props) widget.props.hidden = flag;
-		flag ? clearFieldRules() : buildFieldRules();
-	};
-	/** 设置必填 */
-	const setRequired = (flag) => {
-		if ("validation" in widget && widget.validation) widget.validation.required = flag;
-		buildFieldRules();
-		if (!designState && !flag) clearValidate();
-	};
-	/** 设置标签 */
-	const setLabel = (newLabel) => {
-		if (widget.props) widget.props.label = newLabel;
-	};
-	/** 设置只读模式 */
-	const setReadMode = (flag = true) => {
-		fieldReadonlyFlag.value = flag;
-	};
-	/** 添加 CSS 类 */
-	const addCssClass = (className) => {
-		if (!widget.props) widget.props = {};
-		if (!widget.props.customClass) widget.props.customClass = [className];
-		else widget.props.customClass.push(className);
-	};
-	/** 移除 CSS 类 */
-	const removeCssClass = (className) => {
-		var _widget$props9;
-		if (!((_widget$props9 = widget.props) === null || _widget$props9 === void 0 ? void 0 : _widget$props9.customClass)) return;
-		const idx = widget.props.customClass.indexOf(className);
-		if (idx > -1) widget.props.customClass.splice(idx, 1);
-	};
-	/** 获取字段编辑器 */
-	const getFieldEditor = () => fieldEditor.value;
-	/** 获取 DOM 元素 */
-	const getEl = () => {
-		var _fieldEditor$value;
-		return (_fieldEditor$value = fieldEditor.value) === null || _fieldEditor$value === void 0 ? void 0 : _fieldEditor$value.$el;
-	};
-	/** 获取 VForm 上下文 */
-	const getVfCtx = () => {
-		var _getPageInstance;
-		return ((_getPageInstance = getPageInstance()) === null || _getPageInstance === void 0 ? void 0 : _getPageInstance.vfCtx) || {};
-	};
-	/** 聚焦 */
-	const focus = () => {
-		var _fieldEditor$value2, _fieldEditor$value2$f;
-		(_fieldEditor$value2 = fieldEditor.value) === null || _fieldEditor$value2 === void 0 || (_fieldEditor$value2$f = _fieldEditor$value2.focus) === null || _fieldEditor$value2$f === void 0 || _fieldEditor$value2$f.call(_fieldEditor$value2);
-	};
-	/** 显示文件列表 */
-	const showFileList = (list) => {
-		if (typeof list === "string") try {
-			list = JSON.parse(list);
-		} catch (_unused3) {
-			return [];
-		}
-		if (!isArray(list)) return [];
-		return list.map((item, uid) => _objectSpread(_objectSpread({}, item), {}, {
-			name: item.fileName,
-			uid
-		}));
-	};
-	/** 初始化字段模型 */
-	const initFieldModel = () => {
-		let value;
-		if (isSubFormField) value = fieldModel.value;
-		else {
-			var _widget$props$default, _widget$props10;
-			value = (_widget$props$default = (_widget$props10 = widget.props) === null || _widget$props10 === void 0 ? void 0 : _widget$props10.defaultValue) !== null && _widget$props$default !== void 0 ? _widget$props$default : "";
-		}
-		emitFieldDataChange(toRaw(value), toRaw(fieldModel.value));
-	};
-	const getSubFormRowIndex = () => {
-		return subFormRowIndex.value;
-	};
-	watch(() => widget.validation, () => {
-		buildFieldRules();
-	}, { deep: true });
-	watch(() => {
-		var _widget$props11;
-		return (_widget$props11 = widget.props) === null || _widget$props11 === void 0 ? void 0 : _widget$props11.defaultValue;
-	}, (val) => {
-		syncUpdateFormModel(val);
-	});
-	onMounted(_asyncToGenerator(function* () {
-		if (isFieldWidget.value) initFieldModel();
-		yield registerToRefList();
-		yield handleOnMounted();
-		buildFieldRules();
-	}));
-	onBeforeUnmount(() => {
-		unregisterFromRefList();
-	});
-	return {
-		formModel,
-		context,
-		fieldEditor,
-		fieldModel,
-		oldFieldValue,
-		fieldReadonlyFlag,
-		loading,
-		rules,
-		customClass,
-		label,
-		size,
-		isReadMode,
-		handleHidden,
-		handleDisabled,
-		getPropName,
-		formConfig,
-		subFormName,
-		subFormData,
-		field: widget,
-		widget,
-		dataSource,
-		handleOnMounted,
-		handleOnChange,
-		handleFocusCustomEvent,
-		handleBlurCustomEvent,
-		onClick,
-		executeWidgetEvent,
-		executeFunction,
-		asyncExecuteFunction,
-		setValue,
-		getValue,
-		resetField,
-		refreshDefaultValue,
-		emitFieldDataChange,
-		syncUpdateFormModel,
-		buildFieldRules,
-		clearFieldRules,
-		clearValidate,
-		setReadonly,
-		setDisabled,
-		setHidden,
-		setRequired,
-		setLabel,
-		setReadMode,
-		addCssClass,
-		removeCssClass,
-		getPageInstance,
-		getFieldEditor,
-		getEl,
-		getVfCtx,
-		focus,
-		showFileList,
-		i18nt,
-		i18n2t,
-		designState,
-		isSubFormField,
-		subFormRowIndex,
-		defineExposed: {
-			widget,
-			field: widget,
-			fieldModel,
-			fieldEditor,
-			isReadMode,
-			formModel,
-			getSubFormRowIndex,
-			setValue,
-			getValue,
-			resetField,
-			setReadonly,
-			setDisabled,
-			setHidden,
-			setRequired,
-			setLabel,
-			setReadMode,
-			addCssClass,
-			removeCssClass,
-			clearValidate,
-			focus,
-			getEl,
-			getFieldEditor,
-			getPageInstance,
-			getInstance,
-			getVfCtx,
-			i18nt
-		}
-	};
+    const formConfig = inject('formConfig', ref({}));
+    const formModel = inject('formData', ref({}));
+    const getReadMode = inject('getReadMode', () => false);
+    const isSubFormField = inject('isSubFormField', false);
+    const subFormRowIndex = inject('subFormRowIndex', ref(0));
+    const getSubFormName = inject('getSubFormName', () => '');
+    const designState = inject('designState', false);
+    const { registerToRefList, getInstance, getPageInstance, unregisterFromRefList } = useAppRef();
+    const { context, executeFunction, asyncExecuteFunction } = useExecFunction();
+    const { i18nt, i18n2t } = useI18n();
+    const { emitter } = useEmitter();
+    const fieldEditor = ref(null);
+    const oldFieldValue = ref(null);
+    const fieldReadonlyFlag = ref(false);
+    const loading = ref(false);
+    /** 获取属性名称 */
+    const getPropName = computed(() => {
+        var _widget$props2;
+        if (isSubFormField && !designState) {
+            var _widget$props;
+            return `${getSubFormName()}.${subFormRowIndex.value}.${
+                ((_widget$props = widget.props) === null || _widget$props === void 0
+                    ? void 0
+                    : _widget$props.name) || ''
+            }`;
+        }
+        return (
+            ((_widget$props2 = widget.props) === null || _widget$props2 === void 0
+                ? void 0
+                : _widget$props2.name) || ''
+        );
+    });
+    /** 标签文本 */
+    const label = computed(() => {
+        var _widget$props$label, _widget$props3;
+        return (_widget$props$label =
+            (_widget$props3 = widget.props) === null || _widget$props3 === void 0
+                ? void 0
+                : _widget$props3.label) !== null && _widget$props$label !== void 0
+            ? _widget$props$label
+            : '';
+    });
+    /** 字段值 */
+    const fieldModel = computed({
+        get() {
+            return get(
+                (formModel === null || formModel === void 0 ? void 0 : formModel.value) || {},
+                getPropName.value
+            );
+        },
+        set(value) {
+            syncUpdateFormModel(value);
+        }
+    });
+    const { rules, buildFieldRules, clearFieldRules, clearValidate } = useFieldRules({
+        widget,
+        getPropName,
+        getPageInstance,
+        designState
+    });
+    /** 子表单名称 */
+    const subFormName = computed(() => (getSubFormName ? getSubFormName() : ''));
+    /** 子表单数据 */
+    const subFormData = computed(() => formModel.value[subFormName.value]);
+    const isFieldWidget = computed(() => widget.category === 'field');
+    /** 组件尺寸 */
+    const size = computed(() => {
+        var _widget$props4;
+        return (
+            ((_widget$props4 = widget.props) === null || _widget$props4 === void 0
+                ? void 0
+                : _widget$props4.size) ||
+            formConfig.value.size ||
+            'middle'
+        );
+    });
+    /** 是否只读模式 */
+    const isReadMode = computed(() => {
+        return getReadMode() || fieldReadonlyFlag.value;
+    });
+    /** 自定义类名 */
+    const customClass = computed(() => {
+        var _widget$props5;
+        return (
+            ((_widget$props5 = widget.props) === null || _widget$props5 === void 0
+                ? void 0
+                : _widget$props5.customClass) || []
+        );
+    });
+    const dataSource = computed(() => {
+        return widget.dataSource;
+    });
+    /** 处理字段隐藏逻辑 */
+    const handleHidden = computed(() => {
+        var _widget$props$hidden, _widget$props6, _widget$events;
+        if (designState) return false;
+        const hidden =
+            (_widget$props$hidden =
+                (_widget$props6 = widget.props) === null || _widget$props6 === void 0
+                    ? void 0
+                    : _widget$props6.hidden) !== null && _widget$props$hidden !== void 0
+                ? _widget$props$hidden
+                : false;
+        const onHidden =
+            (_widget$events = widget.events) === null || _widget$events === void 0
+                ? void 0
+                : _widget$events.onHidden;
+        if (hidden) return true;
+        if (onHidden)
+            try {
+                const result = executeFunction({ functionBody: onHidden });
+                return typeof result === 'boolean' ? result : false;
+            } catch (_unused) {
+                return false;
+            }
+        return false;
+    });
+    /** 处理字段禁用逻辑 */
+    const handleDisabled = computed(() => {
+        var _widget$events2;
+        const { disabled } = widget.props || {};
+        const onDisabled =
+            (_widget$events2 = widget.events) === null || _widget$events2 === void 0
+                ? void 0
+                : _widget$events2.onDisabled;
+        if (disabled) return true;
+        if (designState) return;
+        if (onDisabled)
+            try {
+                const result = executeFunction({ functionBody: onDisabled });
+                return typeof result === 'boolean' ? result : false;
+            } catch (_unused2) {
+                return false;
+            }
+        return false;
+    });
+    /** 执行组件事件函数 */
+    const executeWidgetEvent = async (eventName, params = {}) => {
+        var _widget$events3;
+        if (designState) return;
+        const eventParams = getEventParams(eventName, widget.type);
+        const eventCode =
+            (_widget$events3 = widget.events) === null || _widget$events3 === void 0
+                ? void 0
+                : _widget$events3[eventName];
+        if (eventCode)
+            await asyncExecuteFunction({
+                functionBody: eventCode,
+                params,
+                keys: eventParams
+            });
+    };
+    /** 处理挂载事件 */
+    const handleOnMounted = async () => {
+        if (designState) return;
+        await executeWidgetEvent('onMounted');
+    };
+    /** 处理变更事件 */
+    const handleOnChange = (val, oldVal, item = {}) => {
+        var _widget$events4;
+        if (designState) return;
+        executeFunction({
+            functionBody:
+                ((_widget$events4 = widget.events) === null || _widget$events4 === void 0
+                    ? void 0
+                    : _widget$events4.onChange) || '',
+            params: {
+                value: val,
+                oldValue: oldVal,
+                subFormData: subFormData.value,
+                rowId: subFormRowIndex.value,
+                item
+            },
+            keys: ['value', 'oldValue', 'subFormData', 'rowId', 'item']
+        });
+    };
+    /** 处理焦点事件 */
+    const handleFocusCustomEvent = event => {
+        var _widget$events5;
+        if (designState) return;
+        executeFunction({
+            functionBody:
+                ((_widget$events5 = widget.events) === null || _widget$events5 === void 0
+                    ? void 0
+                    : _widget$events5.onFocus) || '',
+            params: { event },
+            keys: ['event']
+        });
+    };
+    /** 处理失焦事件 */
+    const handleBlurCustomEvent = event => {
+        var _widget$events6;
+        if (designState) return;
+        executeFunction({
+            functionBody:
+                ((_widget$events6 = widget.events) === null || _widget$events6 === void 0
+                    ? void 0
+                    : _widget$events6.onBlur) || '',
+            params: { event },
+            keys: ['event']
+        });
+    };
+    /** 处理点击事件 */
+    const onClick = async () => {
+        if (designState || handleDisabled.value) return;
+        await executeWidgetEvent('onClick');
+    };
+    /** 发送字段数据变更事件 */
+    const emitFieldDataChange = (newValue, oldValue) => {
+        if (newValue === null || newValue === void 0 ? void 0 : newValue.target)
+            newValue = newValue.target.value;
+        if (!context.value) return;
+        emitter.emit(EVENT_TYPE.ON_FIELD_DATA_CHANGE, {
+            fieldName: widget.props.name,
+            value: newValue,
+            oldValue,
+            field: widget,
+            subFormName: subFormName.value,
+            subFormRowIndex: subFormRowIndex.value
+        });
+    };
+    /** 同步更新表单模型 */
+    const syncUpdateFormModel = value => {
+        if (designState) {
+            emitFieldDataChange(value, fieldModel.value);
+            return;
+        }
+        emitter.emit(EVENT_TYPE.ON_FIELD_VALIDATION, [getPropName.value]);
+        const oldValue = toRaw(fieldModel.value);
+        emitFieldDataChange(value, oldValue);
+        handleOnChange(value, oldValue);
+    };
+    /** 设置值 */
+    const setValue = (newValue, disableChangeEvent = false) => {
+        if (newValue === null || newValue === void 0 ? void 0 : newValue.target)
+            newValue = newValue.target.value;
+        if (eq(fieldModel.value, newValue)) return;
+        const oldValue = deepClone(fieldModel.value);
+        if (widget.type === 'file-upload') newValue = showFileList(newValue || []);
+        else if (widget.type === 'code-editor') {
+            var _getFieldEditor;
+            (_getFieldEditor = getFieldEditor()) === null ||
+                _getFieldEditor === void 0 ||
+                _getFieldEditor.setValue(newValue);
+        }
+        fieldModel.value = newValue;
+        if (!disableChangeEvent) emitFieldDataChange(newValue, oldValue);
+    };
+    /** 获取值 */
+    const getValue = () => fieldModel.value;
+    /** 重置字段 */
+    const resetField = () => {
+        var _widget$props7;
+        setValue(
+            (_widget$props7 = widget.props) === null || _widget$props7 === void 0
+                ? void 0
+                : _widget$props7.defaultValue
+        );
+    };
+    /** 刷新默认值 */
+    const refreshDefaultValue = () => {
+        var _widget$props8;
+        fieldModel.value =
+            (_widget$props8 = widget.props) === null || _widget$props8 === void 0
+                ? void 0
+                : _widget$props8.defaultValue;
+    };
+    const setReadonly = flag => {
+        if (widget.props) widget.props.readonly = flag;
+    };
+    /** 设置禁用 */
+    const setDisabled = flag => {
+        if (widget.props) widget.props.disabled = flag;
+    };
+    /** 设置隐藏 */
+    const setHidden = flag => {
+        if (widget.props) widget.props.hidden = flag;
+        flag ? clearFieldRules() : buildFieldRules();
+    };
+    /** 设置必填 */
+    const setRequired = flag => {
+        if ('validation' in widget && widget.validation) widget.validation.required = flag;
+        buildFieldRules();
+        if (!designState && !flag) clearValidate();
+    };
+    /** 设置标签 */
+    const setLabel = newLabel => {
+        if (widget.props) widget.props.label = newLabel;
+    };
+    /** 设置只读模式 */
+    const setReadMode = (flag = true) => {
+        fieldReadonlyFlag.value = flag;
+    };
+    /** 添加 CSS 类 */
+    const addCssClass = className => {
+        if (!widget.props) widget.props = {};
+        if (!widget.props.customClass) widget.props.customClass = [className];
+        else widget.props.customClass.push(className);
+    };
+    /** 移除 CSS 类 */
+    const removeCssClass = className => {
+        var _widget$props9;
+        if (
+            !((_widget$props9 = widget.props) === null || _widget$props9 === void 0
+                ? void 0
+                : _widget$props9.customClass)
+        )
+            return;
+        const idx = widget.props.customClass.indexOf(className);
+        if (idx > -1) widget.props.customClass.splice(idx, 1);
+    };
+    /** 获取字段编辑器 */
+    const getFieldEditor = () => fieldEditor.value;
+    /** 获取 DOM 元素 */
+    const getEl = () => {
+        var _fieldEditor$value;
+        return (_fieldEditor$value = fieldEditor.value) === null || _fieldEditor$value === void 0
+            ? void 0
+            : _fieldEditor$value.$el;
+    };
+    /** 获取 VForm 上下文 */
+    const getVfCtx = () => {
+        var _getPageInstance;
+        return (
+            ((_getPageInstance = getPageInstance()) === null || _getPageInstance === void 0
+                ? void 0
+                : _getPageInstance.vfCtx) || {}
+        );
+    };
+    /** 聚焦 */
+    const focus = () => {
+        var _fieldEditor$value2, _fieldEditor$value2$f;
+        (_fieldEditor$value2 = fieldEditor.value) === null ||
+            _fieldEditor$value2 === void 0 ||
+            (_fieldEditor$value2$f = _fieldEditor$value2.focus) === null ||
+            _fieldEditor$value2$f === void 0 ||
+            _fieldEditor$value2$f.call(_fieldEditor$value2);
+    };
+    /** 显示文件列表 */
+    const showFileList = list => {
+        if (typeof list === 'string')
+            try {
+                list = JSON.parse(list);
+            } catch (_unused3) {
+                return [];
+            }
+        if (!isArray(list)) return [];
+        return list.map((item, uid) => ({
+            ...item,
+            name: item.fileName,
+            uid
+        }));
+    };
+    /** 初始化字段模型 */
+    const initFieldModel = () => {
+        let value;
+        if (isSubFormField) value = fieldModel.value;
+        else {
+            var _widget$props$default, _widget$props10;
+            value =
+                (_widget$props$default =
+                    (_widget$props10 = widget.props) === null || _widget$props10 === void 0
+                        ? void 0
+                        : _widget$props10.defaultValue) !== null && _widget$props$default !== void 0
+                    ? _widget$props$default
+                    : '';
+        }
+        emitFieldDataChange(toRaw(value), toRaw(fieldModel.value));
+    };
+    const getSubFormRowIndex = () => {
+        return subFormRowIndex.value;
+    };
+    watch(
+        () => widget.validation,
+        () => {
+            buildFieldRules();
+        },
+        { deep: true }
+    );
+    watch(
+        () => {
+            var _widget$props11;
+            return (_widget$props11 = widget.props) === null || _widget$props11 === void 0
+                ? void 0
+                : _widget$props11.defaultValue;
+        },
+        val => {
+            syncUpdateFormModel(val);
+        }
+    );
+    onMounted(async () => {
+        if (isFieldWidget.value) initFieldModel();
+        await registerToRefList();
+        await handleOnMounted();
+        buildFieldRules();
+    });
+    onBeforeUnmount(() => {
+        unregisterFromRefList();
+    });
+    return {
+        formModel,
+        context,
+        fieldEditor,
+        fieldModel,
+        oldFieldValue,
+        fieldReadonlyFlag,
+        loading,
+        rules,
+        customClass,
+        label,
+        size,
+        isReadMode,
+        handleHidden,
+        handleDisabled,
+        getPropName,
+        formConfig,
+        subFormName,
+        subFormData,
+        field: widget,
+        widget,
+        dataSource,
+        handleOnMounted,
+        handleOnChange,
+        handleFocusCustomEvent,
+        handleBlurCustomEvent,
+        onClick,
+        executeWidgetEvent,
+        executeFunction,
+        asyncExecuteFunction,
+        setValue,
+        getValue,
+        resetField,
+        refreshDefaultValue,
+        emitFieldDataChange,
+        syncUpdateFormModel,
+        buildFieldRules,
+        clearFieldRules,
+        clearValidate,
+        setReadonly,
+        setDisabled,
+        setHidden,
+        setRequired,
+        setLabel,
+        setReadMode,
+        addCssClass,
+        removeCssClass,
+        getPageInstance,
+        getFieldEditor,
+        getEl,
+        getVfCtx,
+        focus,
+        showFileList,
+        i18nt,
+        i18n2t,
+        designState,
+        isSubFormField,
+        subFormRowIndex,
+        defineExposed: {
+            widget,
+            field: widget,
+            fieldModel,
+            fieldEditor,
+            isReadMode,
+            formModel,
+            getSubFormRowIndex,
+            setValue,
+            getValue,
+            resetField,
+            setReadonly,
+            setDisabled,
+            setHidden,
+            setRequired,
+            setLabel,
+            setReadMode,
+            addCssClass,
+            removeCssClass,
+            clearValidate,
+            focus,
+            getEl,
+            getFieldEditor,
+            getPageInstance,
+            getInstance,
+            getVfCtx,
+            i18nt
+        }
+    };
 }
 //#endregion
 export { useField };