@kp-ui/lowcode-pc 1.0.0-alpha.4 → 1.0.0-alpha.5

package/core/src/hooks/useField.js

@@ -0,0 +1,570 @@
+import { inject, ref, getCurrentInstance, computed, toRaw, onMounted, onBeforeUnmount } from "vue";
+import FormValidators from "../utils/validators.js";
+import { get, eq, isArray, cloneDeep } from "lodash-es";
+import { useExecFunction } from "tmgc2-share";
+import { useAppRef } from "./useAppRef.js";
+import { useEmitter } from "../utils/useEmitter.js";
+import { useI18n } from "../utils/i18n.js";
+import { deepClone } from "../utils/util.js";
+function useField(props, isInitModelValue = true) {
+  const formConfig = inject("formConfig", ref({}));
+  const formModel = inject("formData", ref({}));
+  const getReadMode = inject("getReadMode", () => false);
+  const isSubFormField = inject("isSubFormField", false);
+  const getSubFormName = inject("getSubFormName", () => "");
+  const designState = inject("designState", false);
+  const { registerToRefList, getWidgetRef, getFormRef, unregisterFromRefList } = useAppRef();
+  const { executeFunction, asyncExecuteFunction } = useExecFunction();
+  const { i18nt, i18n2t } = useI18n();
+  const field = props.field;
+  const fieldEditor = ref(null);
+  const oldFieldValue = ref(null);
+  const fieldReadonlyFlag = ref(false);
+  const loading = ref(false);
+  const rules = ref([]);
+  const uploadData = ref({});
+  const customToolbar = ref(null);
+  const instance = getCurrentInstance();
+  const { dispatch } = useEmitter();
+  const size = computed(() => {
+    var _a;
+    if ((_a = options.value) == null ? void 0 : _a.size) {
+      return options.value.size;
+    }
+    return formConfig.value.size || "middle";
+  });
+  const subFormName = computed(() => {
+    return getSubFormName ? getSubFormName() : "";
+  });
+  const fieldModel = computed({
+    get() {
+      return get(formModel.value, getPropName.value);
+    },
+    set(value) {
+      syncUpdateFormModel(value);
+    }
+  });
+  const subFormData = computed(() => formModel.value[subFormName.value]);
+  const isReadMode = computed(() => {
+    return getReadMode() ? true : fieldReadonlyFlag.value;
+  });
+  const handleHidden = computed(() => {
+    if (designState) {
+      return false;
+    }
+    const { onHidden, hidden } = options.value;
+    if (hidden) return true;
+    if (onHidden) {
+      try {
+        const result = executeFunction({
+          functionBody: onHidden
+        });
+        if (typeof result === "boolean") {
+          return result;
+        } else {
+          return false;
+        }
+      } catch {
+        return false;
+      }
+    }
+    return false;
+  });
+  const handleDisabled = computed(() => {
+    const { onDisabled, disabled } = options.value;
+    if (disabled) return true;
+    if (onDisabled) {
+      try {
+        const result = executeFunction({
+          functionBody: onDisabled
+        });
+        if (typeof result === "boolean") {
+          return result;
+        } else {
+          return false;
+        }
+      } catch (error) {
+        console.log({ error });
+        return false;
+      }
+    }
+    return false;
+  });
+  const findInArray = (arrayObject, element) => {
+    if (!Array.isArray(arrayObject)) {
+      return -1;
+    }
+    let foundIdx = -1;
+    arrayObject.forEach((aItem, aIdx) => {
+      if (aItem === element) {
+        foundIdx = aIdx;
+      }
+    });
+    return foundIdx;
+  };
+  const getPropName = computed(() => {
+    if (isSubFormField && !designState) {
+      return subFormName.value + "." + props.subFormRowIndex + "." + options.value.name;
+    } else {
+      return options.value.name;
+    }
+  });
+  async function handleOnCreated() {
+    if (designState) {
+      return;
+    }
+    if (options.value.onCreated) {
+      await asyncExecuteFunction({
+        functionBody: options.value.onCreated
+      });
+    }
+  }
+  async function handleOnMounted() {
+    if (designState) {
+      return;
+    }
+    if (options.value.onMounted) {
+      await asyncExecuteFunction({
+        functionBody: options.value.onMounted
+      });
+    }
+  }
+  const refreshDefaultValue = () => {
+    fieldModel.value = options.value.defaultValue;
+  };
+  const clearFieldRules = () => {
+    if (!field.formItemFlag) {
+      return;
+    }
+    rules.value.splice(0, rules.value.length);
+  };
+  const buildFieldRules = () => {
+    if (!field.formItemFlag || options.value.hidden) {
+      return;
+    }
+    rules.value.splice(0, rules.value.length);
+    if (options.value.required) {
+      rules.value.push({
+        required: true,
+        // trigger: ['blur', 'change'],
+        trigger: [
+          "blur"
+        ],
+        message: options.value.requiredHint || i18nt("render.hint.fieldRequired")
+      });
+    }
+    if (options.value.validation) {
+      const vldName = options.value.validation;
+      if (FormValidators[vldName]) {
+        rules.value.push({
+          validator: FormValidators[vldName],
+          trigger: ["blur", "change"],
+          label: options.value.label,
+          errorMsg: options.value.validationHint
+        });
+      } else {
+        rules.value.push({
+          validator: FormValidators["regExp"],
+          trigger: ["blur", "change"],
+          regExp: vldName,
+          label: options.value.label,
+          errorMsg: options.value.validationHint
+        });
+      }
+    }
+    if (options.value.onValidate) {
+      const customFn = (rule, value) => {
+        return executeFunction({
+          functionBody: options.value.onValidate,
+          params: { rule, value },
+          keys: ["rule", "value"]
+        });
+      };
+      rules.value.push({
+        validator: customFn,
+        trigger: ["blur"],
+        label: options.value.label
+      });
+    }
+  };
+  const disableChangeValidate = () => {
+    if (!rules.value) {
+      return;
+    }
+    rules.value.forEach((rule) => {
+      if (rule.trigger) {
+        rule.trigger.splice(0, rule.trigger.length);
+      }
+    });
+  };
+  const enableChangeValidate = () => {
+    if (!rules.value) {
+      return;
+    }
+    rules.value.forEach((rule) => {
+      if (rule.trigger) {
+        rule.trigger.push("blur");
+        rule.trigger.push("change");
+      }
+    });
+  };
+  const disableOptionOfList = (optionList, optionValue) => {
+    if (optionList && optionList.length > 0) {
+      optionList.forEach((opt) => {
+        if (opt.value === optionValue) {
+          opt.disabled = true;
+        }
+      });
+    }
+  };
+  const enableOptionOfList = (optionList, optionValue) => {
+    if (optionList && optionList.length > 0) {
+      optionList.forEach((opt) => {
+        if (opt.value === optionValue) {
+          opt.disabled = false;
+        }
+      });
+    }
+  };
+  const emitFieldDataChange = (newValue, oldValue) => {
+    if (newValue) {
+      newValue = newValue.target ? newValue.target.value : newValue;
+    }
+    if (!instance) return;
+    dispatch("VFormRender", "fieldChange", [
+      options.value.name,
+      newValue,
+      oldValue,
+      subFormName.value,
+      props.subFormRowIndex
+    ]);
+  };
+  const syncUpdateFormModel = (value) => {
+    if (designState) {
+      dispatch("VFormDesigner", "fieldChange", {
+        fieldName: getPropName.value,
+        value,
+        field
+      });
+      return;
+    }
+    dispatch("VFormRender", "fieldValidation", [getPropName.value]);
+    const oldValue = toRaw(fieldModel.value);
+    dispatch("VFormRender", "fieldChange", {
+      fieldName: getPropName.value,
+      value,
+      oldValue,
+      field
+    });
+    handleOnChange(value, oldValue);
+  };
+  const handleFocusCustomEvent = (event) => {
+    if (designState) {
+      return;
+    }
+    oldFieldValue.value = cloneDeep(fieldModel.value);
+    if (options.value.onFocus) {
+      executeFunction({
+        functionBody: options.value.onFocus,
+        params: { event },
+        keys: ["event"]
+      });
+    }
+  };
+  const handleBlurCustomEvent = (event) => {
+    if (designState) {
+      return;
+    }
+    if (options.value.onBlur) {
+      executeFunction({
+        functionBody: options.value.onBlur,
+        params: { event },
+        keys: ["event"]
+      });
+    }
+  };
+  const emitAppendButtonClick = () => {
+    if (designState) {
+      return;
+    }
+    if (options.value.onAppendButtonClick) {
+      executeFunction({
+        functionBody: options.value.onAppendButtonClick
+      });
+    }
+  };
+  const executeWidgetEventFunction = (eventName, params) => {
+    if (designState) {
+      return;
+    }
+    if (options.value[eventName]) {
+      executeFunction({
+        functionBody: options.value[eventName],
+        params: { params },
+        keys: ["params"]
+      });
+    }
+  };
+  const handleOnChange = (val, oldVal) => {
+    if (designState) {
+      return;
+    }
+    if (options.value.onChange) {
+      executeFunction({
+        functionBody: options.value.onChange,
+        params: {
+          value: val,
+          oldValue: oldVal,
+          subFormData: subFormData.value,
+          rowId: props.subFormRowId
+        },
+        keys: ["value", "oldValue", "subFormData", "rowId"]
+      });
+    }
+  };
+  const handleClickIcon = async () => {
+    if (designState) {
+      return;
+    }
+    if (handleDisabled.value) {
+      return;
+    }
+    if (field.options.onClickIcon) {
+      await asyncExecuteFunction({
+        functionBody: field.options.onClickIcon
+      });
+    }
+  };
+  const getFieldEditor = () => {
+    return fieldEditor.value;
+  };
+  const showFileList = (list) => {
+    if (typeof list === "string") {
+      list = JSON.parse(list);
+    }
+    if (!isArray(list)) return [];
+    const res = list.map((item, uid) => ({
+      ...item,
+      name: item.fileName,
+      uid
+    }));
+    return res;
+  };
+  const setValue = (newValue, disableChangeEvent = false) => {
+    if (newValue) {
+      newValue = newValue.target ? newValue.target.value : newValue;
+    }
+    if (eq(fieldModel.value, newValue)) return;
+    const oldValue = deepClone(fieldModel.value);
+    if (field.type === "file-upload") {
+      newValue = showFileList(newValue || []);
+    } else if (field.type === "code-editor") {
+      const fieldEditor2 = getFieldEditor();
+      if (fieldEditor2) {
+        fieldEditor2.setValue(newValue);
+      }
+    }
+    fieldModel.value = newValue;
+    if (!disableChangeEvent) {
+      emitFieldDataChange(newValue, oldValue);
+    }
+  };
+  const getValue = () => {
+    return fieldModel.value;
+  };
+  const resetField = () => {
+    const defaultValue = options.value.defaultValue;
+    setValue(defaultValue);
+    if (field.type === "picture-upload" || field.type === "file-upload") {
+      fieldModel.value.splice(0, fieldModel.value.length);
+    }
+  };
+  const setReadonly = (flag) => {
+    options.value.readonly = flag;
+  };
+  const setDisabled = (flag) => {
+    options.value.disabled = flag;
+  };
+  const setAppendButtonVisible = (flag) => {
+    options.value.appendButton = flag;
+  };
+  const setAppendButtonDisabled = (flag) => {
+    options.value.appendButtonDisabled = flag;
+  };
+  const setHidden = (flag) => {
+    options.value.hidden = flag;
+    if (flag) {
+      clearFieldRules();
+    } else {
+      buildFieldRules();
+    }
+  };
+  const setRequired = (flag) => {
+    options.value.required = flag;
+    buildFieldRules();
+    if (!designState && !flag) {
+      clearValidate();
+    }
+  };
+  const clearValidate = () => {
+    if (designState) {
+      return;
+    }
+    getFormRef().clearValidate(getPropName.value);
+  };
+  const getVfCtx = () => {
+    return getFormRef().vfCtx;
+  };
+  const setLabel = (newLabel) => {
+    options.value.label = newLabel;
+  };
+  const focus = () => {
+    const fieldEditor2 = getFieldEditor();
+    if (fieldEditor2 && fieldEditor2.focus) {
+      fieldEditor2.focus();
+    }
+  };
+  const setUploadData = (name, value) => {
+    uploadData.value[name] = value;
+  };
+  const setReadMode = (readonlyFlag = true) => {
+    fieldReadonlyFlag.value = readonlyFlag;
+  };
+  const addCssClass = (className) => {
+    if (!options.value.customClass) {
+      options.value.customClass = [className];
+    } else {
+      options.value.customClass.push(className);
+    }
+  };
+  const customClass = computed(() => options.value.customClass);
+  const removeCssClass = (className) => {
+    if (!options.value.customClass) {
+      return;
+    }
+    let foundIdx = -1;
+    options.value.customClass.map((cc, idx) => {
+      if (cc === className) {
+        foundIdx = idx;
+      }
+    });
+    if (foundIdx > -1) {
+      options.value.customClass.splice(foundIdx, 1);
+    }
+  };
+  const getEl = () => {
+    var _a;
+    return (_a = fieldEditor.value) == null ? void 0 : _a.$el;
+  };
+  const setWidgetOption = (optionName, optionValue) => {
+    options.value[optionName] = optionValue;
+  };
+  const options = computed({
+    get() {
+      return field.options;
+    },
+    set(value) {
+      field.options = value;
+    }
+  });
+  const initFieldModel = () => {
+    const defaultValue = typeof options.value.defaultValue === "undefined" ? "" : options.value.defaultValue;
+    dispatch("VFormRender", "fieldChange", {
+      fieldName: getPropName.value,
+      value: defaultValue,
+      oldValue: toRaw(fieldModel.value),
+      field
+    });
+  };
+  onMounted(async () => {
+    if (isInitModelValue) {
+      initFieldModel();
+    }
+    await registerToRefList();
+    await handleOnCreated();
+    await handleOnMounted();
+    buildFieldRules();
+  });
+  onBeforeUnmount(() => {
+    unregisterFromRefList();
+  });
+  const defineExposed = {
+    i18nt,
+    options,
+    proxy: instance == null ? void 0 : instance.proxy,
+    field,
+    widget: field,
+    fieldModel,
+    fieldEditor,
+    isReadMode,
+    setWidgetOption,
+    setReadonly,
+    setDisabled,
+    getVfCtx,
+    setLabel,
+    getEl,
+    setReadMode,
+    resetField,
+    setValue,
+    getValue,
+    getFieldEditor,
+    getFormRef,
+    getWidgetRef,
+    setHidden,
+    addCssClass,
+    removeCssClass,
+    setRequired,
+    clearValidate,
+    focus,
+    executeWidgetEventFunction
+  };
+  return {
+    asyncExecuteFunction,
+    executeFunction,
+    customClass,
+    // 状态
+    oldFieldValue,
+    fieldReadonlyFlag,
+    loading,
+    rules,
+    uploadData,
+    designState,
+    customToolbar,
+    i18n2t,
+    size,
+    // 计算属性
+    formConfig,
+    subFormName,
+    formModel,
+    // 方法
+    handleHidden,
+    handleDisabled,
+    findInArray,
+    getPropName,
+    refreshDefaultValue,
+    clearFieldRules,
+    buildFieldRules,
+    disableChangeValidate,
+    enableChangeValidate,
+    disableOptionOfList,
+    enableOptionOfList,
+    emitFieldDataChange,
+    syncUpdateFormModel,
+    handleFocusCustomEvent,
+    handleBlurCustomEvent,
+    emitAppendButtonClick,
+    handleOnChange,
+    handleClickIcon,
+    showFileList,
+    setAppendButtonVisible,
+    setAppendButtonDisabled,
+    setUploadData,
+    isSubFormField,
+    ...defineExposed,
+    defineExposed
+  };
+}
+export {
+  useField
+};
+//# sourceMappingURL=useField.js.map

