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

package/core/src/hooks/useField.js

@@ -1,503 +1,414 @@
-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';
+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 = 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
-        }
-    };
+	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 };