p-pc-ui 1.3.12 → 1.3.14

package/dist/components/p-form/p-form.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { ref, reactive, onMounted, render, onBeforeMount, useSlots, toRaw, shallowRef } from "vue";
+import { ref, reactive, onBeforeMount, useSlots, toRaw, isRef, isReactive } from "vue";
 import type { FormDataItem } from "./index";
+import { initFormStateFromRenderData, normalizeFormRenderData, type FormRenderItem } from "./form-utils";
 import {
   Button as AButton,
   message,
@@ -16,6 +17,7 @@ import {
   Upload as AUpload,
   Textarea as ATextarea,
   Space as ASpace,
+  DatePicker as ADatePicker,
 } from "ant-design-vue";
 import type { FormInstance } from "ant-design-vue";
 import * as _ from "../../utils/dataUtils";
@@ -49,7 +51,7 @@ const props = withDefaults(defineProps<Props>(), {
 });
 
 // 渲染后的表单
-const renderData = ref<(FormDataItem & { rules: [] })[]>([]);
+const renderData = ref<FormRenderItem[]>([]);
 
 // 表单数据
 const formState: any = reactive({});
@@ -77,6 +79,7 @@ type SelectLoadState = {
   keyword: string;
   hasMore: boolean;
   loading: boolean;
+  requestId: number;
 };
 
 const getSelectValueField = (renderItem: any) => {
@@ -91,6 +94,7 @@ const ensureSelectLoadState = (renderItem: FormDataItem & { [key: string]: any }
       keyword: "",
       hasMore: true,
       loading: false,
+      requestId: 0,
     } as SelectLoadState;
   }
 
@@ -137,14 +141,13 @@ const buildSelectLoadParams = (renderItem: FormDataItem & { [key: string]: any }
 const normalizeSelectLoadResult = (res: SelectLoadResult, state: SelectLoadState) => {
   const list = Array.isArray(res) ? res : res?.data || [];
 
-  const hasMore =
-    Array.isArray(res)
-      ? list.length >= state.pageSize
-      : typeof res?.pages?.total === "number" && typeof res?.pages?.now === "number"
+  const hasMore = Array.isArray(res)
+    ? list.length >= state.pageSize
+    : typeof res?.pages?.total === "number" && typeof res?.pages?.now === "number"
       ? res.pages.now < res.pages.total
       : typeof res?.count === "number"
-      ? state.pageNum * state.pageSize < res.count
-      : list.length >= state.pageSize;
+        ? state.pageNum * state.pageSize < res.count
+        : list.length >= state.pageSize;
 
   return {
     list,
@@ -154,7 +157,7 @@ const normalizeSelectLoadResult = (res: SelectLoadResult, state: SelectLoadState
 
 const fetchSelectOptions = async (
   renderItem: FormDataItem & { [key: string]: any },
-  options: { reset?: boolean; keyword?: string } = {}
+  options: { reset?: boolean; keyword?: string } = {},
 ) => {
   if (renderItem.type !== "select" || !renderItem.loadDataFunc) return;
   const state = ensureSelectLoadState(renderItem);
@@ -174,8 +177,11 @@ const fetchSelectOptions = async (
   if (!state.hasMore) return;
 
   state.loading = true;
+  const requestId = state.requestId + 1;
+  state.requestId = requestId;
   try {
     const res = (await renderItem.loadDataFunc(buildSelectLoadParams(renderItem, state))) as SelectLoadResult;
+    if (requestId !== state.requestId) return;
     const normalizedRes = normalizeSelectLoadResult(res, state);
     const list = normalizedRes.list;
     if (options.reset) {
@@ -188,7 +194,9 @@ const fetchSelectOptions = async (
       state.pageNum += 1;
     }
   } finally {
-    state.loading = false;
+    if (requestId === state.requestId) {
+      state.loading = false;
+    }
   }
 };
 
@@ -237,106 +245,44 @@ onBeforeMount(async () => {
  * 处理渲染表单
  */
 const disposeRenderData = async (renderData: FormDataItem[]) => {
-  const _renderData = _.cloneDeep(renderData).map((val) => ({
-    ...val,
-    rules: [] as any,
-  })) as (FormDataItem & { rules: [] })[];
-
-  for (const renderItem of _renderData) {
-    let { fieldType, fieldRules, label } = renderItem;
-    // 处理校验规则
-    const rules: any = [];
-    const operateType = ["select", "treeSelect", "date", "datePicker"].includes(renderItem.type) ? "选择" : "输入";
-    for (const fieldRule of fieldRules || []) {
-      const { msg, required, min, max, regex } = fieldRule;
-
-      // 图片需要额外处理
-      if (
-        (renderItem.type == "uploadOss" || renderItem.type == "uploadTos" || renderItem.type == "upload") &&
-        renderItem.fieldType == "string"
-      ) {
-        fieldType = "array";
-      }
+  let mapInfo = {};
+  try {
+    mapInfo = JSON.parse(localStorage.getItem("map") || "{}");
+  } catch (error) {
+    mapInfo = {};
+  }
 
+  const _renderData = normalizeFormRenderData(renderData, mapInfo);
 
-      if (required) {
-        rules.push({
-          type: renderItem.type == "uploadOss" || renderItem.type == "uploadTos" ? "array" : renderItem.fieldType,
-          required: true,
-          message: msg || `请${operateType}${label}`,
-          trigger: ["blur", "change"],
-        });
-      }
-      if (min) {
-        rules.push({
-          type: fieldType,
-          min: min,
-          message: msg || `${label}需大于等于${min}${fieldType == "string" ? "个字符" : ""}`,
-          trigger: ["blur", "change"],
-        });
-      }
-
-      if (max) {
-        rules.push({
-          type: fieldType,
-          max: max,
-          message: `${label}需小于等于${max}${fieldType == "string" ? "个字符" : ""}`,
-          trigger: ["blur", "change"],
-        });
-      }
-      if (regex) {
-        rules.push({
-          type: fieldType,
-          pattern: regex,
-          message: msg || `${label}格式错误`,
-          trigger: ["blur", "change"],
-        });
+  await Promise.all(
+    _renderData.map(async (renderItem) => {
+      if (
+        (renderItem.type !== "treeSelect" && renderItem.type !== "select" && renderItem.type !== "radio") ||
+        !renderItem.loadDataFunc
+      ) {
+        return;
       }
-    }
-
-
 
-    renderItem.rules = rules;
+      let point: string[] = [];
+      const interval = window.setInterval(() => {
+        if (point.length >= 3) point = [];
+        point.push(".");
+        renderItem.placeholder = "加载中" + point.join("");
+      }, 500);
 
-    // 处理下拉选择
-    if (renderItem.type == "treeSelect" || renderItem.type == "select" || renderItem.type == "radio") {
-      // 立即执行函数, 获取下拉的列表
-      if (renderItem.loadDataFunc) {
-        let point: string[] = [];
-        const interval = setInterval(() => {
-          if (point.length >= 3) point = [];
-          point.push(".");
-          renderItem.placeholder = "加载中" + point.join("");
-        }, 500);
-
-        if (renderItem.type == "select") {
+      try {
+        if (renderItem.type === "select") {
           await fetchSelectOptions(renderItem as FormDataItem & { [key: string]: any }, { reset: true });
         } else {
           const res = await renderItem.loadDataFunc();
-          renderItem["optionList"] = res as any[];
+          renderItem.optionList = Array.isArray(res) ? res : res?.data || [];
         }
+      } finally {
         clearInterval(interval);
         renderItem.placeholder = `请选择${renderItem.label}`;
       }
-
-      // 渲染搜索框下拉框
-      if (renderItem.mapPath) {
-        const mapInfoStr = localStorage.getItem("map");
-        if (mapInfoStr) {
-          const mapInfo = JSON.parse(mapInfoStr);
-          const mapItem = _.get(mapInfo, renderItem.mapPath);
-          const optionList: any[] = [];
-          for (const key in mapItem) {
-            optionList.push({
-              label: mapItem[key],
-              value: key,
-            });
-          }
-          renderItem["optionList"] = optionList;
-        }
-      }
-    }
-  }
+    }),
+  );
 
   return _renderData;
 };
@@ -344,110 +290,14 @@ const disposeRenderData = async (renderData: FormDataItem[]) => {
 /**
  * 初始化表单数据
  */
-const initFormState = (renderData: FormDataItem[], initFromData = {}) => {
-  const _formState: any = {};
-  for (const renderItem of renderData) {
-    // 处理json字段 例如  data.name =  data:{name:xxx}
-    renderItem["key"] = renderItem["key"].replaceAll(".", "__");
-    let initValue;
-    // 判断渲染表单是否有默认值
-    if (renderItem.default != undefined) {
-      initValue = renderItem.default;
-      _formState[renderItem.key] = initValue;
-      continue;
-    }
-
-    initValue = _.get(initFromData, renderItem["key"].split("__").join("."));
-
-    if (initValue == undefined) {
-      switch (renderItem.fieldType) {
-        case "array":
-          initValue = [];
-          break;
-        case "string":
-          // 如果是图片类型, 并且是string类型,代表用户只需要1张图片,并且已文本的形式存放
-          if (renderItem.type == "uploadOss" || renderItem.type == "uploadTos" || renderItem.type == "upload") {
-            initValue = [];
-          } else {
-            initValue = "";
-          }
-          break;
-        case "number":
-          initValue = 0;
-          break;
-        case "date":
-          initValue: "";
-          break;
-        default:
-          initValue = undefined;
-          break;
-      }
-    }
-
-    // 判断是否是下拉组件 并且设置默认值
-    const renderItemType = renderItem.type;
-    if (renderItemType == "select" || renderItemType == "treeSelect" || renderItemType == "radio") {
-      // 初始化值避免为空导致后续异步操作push失败
-      if (_.isEmpty(renderItem.optionList)) {
-        renderItem.optionList = [];
-      }
-
-      if (renderItem.type == "select" && renderItem.isMultiple) {
-        if (!_.isArray(initValue)) {
-          initValue = [];
-        }
-      }
-
-      if (!initValue && renderItem.optionList) {
-        if (!(renderItem.type == "select" && renderItem.isMultiple)) {
-          const valueKey = renderItem.fieldNames?.value || (renderItem.type == "treeSelect" ? "id" : "value");
-          initValue = renderItem["optionList"][0]?.[valueKey];
-        }
-      }
-
-      if (renderItem.loadDataFunc) {
-        initValue = renderItem.type == "select" && renderItem.isMultiple ? [] : undefined;
-      }
-    } else if (renderItem.type == "uploadOss") {
-      if (!_.isArray(initValue)) {
-        initValue = [initValue];
-      }
-
-      initValue = initValue.map((val) => {
-        return {
-          key: val,
-          url: renderItem.baseOssUrl + val,
-        };
-      });
-    } else if (renderItem.type == "uploadTos") {
-      if (!_.isArray(initValue)) {
-        initValue = [initValue];
-      }
-      initValue = initValue.map((val) => {
-        return {
-          key: val,
-          url: renderItem.baseTosUrl + val,
-        };
-      });
-    }
-
-    _formState[renderItem["key"]] = initValue;
-  }
-
-  return _formState;
-};
+const initFormState = (renderData: FormRenderItem[], initFromData = {}) => initFormStateFromRenderData(renderData, initFromData);
 
 const handlePicPreview = (file: any) => {
-  const url = URL.createObjectURL(file.originFileObj);
+  const url = file.url || file.key || file.thumbUrl || (file.originFileObj ? URL.createObjectURL(file.originFileObj) : "");
 
-  viewerApi({ images: [url || file.url || file.key || file.thumbUrl] });
-};
-
-const replaceUrl = (str, urlToReplace, replacement) => {
-  // 转义特殊字符
-  let escapedUrl = urlToReplace.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1");
-  let pattern = new RegExp(escapedUrl, "g");
-  return str.replace(pattern, replacement);
+  if (url) {
+    viewerApi({ images: [url] });
+  }
 };
 
 /**
@@ -467,6 +317,7 @@ const getFormData = async (options: { no_check?: Boolean } = {}) => {
   const returnFormData = {};
   for (const renderItem of renderData.value) {
     const { key } = renderItem;
+    const rawKey = renderItem.rawKey || key;
 
     // 如果控制显隐函数,判断值是否有效
     if (renderItem?.visibleHook && !renderItem.visibleHook(formData)) {
@@ -478,21 +329,33 @@ const getFormData = async (options: { no_check?: Boolean } = {}) => {
       const keys = fileData.map((val) => {
         return val?.response?.key || val.key;
       });
-      returnFormData[key] = renderItem?.fieldType == "string" ? keys[0] : keys;
+      if (rawKey.includes(".")) {
+        _.set(returnFormData, rawKey, renderItem?.fieldType == "string" ? keys[0] : keys);
+      } else {
+        returnFormData[rawKey] = renderItem?.fieldType == "string" ? keys[0] : keys;
+      }
     }
     // 获取file对象
     else if (renderItem.type == "upload") {
       const formatData = formState[key].map((val) => ({ base64: val.thumbUrl, file: val.originFileObj }));
-      returnFormData[key] = formatData;
+      if (rawKey.includes(".")) {
+        _.set(returnFormData, rawKey, formatData);
+      } else {
+        returnFormData[rawKey] = formatData;
+      }
     }
 
     // 转换成上传对象
-    else if (key.includes("__")) {
-      _.set(returnFormData, key.split("__"), formData[key]);
+    else if (rawKey.includes(".")) {
+      _.set(returnFormData, rawKey, formData[key]);
     } else if (renderItem.type == "datePicker") {
-      returnFormData[key] = dayjs(formData[key]).format("YYYY-MM-DD HH:mm:ss");
+      returnFormData[rawKey] = formData[key] ? dayjs(formData[key]).format("YYYY-MM-DD HH:mm:ss") : "";
+    } 
+    else if ( isRef(formData[key]) || isReactive(formData[key]) ) {
+
+      returnFormData[rawKey] = toRaw(formData[key]);
     } else {
-      returnFormData[key] = formData[key];
+      returnFormData[rawKey] = formData[key];
     }
   }
 
@@ -510,9 +373,13 @@ const resetForm = () => {
  * 确认按钮点击
  */
 const confirmClick = async () => {
-  const formData = await getFormData();
-  if (Object.keys(formData).length == 0) return;
-  emits("confirm", formData, resetForm);
+  try {
+    const formData = await getFormData();
+    if (Object.keys(formData).length == 0) return;
+    emits("confirm", formData, resetForm);
+  } catch (error) {
+    console.warn("Form validation failed:", error);
+  }
 };
 
 const uploadChange = (e, renderItem) => {
@@ -621,26 +488,46 @@ defineExpose({
 </script>
 
 <template>
-  <a-form ref="formRef" :model="formState" name="basic" autocomplete="off" :layout="layout"
-    :required-mark="requiredMark">
+  <a-form
+    ref="formRef"
+    :model="formState"
+    name="basic"
+    autocomplete="off"
+    :layout="layout"
+    :required-mark="requiredMark"
+  >
     <div v-for="(renderItem, index) in renderData">
-      <a-form-item :label-col="{ span: renderItem.hideLabel ? 0 : renderItem.labelSpan || labelSpan }"
+      <a-form-item
+        :label-col="{ span: renderItem.hideLabel ? 0 : renderItem.labelSpan || labelSpan }"
         :wrapper-col="{ span: renderItem.hideLabel ? undefined : renderItem.valueSpan || valueSpan }"
         v-show="!renderItem.visibleHook || (renderItem.visibleHook && renderItem.visibleHook(formState))"
-        :label="renderItem.label && !renderItem.hideLabel ? renderItem.label : ''" :name="renderItem.key"
-        :colon="renderItem.colon == undefined ? true : renderItem.colon" :rules="!renderItem.visibleHook || (renderItem.visibleHook && renderItem.visibleHook(formState))
-          ? renderItem.rules
-          : undefined
-          " :style="{
-            marginBottom: isSearchForm ? '20px' : '0px',
-          }" :tooltip="renderItem.tooltip" :label-align="renderItem.labelAlign || 'right'">
-        <div :style="{
-          opacity: renderItem.disabled ? 0.6 : 1,
-          cursor: renderItem.disabled ? 'not-allowed' : 'auto',
-        }">
-          <a-input v-model:value="formState[renderItem.key]"
-            v-if="renderItem.type == 'input' && [undefined, 'string'].includes(renderItem.fieldType)" type="text"
-            :disabled="renderItem.disabled" :placeholder="renderItem.placeholder || `请输入${renderItem.label}`">
+        :label="renderItem.label && !renderItem.hideLabel ? renderItem.label : ''"
+        :name="renderItem.key"
+        :colon="renderItem.colon == undefined ? true : renderItem.colon"
+        :rules="
+          !renderItem.visibleHook || (renderItem.visibleHook && renderItem.visibleHook(formState))
+            ? renderItem.rules
+            : undefined
+        "
+        :style="{
+          marginBottom: isSearchForm ? '20px' : '0px',
+        }"
+        :tooltip="renderItem.tooltip"
+        :label-align="renderItem.labelAlign || 'right'"
+      >
+        <div
+          :style="{
+            opacity: renderItem.disabled ? 0.6 : 1,
+            cursor: renderItem.disabled ? 'not-allowed' : 'auto',
+          }"
+        >
+          <a-input
+            v-model:value="formState[renderItem.key]"
+            v-if="renderItem.type == 'input' && [undefined, 'string'].includes(renderItem.fieldType)"
+            type="text"
+            :disabled="renderItem.disabled"
+            :placeholder="renderItem.placeholder || `请输入${renderItem.label}`"
+          >
             <template v-if="renderItem.prefix" v-slot:prefix>
               <component :is="renderItem.prefix" />
             </template>
@@ -649,9 +536,13 @@ defineExpose({
             </template>
           </a-input>
 
-          <a-input v-model:value.number="formState[renderItem.key]"
-            v-if="renderItem.type == 'input' && renderItem.fieldType == 'number'" type="number"
-            :disabled="renderItem.disabled" :placeholder="renderItem.placeholder || `请输入${renderItem.label}`">
+          <a-input
+            v-model:value.number="formState[renderItem.key]"
+            v-if="(renderItem.type == 'input' && renderItem.fieldType == 'number') || renderItem.type == 'number'"
+            type="number"
+            :disabled="renderItem.disabled"
+            :placeholder="renderItem.placeholder || `请输入${renderItem.label}`"
+          >
             <template v-if="renderItem.prefix" v-slot:prefix>
               <component :is="renderItem.prefix" />
             </template>
@@ -660,25 +551,37 @@ defineExpose({
             </template>
           </a-input>
 
-          <a-input-password v-model:value="formState[renderItem.key]" v-if="renderItem.type == 'password'"
-            type="password" :disabled="renderItem.disabled"
-            :placeholder="renderItem.placeholder || `请输入${renderItem.label}`">
+          <a-input-password
+            v-model:value="formState[renderItem.key]"
+            v-if="renderItem.type == 'password'"
+            type="password"
+            :disabled="renderItem.disabled"
+            :placeholder="renderItem.placeholder || `请输入${renderItem.label}`"
+          >
             <template v-if="renderItem.prefix" v-slot:prefix>
               <component :is="renderItem.prefix" />
             </template>
           </a-input-password>
 
-          <a-input v-model:value="formState[renderItem.key]"
-            v-if="renderItem.type == 'code' && [undefined, 'string'].includes(renderItem.fieldType)" type="text"
-            :disabled="renderItem.disabled" :placeholder="renderItem.placeholder || `请输入${renderItem.label}`">
+          <a-input
+            v-model:value="formState[renderItem.key]"
+            v-if="renderItem.type == 'code' && [undefined, 'string'].includes(renderItem.fieldType)"
+            type="text"
+            :disabled="renderItem.disabled"
+            :placeholder="renderItem.placeholder || `请输入${renderItem.label}`"
+          >
             <template v-if="renderItem.prefix" v-slot:prefix>
               <component :is="renderItem.prefix" />
             </template>
             <template v-slot:suffix>
-              <span v-if="
-                (!renderItem.activityFunc || (renderItem.activityFunc && renderItem.activityFunc(formState))) &&
-                renderItem.sendStatus != 'sending'
-              " class="send-notice send-notice-activity" @click="sendNoticeClick(renderItem)">
+              <span
+                v-if="
+                  (!renderItem.activityFunc || (renderItem.activityFunc && renderItem.activityFunc(formState))) &&
+                  renderItem.sendStatus != 'sending'
+                "
+                class="send-notice send-notice-activity"
+                @click="sendNoticeClick(renderItem)"
+              >
                 {{ renderItem.codeName }}
               </span>
               <span v-else class="send-notice">
@@ -687,50 +590,83 @@ defineExpose({
             </template>
           </a-input>
 
-          <a-textarea v-model:value="formState[renderItem.key]" v-if="renderItem.type == 'textarea'"
-            :disabled="renderItem.disabled" :placeholder="renderItem.placeholder || `请输入${renderItem.label}`"
-            :auto-size="{ minRows: 2, maxRows: 10 }" />
-
-          <a-select style="min-width: 170px; margin-right: 15px" v-model:value="formState[renderItem.key]"
-            :placeholder="renderItem.placeholder || `请选择`" v-if="renderItem.type == 'select'"
-            :disabled="renderItem.disabled" :fieldNames="renderItem.fieldNames || { label: 'label', value: 'value' }"
-            :options="renderItem.optionList" :mode="renderItem.isMultiple ? 'multiple' : undefined"
+          <a-textarea
+            v-model:value="formState[renderItem.key]"
+            v-if="renderItem.type == 'textarea'"
+            :disabled="renderItem.disabled"
+            :placeholder="renderItem.placeholder || `请输入${renderItem.label}`"
+            :auto-size="{ minRows: 2, maxRows: 10 }"
+          />
+
+          <a-select
+            style="min-width: 170px; margin-right: 15px"
+            v-model:value="formState[renderItem.key]"
+            :placeholder="renderItem.placeholder || `请选择`"
+            v-if="renderItem.type == 'select'"
+            :disabled="renderItem.disabled"
+            :fieldNames="renderItem.fieldNames || { label: 'label', value: 'value' }"
+            :options="renderItem.optionList"
+            :mode="renderItem.isMultiple ? 'multiple' : undefined"
             :show-search="renderItem.enableSearch || !!renderItem.loadDataFunc"
             :filter-option="renderItem.loadDataFunc ? false : !!renderItem.enableSearch"
             :option-filter-prop="renderItem.fieldNames?.label || 'label'"
             :loading="(renderItem as any).__selectState?.loading"
             @search="(keyword) => onSelectSearch(keyword, renderItem as any)"
-            @popupScroll="(e) => onSelectPopupScroll(e, renderItem as any)"></a-select>
-
-          <a-radio-group v-if="renderItem.type == 'radio'" v-model:value="formState[renderItem.key]"
-            :disabled="renderItem.disabled">
+            @popupScroll="(e) => onSelectPopupScroll(e, renderItem as any)"
+          ></a-select>
+
+          <a-radio-group
+            v-if="renderItem.type == 'radio'"
+            v-model:value="formState[renderItem.key]"
+            :disabled="renderItem.disabled"
+          >
             <a-radio v-for="item in renderItem.optionList" :value="item[renderItem.fieldNames?.value || 'value']">
               {{ item[renderItem.fieldNames?.label || "label"] }}
             </a-radio>
           </a-radio-group>
 
-          <a-date-picker v-model:value="formState[renderItem.key]" v-if="renderItem.type === 'datePicker'" show-time
-            :disabled="renderItem.disabled" :placeholder="`请选择${renderItem.label}`" class="ant-input"
-            format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" />
-
-          <a-tree-select style="min-width: 170px; margin-right: 15px" v-model:value="formState[renderItem.key]"
-            :tree-data="renderItem.optionList" v-if="renderItem.type == 'treeSelect'" :disabled="renderItem.disabled"
+          <a-date-picker
+            v-model:value="formState[renderItem.key]"
+            v-if="renderItem.type === 'datePicker'"
+            show-time
+            :disabled="renderItem.disabled"
+            :placeholder="`请选择${renderItem.label}`"
+            class="ant-input"
+            format="YYYY-MM-DD HH:mm:ss"
+            value-format="YYYY-MM-DD HH:mm:ss"
+          />
+
+          <a-tree-select
+            style="min-width: 170px; margin-right: 15px"
+            v-model:value="formState[renderItem.key]"
+            :tree-data="renderItem.optionList"
+            v-if="renderItem.type == 'treeSelect'"
+            :disabled="renderItem.disabled"
             :fieldNames="renderItem.fieldNames || { children: 'children', label: 'name', value: 'id' }"
-            :placeholder="renderItem.placeholder || `请选择`"></a-tree-select>
+            :placeholder="renderItem.placeholder || `请选择`"
+          ></a-tree-select>
 
           <a-upload
             v-if="renderItem.type == 'uploadOss' || renderItem.type == 'uploadTos' || renderItem.type == 'upload'"
-            :file-list="formState[renderItem.key]" :multiple="true" :max-count="renderItem?.maxCount || 1"
-            @preview="handlePicPreview" :customRequest="(e) => {
-              uploadRequest(e, renderItem);
-            }
-              " @change="
-                (e) => {
-                  uploadChange(e, renderItem);
-                }
-              " :headers="{
-                'Cache-Control': 'max-age=15552000',
-              }" :list-type="renderItem.uploadType == 'pic' ? 'picture-card' : undefined">
+            :file-list="formState[renderItem.key]"
+            :multiple="true"
+            :max-count="renderItem?.maxCount || 1"
+            @preview="handlePicPreview"
+            :customRequest="
+              (e) => {
+                uploadRequest(e, renderItem);
+              }
+            "
+            @change="
+              (e) => {
+                uploadChange(e, renderItem);
+              }
+            "
+            :headers="{
+              'Cache-Control': 'max-age=15552000',
+            }"
+            :list-type="renderItem.uploadType == 'pic' ? 'picture-card' : undefined"
+          >
             <div v-if="renderItem.uploadType == 'pic'">
               <plus-outlined />
               <div style="margin-top: 8px">{{ renderItem.label }}</div>
@@ -744,8 +680,11 @@ defineExpose({
             </div>
           </a-upload>
 
-          <component v-if="renderItem.type == 'component'" :is="renderItem.component"
-            v-model:[renderItem.key]="formState[renderItem.key]"></component>
+          <component
+            v-if="renderItem.type == 'component'"
+            :is="renderItem.component"
+            v-model:[renderItem.key]="formState[renderItem.key]"
+          ></component>
         </div>
       </a-form-item>
     </div>
@@ -753,10 +692,10 @@ defineExpose({
     <div v-if="uSlots.button || showResetButton || showSubmitButton" style="display: flex; justify-content: center">
       <slot name="button"></slot>
       <a-space size="small">
-        <a-button v-if="showResetButton" @click="resetForm" @keydown.enter.prevent="resetForm" style="padding: 0 30px">
+        <a-button v-if="showResetButton" @click="resetForm" style="padding: 0 30px">
           {{ resetButtonText || "取消" }}
         </a-button>
-        <a-button type="primary" @click="confirmClick" @keydown.enter.prevent="confirmClick" v-if="showSubmitButton" style="padding: 0 30px">
+        <a-button type="primary" @click="confirmClick" v-if="showSubmitButton" style="padding: 0 30px">
           {{ submitButtonText || "确认" }}
         </a-button>
       </a-space>