package/core/src/hooks/useField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useField.js","sources":["../../../../../core/src/hooks/useField.ts"],"sourcesContent":["import {\n    ref,\n    computed,\n    inject,\n    onMounted,\n    onBeforeUnmount,\n    getCurrentInstance,\n    Ref,\n    toRaw,\n    toRefs\n} from 'vue';\nimport FormValidators from '@kp-ui/lowcode-core/src/utils/validators';\nimport { isArray, eq, get, cloneDeep } from 'lodash-es';\nimport { deepClone, FormConfig, Widget } from '@kp-ui/lowcode-core';\nimport { useI18n } from '@kp-ui/lowcode-core';\nimport { useEmitter, useAppRef } from '@kp-ui/lowcode-core';\nimport { useExecFunction } from 'tmgc2-share';\n\nexport type FieldProps<T = Widget> = {\n    widget: T;\n    field: T;\n    designer?: any;\n    parentWidget?: Widget | null;\n    parentList?: T[] | null;\n    indexOfParentList?: number;\n    subFormRowIndex?: number;\n    subFormRowId?: string;\n    subFormColIndex?: number;\n};\n\n/**\n * 表单字段 Hook，提供表单字段的通用功能\n * @returns 表单字段相关的状态和方法\n */\nexport function useField<T extends Widget>(props: FieldProps<T>, isInitModelValue = true) {\n    // 注入依赖\n    const formConfig = inject<Ref<FormConfig>>('formConfig', ref({} as FormConfig));\n    const formModel = inject<Ref<any>>('formData', ref({}));\n    const getReadMode = inject('getReadMode', () => false);\n    const isSubFormField = inject('isSubFormField', false);\n\n    const getSubFormName = inject('getSubFormName', () => '');\n    const designState = inject('designState', false);\n\n    const { registerToRefList, getWidgetRef, getFormRef, unregisterFromRefList } = useAppRef();\n    const { executeFunction, asyncExecuteFunction } = useExecFunction();\n\n    const { i18nt, i18n2t } = useI18n();\n    const field = props.field;\n\n    const fieldEditor = ref<InstanceType<any>>(null);\n    // 状态\n    const oldFieldValue = ref<any>(null);\n    const fieldReadonlyFlag = ref<boolean>(false);\n    const loading = ref<boolean>(false);\n    const rules = ref<any[]>([]);\n    const uploadData = ref<Record<string, any>>({});\n    const customToolbar = ref<any>(null);\n    const instance = getCurrentInstance();\n    const { dispatch } = useEmitter();\n\n    const size = computed(() => {\n        if (options.value?.size) {\n            return options.value.size;\n        }\n        return formConfig.value.size || 'middle';\n    });\n\n    const subFormName = computed(() => {\n        return getSubFormName ? getSubFormName() : '';\n    });\n\n    const fieldModel = computed({\n        get() {\n            return get(formModel.value, getPropName.value);\n        },\n        set(value) {\n            syncUpdateFormModel(value);\n        }\n    });\n\n    const subFormData = computed(() => formModel.value[subFormName.value]);\n\n    const isReadMode = computed(() => {\n        return getReadMode() ? true : fieldReadonlyFlag.value;\n    });\n\n    /**\n     * 处理字段隐藏逻辑\n     * @returns 是否隐藏\n     */\n    const handleHidden = computed(() => {\n        if (designState) {\n            return false;\n        }\n        const { onHidden, hidden } = options.value;\n\n        if (hidden) return true;\n        if (onHidden) {\n            try {\n                const result = executeFunction({\n                    functionBody: onHidden\n                });\n                if (typeof result === 'boolean') {\n                    return result;\n                } else {\n                    return false;\n                }\n            } catch {\n                return false;\n            }\n        }\n        return false;\n    });\n\n    /**\n     * 处理字段禁用逻辑\n     * @returns 是否禁用\n     */\n    const handleDisabled = computed(() => {\n        const { onDisabled, disabled } = options.value;\n        if (disabled) return true;\n        if (onDisabled) {\n            try {\n                const result = executeFunction({\n                    functionBody: onDisabled\n                });\n                if (typeof result === 'boolean') {\n                    return result;\n                } else {\n                    return false;\n                }\n            } catch (error) {\n                console.log({ error });\n                return false;\n            }\n        }\n        return false;\n    });\n\n    /**\n     * 在数组中查找元素\n     * @param arrayObject 数组对象\n     * @param element 要查找的元素\n     * @returns 找到的索引，未找到返回-1\n     */\n    const findInArray = (arrayObject: any[], element: any) => {\n        if (!Array.isArray(arrayObject)) {\n            return -1;\n        }\n\n        let foundIdx = -1;\n        arrayObject.forEach((aItem, aIdx) => {\n            if (aItem === element) {\n                foundIdx = aIdx;\n            }\n        });\n\n        return foundIdx;\n    };\n\n    /**\n     * 获取属性名称\n     * @returns 属性名称\n     */\n    const getPropName = computed(() => {\n        if (isSubFormField && !designState) {\n            return subFormName.value + '.' + props.subFormRowIndex + '.' + options.value.name + '';\n        } else {\n            return options.value.name;\n        }\n    });\n\n    /**\n     * 处理组件创建事件\n     */\n    async function handleOnCreated() {\n        if (designState) {\n            // 设计状态不触发事件\n            return;\n        }\n\n        if (options.value.onCreated) {\n            await asyncExecuteFunction({\n                functionBody: options.value.onCreated\n            });\n        }\n    }\n\n    /**\n     * 处理组件挂载事件\n     */\n    async function handleOnMounted() {\n        if (designState) {\n            // 设计状态不触发事件\n            return;\n        }\n        if (options.value.onMounted) {\n            await asyncExecuteFunction({\n                functionBody: options.value.onMounted\n            });\n        }\n    }\n\n    /**\n     * 刷新默认值\n     */\n    const refreshDefaultValue = () => {\n        fieldModel.value = options.value.defaultValue;\n    };\n\n    /**\n     * 清除字段规则\n     */\n    const clearFieldRules = () => {\n        if (!field.formItemFlag) {\n            return;\n        }\n\n        rules.value.splice(0, rules.value.length); // 清空已有\n    };\n\n    /**\n     * 构建字段规则\n     */\n    const buildFieldRules = () => {\n        if (!field.formItemFlag || options.value.hidden) {\n            return;\n        }\n\n        rules.value.splice(0, rules.value.length); // 清空已有\n        if (options.value.required) {\n            rules.value.push({\n                required: true,\n                // trigger: ['blur', 'change'],\n                trigger: [\n                    'blur'\n                ] /* 去掉change事件触发校验，change事件触发时formModel数据尚未更新，导致radio/checkbox必填校验出错！！ */,\n                message: options.value.requiredHint || i18nt('render.hint.fieldRequired')\n            });\n        }\n\n        if (options.value.validation) {\n            const vldName = options.value.validation;\n            if (FormValidators[vldName]) {\n                rules.value.push({\n                    validator: FormValidators[vldName],\n                    trigger: ['blur', 'change'],\n                    label: options.value.label,\n                    errorMsg: options.value.validationHint\n                });\n            } else {\n                rules.value.push({\n                    validator: FormValidators['regExp'],\n                    trigger: ['blur', 'change'],\n                    regExp: vldName,\n                    label: options.value.label,\n                    errorMsg: options.value.validationHint\n                });\n            }\n        }\n\n        if (options.value.onValidate) {\n            const customFn = (rule: any, value: any) => {\n                return executeFunction({\n                    functionBody: options.value.onValidate,\n                    params: { rule, value },\n                    keys: ['rule', 'value']\n                });\n            };\n            rules.value.push({\n                validator: customFn,\n                trigger: ['blur'],\n                label: options.value.label\n            });\n        }\n    };\n\n    /**\n     * 禁用字段值变动触发表单校验\n     */\n    const disableChangeValidate = () => {\n        if (!rules.value) {\n            return;\n        }\n\n        rules.value.forEach(rule => {\n            if (rule.trigger) {\n                rule.trigger.splice(0, rule.trigger.length);\n            }\n        });\n    };\n\n    /**\n     * 启用字段值变动触发表单校验\n     */\n    const enableChangeValidate = () => {\n        if (!rules.value) {\n            return;\n        }\n\n        rules.value.forEach(rule => {\n            if (rule.trigger) {\n                rule.trigger.push('blur');\n                rule.trigger.push('change');\n            }\n        });\n    };\n\n    /**\n     * 禁用列表中的选项\n     * @param optionList 选项列表\n     * @param optionValue 选项值\n     */\n    const disableOptionOfList = (optionList: any[], optionValue: any) => {\n        if (optionList && optionList.length > 0) {\n            optionList.forEach(opt => {\n                if (opt.value === optionValue) {\n                    opt.disabled = true;\n                }\n            });\n        }\n    };\n\n    /**\n     * 启用列表中的选项\n     * @param optionList 选项列表\n     * @param optionValue 选项值\n     */\n    const enableOptionOfList = (optionList: any[], optionValue: any) => {\n        if (optionList && optionList.length > 0) {\n            optionList.forEach(opt => {\n                if (opt.value === optionValue) {\n                    opt.disabled = false;\n                }\n            });\n        }\n    };\n\n    /**\n     * 发送字段数据变更事件\n     * @param newValue 新值\n     * @param oldValue 旧值\n     */\n    const emitFieldDataChange = (newValue: any, oldValue: any) => {\n        if (newValue) {\n            newValue = newValue.target ? newValue.target.value : newValue;\n        }\n\n        if (!instance) return;\n\n        /* 必须用dispatch向指定父组件派发消息！！ */\n        dispatch('VFormRender', 'fieldChange', [\n            options.value.name,\n            newValue,\n            oldValue,\n            subFormName.value,\n            props.subFormRowIndex\n        ]);\n    };\n\n    /**\n     * 同步更新表单模型\n     * @param value 值\n     */\n\n    const syncUpdateFormModel = value => {\n        if (designState) {\n            dispatch('VFormDesigner', 'fieldChange', {\n                fieldName: getPropName.value,\n                value,\n                field: field\n            });\n            //设计状态不触发事件\n            return;\n        }\n        /* 主动触发表单的单个字段校验，用于清除字段可能存在的校验错误提示 */\n        dispatch('VFormRender', 'fieldValidation', [getPropName.value]);\n        const oldValue = toRaw(fieldModel.value);\n        dispatch('VFormRender', 'fieldChange', {\n            fieldName: getPropName.value,\n            value,\n            oldValue: oldValue,\n            field: field\n        });\n        handleOnChange(value, oldValue);\n    };\n\n    /**\n     * 处理焦点自定义事件\n     * @param event 事件对象\n     */\n    const handleFocusCustomEvent = (event: any) => {\n        if (designState) {\n            // 设计状态不触发事件\n            return;\n        }\n\n        oldFieldValue.value = cloneDeep(fieldModel.value); // 保存修改change之前的值\n\n        if (options.value.onFocus) {\n            executeFunction({\n                functionBody: options.value.onFocus,\n                params: { event },\n                keys: ['event']\n            });\n        }\n    };\n\n    /**\n     * 处理失焦自定义事件\n     * @param event 事件对象\n     */\n    const handleBlurCustomEvent = (event: any) => {\n        if (designState) {\n            // 设计状态不触发事件\n            return;\n        }\n\n        if (options.value.onBlur) {\n            executeFunction({\n                functionBody: options.value.onBlur,\n                params: { event },\n                keys: ['event']\n            });\n        }\n    };\n\n    /**\n     * 发送附加按钮点击事件\n     */\n    const emitAppendButtonClick = () => {\n        if (designState) {\n            // 设计状态不触发点击事件\n            return;\n        }\n\n        if (options.value.onAppendButtonClick) {\n            executeFunction({\n                functionBody: options.value.onAppendButtonClick\n            });\n        }\n    };\n\n    const executeWidgetEventFunction = (eventName: string, params: any) => {\n        if (designState) {\n            // 设计状态不触发事件\n            return;\n        }\n\n        if (options.value[eventName]) {\n            executeFunction({\n                functionBody: options.value[eventName],\n                params: { params },\n                keys: ['params']\n            });\n        }\n    };\n\n    /**\n     * 处理变更事件\n     * @param val 新值\n     * @param oldVal 旧值\n     * @param ops 选项\n     */\n    const handleOnChange = (val: any, oldVal: any) => {\n        // 自定义onChange事件\n        if (designState) {\n            // 设计状态不触发事件\n            return;\n        }\n\n        if (options.value.onChange) {\n            executeFunction({\n                functionBody: options.value.onChange,\n                params: {\n                    value: val,\n                    oldValue: oldVal,\n                    subFormData: subFormData.value,\n                    rowId: props.subFormRowId\n                },\n                keys: ['value', 'oldValue', 'subFormData', 'rowId']\n            });\n        }\n    };\n\n    /**\n     * 处理图标点击事件\n     */\n    const handleClickIcon = async () => {\n        if (designState) {\n            // 设计状态不触发事件\n            return;\n        }\n        if (handleDisabled.value) {\n            return;\n        }\n        if (field.options.onClickIcon) {\n            await asyncExecuteFunction({\n                functionBody: field.options.onClickIcon\n            });\n        }\n    };\n\n    /**\n     * 获取字段编辑器\n     * @returns 字段编辑器\n     */\n    const getFieldEditor = () => {\n        // 获取内置的el表单组件\n        return fieldEditor.value;\n    };\n\n    /**\n     * 显示文件列表\n     * @param list 文件列表\n     * @returns 格式化后的文件列表\n     */\n    const showFileList = (list: any) => {\n        if (typeof list === 'string') {\n            list = JSON.parse(list);\n        }\n        if (!isArray(list)) return [];\n        const res = list.map((item: any, uid: number) => ({\n            ...item,\n            name: item.fileName,\n            uid\n        }));\n        return res;\n    };\n\n    /**\n     * 设置值\n     * @param newValue 新值\n     * @param disableChangeEvent 是否禁用变更事件\n     */\n    const setValue = (newValue: any, disableChangeEvent = false) => {\n        if (newValue) {\n            newValue = newValue.target ? newValue.target.value : newValue;\n        }\n        if (eq(fieldModel.value, newValue)) return;\n\n        const oldValue = deepClone(fieldModel.value);\n        if (field.type === 'file-upload') {\n            newValue = showFileList(newValue || []);\n            // TODO\n        } else if (field.type === 'code-editor') {\n            const fieldEditor = getFieldEditor();\n            if (fieldEditor) {\n                fieldEditor.setValue(newValue);\n            }\n        }\n        fieldModel.value = newValue;\n        if (!disableChangeEvent) {\n            emitFieldDataChange(newValue, oldValue);\n        }\n    };\n\n    /**\n     * 获取值\n     * @returns 字段值\n     */\n    const getValue = () => {\n        return fieldModel.value;\n    };\n\n    /**\n     * 重置字段\n     */\n    const resetField = () => {\n        const defaultValue = options.value.defaultValue;\n        setValue(defaultValue);\n\n        // 清空上传组件文件列表\n        if (field.type === 'picture-upload' || field.type === 'file-upload') {\n            fieldModel.value.splice(0, fieldModel.value.length);\n            // handleChangeEvent(fieldModel.value);\n        }\n    };\n\n    /**\n     * 设置只读\n     * @param flag 是否只读\n     */\n    const setReadonly = (flag: boolean) => {\n        options.value.readonly = flag;\n    };\n\n    /**\n     * 设置禁用\n     * @param flag 是否禁用\n     */\n    const setDisabled = (flag: boolean) => {\n        options.value.disabled = flag;\n    };\n\n    /**\n     * 设置附加按钮可见性\n     * @param flag 是否可见\n     */\n    const setAppendButtonVisible = (flag: boolean) => {\n        options.value.appendButton = flag;\n    };\n\n    /**\n     * 设置附加按钮禁用状态\n     * @param flag 是否禁用\n     */\n    const setAppendButtonDisabled = (flag: boolean) => {\n        options.value.appendButtonDisabled = flag;\n    };\n\n    /**\n     * 设置隐藏\n     * @param flag 是否隐藏\n     */\n    const setHidden = (flag: boolean) => {\n        options.value.hidden = flag;\n\n        if (flag) {\n            // 清除组件校验规则\n            clearFieldRules();\n        } else {\n            // 重建组件校验规则\n            buildFieldRules();\n        }\n    };\n\n    /**\n     * 设置必填\n     * @param flag 是否必填\n     */\n    const setRequired = (flag: boolean) => {\n        options.value.required = flag;\n        buildFieldRules();\n\n        if (!designState && !flag) {\n            // 清除必填校验提示\n            clearValidate();\n        }\n    };\n\n    /**\n     * 清除字段校验提示\n     */\n    const clearValidate = () => {\n        if (designState) {\n            return;\n        }\n\n        getFormRef().clearValidate(getPropName.value);\n    };\n\n    /**\n     * 获取VForm上下文\n     * @returns VForm上下文\n     */\n    const getVfCtx = () => {\n        return getFormRef().vfCtx;\n    };\n\n    /**\n     * 设置标签\n     * @param newLabel 新标签\n     */\n    const setLabel = (newLabel: string) => {\n        options.value.label = newLabel;\n    };\n\n    /**\n     * 聚焦\n     */\n    const focus = () => {\n        const fieldEditor = getFieldEditor();\n        if (fieldEditor && fieldEditor.focus) {\n            fieldEditor.focus();\n        }\n    };\n\n    /**\n     * 设置上传数据\n     * @param name 名称\n     * @param value 值\n     */\n    const setUploadData = (name: string, value: any) => {\n        uploadData.value[name] = value;\n    };\n\n    /**\n     * 设置或取消设置字段只读查看模式\n     * @param readonlyFlag 只读标志\n     */\n    const setReadMode = (readonlyFlag = true) => {\n        fieldReadonlyFlag.value = readonlyFlag;\n    };\n\n    /**\n     * 动态增加自定义css样式\n     * @param className 类名\n     */\n    const addCssClass = (className: string) => {\n        if (!options.value.customClass) {\n            options.value.customClass = [className];\n        } else {\n            options.value.customClass.push(className);\n        }\n    };\n    const customClass = computed(() => options.value.customClass);\n\n    /**\n     * 动态移除自定义css样式\n     * @param className 类名\n     */\n    const removeCssClass = (className: string) => {\n        if (!options.value.customClass) {\n            return;\n        }\n\n        let foundIdx = -1;\n        options.value.customClass.map((cc: string, idx: number) => {\n            if (cc === className) {\n                foundIdx = idx;\n            }\n        });\n        if (foundIdx > -1) {\n            options.value.customClass.splice(foundIdx, 1);\n        }\n    };\n\n    const getEl = () => {\n        return fieldEditor.value?.$el;\n    };\n\n    /**\n     * 设置组件选项\n     * @param optionName 选项名称\n     * @param optionValue 选项值\n     */\n    const setWidgetOption = (optionName: string, optionValue: any) => {\n        // 通用组件选项修改API\n        options.value[optionName] = optionValue;\n    };\n\n    const options = computed({\n        get() {\n            return field.options;\n        },\n        set(value) {\n            field.options = value;\n        }\n    });\n\n    const initFieldModel = () => {\n        const defaultValue =\n            typeof options.value.defaultValue === 'undefined' ? '' : options.value.defaultValue;\n        dispatch('VFormRender', 'fieldChange', {\n            fieldName: getPropName.value,\n            value: defaultValue,\n            oldValue: toRaw(fieldModel.value),\n            field: field\n        });\n    };\n\n    // 生命周期钩子\n    onMounted(async () => {\n        if (isInitModelValue) {\n            initFieldModel();\n        }\n        await registerToRefList();\n\n        await handleOnCreated();\n\n        await handleOnMounted();\n        buildFieldRules();\n    });\n\n    onBeforeUnmount(() => {\n        unregisterFromRefList();\n    });\n\n    const defineExposed = {\n        i18nt,\n        options,\n        proxy: instance?.proxy,\n        field,\n        widget: field,\n        fieldModel,\n        fieldEditor,\n        isReadMode,\n        setWidgetOption,\n        setReadonly,\n        setDisabled,\n        getVfCtx,\n        setLabel,\n        getEl,\n        setReadMode,\n        resetField,\n        setValue,\n        getValue,\n        getFieldEditor,\n        getFormRef,\n        getWidgetRef,\n        setHidden,\n        addCssClass,\n        removeCssClass,\n        setRequired,\n        clearValidate,\n        focus,\n        executeWidgetEventFunction\n    };\n\n    return {\n        asyncExecuteFunction,\n        executeFunction,\n        customClass,\n        // 状态\n        oldFieldValue,\n        fieldReadonlyFlag,\n        loading,\n        rules,\n        uploadData,\n        designState,\n        customToolbar,\n        i18n2t,\n        size,\n        // 计算属性\n        formConfig,\n        subFormName,\n\n        formModel,\n\n        // 方法\n        handleHidden,\n        handleDisabled,\n        findInArray,\n        getPropName,\n        refreshDefaultValue,\n        clearFieldRules,\n        buildFieldRules,\n        disableChangeValidate,\n        enableChangeValidate,\n        disableOptionOfList,\n        enableOptionOfList,\n        emitFieldDataChange,\n        syncUpdateFormModel,\n        handleFocusCustomEvent,\n        handleBlurCustomEvent,\n        emitAppendButtonClick,\n        handleOnChange,\n        handleClickIcon,\n        showFileList,\n\n        setAppendButtonVisible,\n        setAppendButtonDisabled,\n\n        setUploadData,\n\n        isSubFormField,\n        ...defineExposed,\n        defineExposed\n    };\n}\n"],"names":["fieldEditor"],"mappings":"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"}