star-horse-lowcode 2.8.3 → 2.8.5

package/dist/index.es.js

@@ -69175,11 +69175,7 @@ const useDesignFormStore = defineStore("designForm", () => {
     }
     return compListNoLayer.value?.find((item) => item.id == itemId);
   };
-  const loadCompNames = () => {
-    if (!isCompListUpdated.value && cachedSelectList.value.length > 0) {
-      compListNoLayer.value = cachedCompListNoLayer.value;
-      return cachedSelectList.value;
-    }
+  const forceLoadCompNames = () => {
     const selectList = [];
     const compListResult = [];
     const stack = [];
@@ -69301,6 +69297,13 @@ const useDesignFormStore = defineStore("designForm", () => {
     isCompListUpdated.value = false;
     return selectList;
   };
+  const loadCompNames = () => {
+    if (!isCompListUpdated.value && cachedSelectList.value.length > 0) {
+      compListNoLayer.value = cachedCompListNoLayer.value;
+      return cachedSelectList.value;
+    }
+    return forceLoadCompNames();
+  };
   const addComp = (comp) => {
     if (Array.isArray(comp)) {
       compList.value = [...compList.value, ...comp];
@@ -69459,6 +69462,7 @@ const useDesignFormStore = defineStore("designForm", () => {
     setSubItemId,
     setFormInfo,
     setCompList,
+    forceLoadCompNames,
     loadCompNames,
     addComp,
     setIsDragging,
@@ -69492,6 +69496,7 @@ const fieldAssign = (props, relationFields, values) => {
     const field = props.formInfo?.find((field2) => field2.fieldName == item);
     if (field) {
       let flag = false;
+      field.formVisible = true;
       Object.entries(record).forEach(([key, value]) => {
         if (value.includes(field.itemType ?? field.type)) {
           field.preps[key] = values;
@@ -69500,24 +69505,35 @@ const fieldAssign = (props, relationFields, values) => {
         }
       });
       if (!flag) {
-        field.defaultValue = values;
+        if (isJson(values)) {
+          Object.entries(values).forEach(([key, value]) => {
+            field.preps[key] = value;
+          });
+        } else if (!Array.isArray(values)) {
+          field.defaultValue = values;
+        }
       }
     }
   });
 };
 const dataLinkage = async (props, item, e) => {
-  let { relationFields, params } = item;
-  if (!relationFields) {
+  let { relationFields, params, matchFieldValue } = item;
+  if (!Array.isArray(matchFieldValue)) {
+    matchFieldValue = matchFieldValue ? [matchFieldValue] : [];
+  }
+  if (matchFieldValue.length > 0 && !matchFieldValue.includes(e)) {
     return;
   }
   if (!Array.isArray(relationFields)) {
     relationFields = [relationFields];
   }
-  const tempParams = { ...params };
-  tempParams.queryParams = tempParams.queryParams || [];
-  tempParams.queryParams.push(
-    createCondition(item.matchFieldName, e, item.matchType)
-  );
+  const tempParams = JSON.parse(JSON.stringify(params));
+  if (item.controlCondition == "asParamDataLinkage") {
+    tempParams.queryParams = tempParams.queryParams || [];
+    tempParams.queryParams.push(
+      createCondition(item.matchFieldName, e, item.matchType)
+    );
+  }
   const resultData = await dynamicUrlOperation({
     preps: {
       ...tempParams
@@ -69525,61 +69541,78 @@ const dataLinkage = async (props, item, e) => {
   });
   fieldAssign(props, relationFields, resultData);
 };
-const eqDisableOrEditable = (props, item, e, isEq) => {
-  let { relationFields, params } = item;
-  if (!relationFields) {
-    return;
+const eqDisableOrEditable = (props, item, e) => {
+  let { relationFields, matchFieldValue } = item;
+  if (!Array.isArray(matchFieldValue)) {
+    matchFieldValue = matchFieldValue ? [matchFieldValue] : [];
   }
   if (!Array.isArray(relationFields)) {
     relationFields = [relationFields];
   }
-  relationFields?.forEach(async (item2) => {
-    const field = props.formInfo?.find((field2) => field2.fieldName == item2);
+  relationFields?.forEach(async (sitem) => {
+    const field = props.formInfo?.find(
+      (field2) => field2.fieldName == sitem
+    );
     if (field) {
-      field.formVisible = isEq ? params != e : params == e;
+      if (!field.preps) {
+        field.preps = {};
+      }
+      if (item.controlCondition == "eqHide") {
+        field.formVisible = !matchFieldValue.includes(e);
+      } else if (item.controlCondition == "eqVisible") {
+        field.formVisible = matchFieldValue.includes(e);
+      } else if (item.controlCondition == "eqEditable") {
+        field.preps["disabled"] = !matchFieldValue.includes(e);
+      } else if (item.controlCondition == "eqDisable") {
+        field.preps["disabled"] = matchFieldValue.includes(e);
+      } else if (item.controlCondition == "eqRequired") {
+        field.required = matchFieldValue.includes(e);
+      }
     }
   });
 };
 const assignValue = (props, item, e) => {
-  let { relationFields, relationDetailsDefaultValue } = item;
-  if (!relationFields) {
-    return;
-  }
+  let { relationFields, staticDatas } = item;
   if (!Array.isArray(relationFields)) {
     relationFields = [relationFields];
   }
-  fieldAssign(props, relationFields, relationDetailsDefaultValue);
+  fieldAssign(props, relationFields, staticDatas);
 };
 const changeType = (props, item, e) => {
-  let { relationFields, params } = item;
-  if (!relationFields) {
-    return;
-  }
+  let { relationFields } = item;
   if (!Array.isArray(relationFields)) {
     relationFields = [relationFields];
   }
-  relationFields?.forEach(async (item2) => {
-    const field = props.formInfo?.find((field2) => field2.fieldName == item2);
+  relationFields?.forEach(async (sitem) => {
+    const field = props.formInfo?.find(
+      (field2) => field2.fieldName == sitem
+    );
     if (field) {
-      field.itemType = params;
+      field.itemType = item.staticDatas;
     }
   });
 };
 const relationEvent = (props, relationDetails, e, actionName) => {
-  relationDetails?.forEach((item) => {
-    const { controlCondition } = item;
+  relationDetails?.forEach(async (item) => {
+    let { controlCondition, relationFields, matchFieldValue } = item;
+    if (!Array.isArray(matchFieldValue)) {
+      matchFieldValue = matchFieldValue ? [matchFieldValue] : [];
+    }
+    if (!relationFields || item.isWorking) {
+      return;
+    }
     switch (controlCondition) {
       //数据联动
-      case "dataLinkage":
+      case "eqConditionDataLinkage":
+      case "asParamDataLinkage":
         dataLinkage(props, item, e);
         break;
       case "eqDisable":
-      case "eqDisableOrEditable":
-        eqDisableOrEditable(props, item, e, true);
-        break;
+      case "eqHide":
       case "eqEditable":
-      case "eqEditableOrDisable":
-        eqDisableOrEditable(props, item, e, false);
+      case "eqVisible":
+      case "eqRequired":
+        eqDisableOrEditable(props, item, e);
         break;
       case "assignValue":
         assignValue(props, item);
@@ -69590,6 +69623,8 @@ const relationEvent = (props, relationDetails, e, actionName) => {
       default:
         console.log("未处理的事件：" + controlCondition);
     }
+    await nextTick();
+    item.isWorking = false;
   });
 };
 const allAction = (context, emits, formData, actionName, isInit = false) => {
@@ -69630,13 +69665,13 @@ const checkIsDisabled = (attrs) => {
   const isImplicitlyDisabled = !attrs?.formData?.[`_${fieldName}Editable`] && field?.preps?.disabled;
   return eidtDidsabled === true || isExplicitlyDisabled === true || isImplicitlyDisabled === true;
 };
-const initRelationEvent = (props, formData) => {
+const initRelationEvent = (props, formData, needWatch) => {
   const dataRelation = props.field.preps?.dataRelation;
   const actionName = dataRelation?.actionName;
   if (actionName) {
-    if (Object.keys(formData.value || {}).length == 0 || !formData.value[props.field.fieldName]) {
+    if ((Object.keys(formData.value || {}).length == 0 || !formData.value?.[props.field?.fieldName]) && needWatch) {
       const stop = watch(
-        () => formData.value[props.field.fieldName],
+        () => formData.value?.[props.field?.fieldName],
         (val) => {
           if (val) {
             relationEvent(
@@ -69665,7 +69700,7 @@ const initCompCallEvent = (props, emits, formData) => {
         (val) => {
           if (val) {
             doInitCallEvent(props, emits, formData);
-            initRelationEvent(props, val);
+            initRelationEvent(props, val, false);
             stop();
           }
         },
@@ -69675,7 +69710,7 @@ const initCompCallEvent = (props, emits, formData) => {
     }
     doInitCallEvent(props, emits, formData);
   }
-  initRelationEvent(props, formData);
+  initRelationEvent(props, formData, true);
 };
 const doInitCallEvent = (props, emits, formData) => {
   const events = Object.keys(props.field.actions || {});
@@ -69971,37 +70006,49 @@ const useZIndex = (zIndexOverrides) => {
     nextZIndex
   };
 };
+const handleEvent = (eventName, e, recall) => {
+  if (eventName.includes(".")) {
+    const modifier = eventName.split(".")[1];
+    if (modifier == e.key.toLowerCase()) {
+      console.log("成功触发事件:", eventName);
+      recall && recall(modifier);
+    }
+  } else {
+    recall && recall(eventName);
+  }
+};
+const baseEvent = (eventName, recall) => {
+  return function handler(e) {
+    handleEvent(eventName, e, recall);
+  };
+};
+const baseRelationEvent = (props, relationDetails, actionName) => {
+  return function handler(e) {
+    handleEvent(actionName, e, (tempName) => {
+      relationEvent(props, relationDetails, e);
+    });
+  };
+};
 function getDynamicEvents(props, recall) {
   const events = {};
   const actions = props.field.actions;
   const actionNames = Object.keys(actions || {});
-  const handleEvent = (eventName, e, subReCall) => {
-    if (eventName.includes(".")) {
-      const modifier = eventName.split(".")[1];
-      if (modifier == e.key.toLowerCase()) {
-        console.log("成功触发事件:", eventName);
-        recall && recall(modifier);
-        subReCall && subReCall(modifier);
-      }
-    } else {
-      recall && recall(eventName);
-      subReCall && subReCall(eventName);
-    }
-  };
   actionNames?.forEach((actionName2) => {
     if (actionName2.includes(".")) {
-      const baseEvent = actionName2.split(".")[0];
-      events[baseEvent] = (e) => handleEvent(actionName2, e);
+      const baseEventName = actionName2.split(".")[0];
+      events[baseEventName] = baseEvent(actionName2, recall);
     } else {
-      events[actionName2] = (e) => handleEvent(actionName2, e);
+      events[actionName2] = baseEvent(actionName2, recall);
     }
   });
   const dataRelation = props.field.preps?.dataRelation;
   const actionName = dataRelation?.actionName;
   if (actionName) {
-    events[actionName] = (e) => handleEvent(actionName, e, (actionName2) => {
-      relationEvent(props, dataRelation?.relationDetails, e);
-    });
+    events[actionName] = baseRelationEvent(
+      props,
+      dataRelation?.relationDetails,
+      actionName
+    );
   }
   return events;
 }
@@ -70553,11 +70600,6 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
   }
 });
 
-const help = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
-  __proto__: null,
-  default: _sfc_main$1P
-}, Symbol.toStringTag, { value: 'Module' }));
-
 const _hoisted_1$Y = {
   key: 2,
   style: { "width": "15px" }
@@ -70763,10 +70805,11 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
           ref: componentRef,
           isSearch: __props.source == 4,
           bareFlag: __props.bareFlag,
+          source: __props.source,
           field: __props.item,
           formData: dataForm.value,
           "onUpdate:formData": _cache[0] || (_cache[0] = ($event) => dataForm.value = $event)
-        }, null, 40, ["formInfo", "isSearch", "bareFlag", "field", "formData"])),
+        }, null, 40, ["formInfo", "isSearch", "bareFlag", "source", "field", "formData"])),
         __props.item.brotherNodes ? (openBlock(), createElementBlock("div", _hoisted_1$Y)) : createCommentVNode("", true),
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.item.brotherNodes, (temp, key) => {
           return openBlock(), createElementBlock(Fragment, {
@@ -70792,7 +70835,7 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const __unplugin_components_0$9 = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["__scopeId", "data-v-292ccc85"]]);
+const __unplugin_components_0$9 = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["__scopeId", "data-v-88f8539b"]]);
 
 const StarHorseItem = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -76288,7 +76331,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
     const starHorseFormListRef = ref(null);
     const handleAddDetails = (row, type) => {
       if (props.staticColumn == "Y" && type != 2) {
-        dynamicHandleAddForm(row);
+        dynamicHandleAddForm(row, "add");
       } else {
         dynamicHandleAddRow(row, type);
       }
@@ -76300,7 +76343,11 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
       if (!dataForm.value[props.batchName]) {
         dataForm.value[props.batchName] = [];
       }
+      if (type == "edit") {
+        row["starHorseEditing"] = "yes";
+      }
       await nextTick();
+      rowDataFormRef.value.setSource("edit" == type ? 2 : 1);
       rowDataFormRef.value.setFormData(row);
     };
     const mergeData = async (type) => {
@@ -76310,11 +76357,18 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
       if (!flag) {
         return;
       }
+      const batchArray = dataForm.value[props.batchName];
       let formData = rowDataFormRef.value.getFormData().value;
-      if (formData.xh) {
-        dataForm.value[props.batchName][formData.xh - 1] = formData;
+      if (formData.starHorseEditing == "yes") {
+        batchArray.forEach((item, index) => {
+          if (item.xh == formData.xh) {
+            formData.starHorseEditing = "no";
+            batchArray[index] = { ...formData };
+          }
+        });
+        console.log(batchArray);
       } else {
-        dataForm.value[props.batchName].push(formData);
+        dataForm.value[props.batchName].push({ ...formData });
       }
       if (type == "close") {
         closeAction();
@@ -76721,7 +76775,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
                     __props.staticColumn == "Y" ? (openBlock(), createBlock(__unplugin_components_0$a, {
                       key: 0,
                       "icon-class": "edit",
-                      onClick: ($event) => dynamicHandleAddForm(scope.row),
+                      onClick: ($event) => dynamicHandleAddForm(scope.row, "edit"),
                       title: "编辑"
                     }, null, 8, ["onClick"])) : createCommentVNode("", true),
                     createVNode(__unplugin_components_0$a, {
@@ -76758,7 +76812,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const __unplugin_components_0$6 = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["__scopeId", "data-v-0d923809"]]);
+const __unplugin_components_0$6 = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["__scopeId", "data-v-42d7d5a1"]]);
 
 const StarHorseFormList = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -77248,6 +77302,9 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
       let defaultDatas = mappingData.defaultDatas;
       dataForm.value = { ...defaultDatas, ...data };
     };
+    const setSource = (dataSource) => {
+      source.value = dataSource;
+    };
     const updateFormData = (data) => {
       dataForm.value = { ...dataForm.value, ...data };
     };
@@ -77309,13 +77366,17 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
     watch(
       () => dialogProps.ids,
       (val) => {
-        console.log("ids", val);
-        if (!val || val == -1) {
-          source.value = 1;
-          setFormData(dataForm.value);
+        if (val === void 0 || val == null || val == "") {
+          console.log("ids 未定义", val);
+          return;
         } else {
-          source.value = 2;
-          loadData();
+          if (val == -1) {
+            source.value = 1;
+            setFormData(dataForm.value);
+          } else {
+            source.value = 2;
+            loadData();
+          }
         }
       },
       {
@@ -77334,7 +77395,8 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
       tableListRef,
       getFields,
       getFormFields,
-      validate
+      validate,
+      setSource
     });
     return (_ctx, _cache) => {
       const _component_el_form = ElForm;
@@ -127553,9 +127615,13 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       init();
     });
-    watch(() => props.field, () => {
-      checkMenuStatus();
-    }, { deep: true, immediate: true });
+    watch(
+      () => props.field,
+      () => {
+        checkMenuStatus();
+      },
+      { deep: true, immediate: true }
+    );
     watch(
       () => props.parentField,
       () => tableAction(props, buttonControl.value, props.type),
@@ -129087,7 +129153,8 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   },
   setup(__props) {
     const props = __props;
@@ -129349,7 +129416,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const __unplugin_components_0$3 = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-5f72910f"]]);
+const __unplugin_components_0$3 = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__scopeId", "data-v-90a916cb"]]);
 
 const starhorseFormItem = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -129370,7 +129437,8 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -129454,7 +129522,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const areaItem = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__scopeId", "data-v-7938a999"]]);
+const areaItem = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__scopeId", "data-v-c481f296"]]);
 
 const areaItem$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -129474,7 +129542,8 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   },
   emits: ["selfFunc", "selectItem"],
   setup(__props, { emit: __emit }) {
@@ -129594,7 +129663,8 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -129692,7 +129762,8 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -129878,7 +129949,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const buttonItem = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-26c4272c"]]);
+const buttonItem = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-de366f68"]]);
 
 const buttonItem$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -129902,7 +129973,8 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -130140,7 +130212,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const cascadeItem = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-ec2aa290"]]);
+const cascadeItem = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-cebddac7"]]);
 
 const cascadeItem$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -130159,7 +130231,8 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -130253,7 +130326,8 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -133032,7 +133106,8 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -133154,7 +133229,8 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -133225,7 +133301,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const datetimeItem = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-66eaf449"]]);
+const datetimeItem = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-16e3ccaf"]]);
 
 const datetimeItem$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -133244,7 +133320,8 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   },
   emits: ["selfFunc", "selectItem"],
   setup(__props, { emit: __emit }) {
@@ -133287,7 +133364,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -133468,7 +133546,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const dialogInputItem = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-af0205ca"]]);
+const dialogInputItem = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-cc7182c1"]]);
 
 const dialogInputItem$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -133487,7 +133565,8 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -133550,7 +133629,8 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -150677,7 +150757,8 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -150770,7 +150851,8 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -150927,7 +151009,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const iconItem = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-9ca9bb86"]]);
+const iconItem = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-001b0103"]]);
 
 const iconItem$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -150955,7 +151037,8 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -151143,7 +151226,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const imageItem = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-1f811710"]]);
+const imageItem = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-d561ca11"]]);
 
 const imageItem$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -151237,7 +151320,8 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: { type: Function }
+    callBack: { type: Function },
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -151390,7 +151474,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const inputItem = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-a1b1d0a2"]]);
+const inputItem = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-277d463f"]]);
 
 const inputItem$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -151574,7 +151658,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const __unplugin_components_0$2 = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-b63980a0"]]);
+const __unplugin_components_0$2 = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-c5fe21a2"]]);
 
 const baseJsonItem = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -151593,7 +151677,8 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -151650,7 +151735,8 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -203179,7 +203265,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -203223,7 +203310,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const markdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-f2582961"]]);
+const markdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-e8c73824"]]);
 
 const markdownItem$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -203247,7 +203334,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -203311,7 +203399,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const numberItem = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-760161df"]]);
+const numberItem = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-b8e8df9f"]]);
 
 const numberItem$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -203332,7 +203420,8 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -203456,7 +203545,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const numberRangeItem = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-0e318291"]]);
+const numberRangeItem = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-78dc5aa2"]]);
 
 const numberRangeItem$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -203475,7 +203564,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -203853,7 +203943,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const pageSelectItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-9debdb0c"]]);
+const pageSelectItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-10cadb61"]]);
 
 const pageSelectItem$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -203872,7 +203962,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -203933,7 +204024,8 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -204040,7 +204132,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -204107,7 +204200,8 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -204315,7 +204409,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const selectItem = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-f3d02d02"]]);
+const selectItem = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-2d4ab92c"]]);
 
 const selectItem$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -204736,7 +204830,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   },
   emits: ["selfFunc", "selectItem"],
   setup(__props, { emit: __emit }) {
@@ -204884,7 +204979,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const signatureItem = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-68c85ca0"]]);
+const signatureItem = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-dd94b6d6"]]);
 
 const signatureItem$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -204903,7 +204998,8 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -204966,7 +205062,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -205034,7 +205131,8 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -205100,7 +205198,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -205170,7 +205269,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -205248,7 +205348,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -205297,7 +205398,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const timeItem = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-57418512"]]);
+const timeItem = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-99def2f8"]]);
 
 const timeItem$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -205316,7 +205417,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -205362,7 +205464,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const timePickerItem = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-271ede98"]]);
+const timePickerItem = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-458f167a"]]);
 
 const timePickerItem$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -205381,7 +205483,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -205469,7 +205572,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -205698,7 +205802,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   },
   emits: ["selfFunc", "selectItem"],
   setup(__props, { emit: __emit }) {
@@ -205744,7 +205849,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -205855,7 +205961,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const uploadItem = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-9838d555"]]);
+const uploadItem = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-fab47ad8"]]);
 
 const uploadItem$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -205875,7 +205981,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -206035,14 +206142,6 @@ const userItem = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   default: _sfc_main$m
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const __variableDynamicImportRuntimeHelper = (glob$1, path$13, segs) => {
-	const v = glob$1[path$13];
-	if (v) return typeof v === "function" ? v() : Promise.resolve(v);
-	return new Promise((_, reject) => {
-		(typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + path$13 + (path$13.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : ""))));
-	});
-};
-
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "usercomp-item",
   props: /* @__PURE__ */ mergeModels({
@@ -206055,7 +206154,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: { default: 0 }
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -206064,33 +206164,12 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const formData = useModel(__props, "formData");
-    const currentComponent = shallowRef(null);
+    const currentComponent = computed(() => props.field["preps"].compName);
     const loadComponent = async () => {
-      let compOption = props.field["preps"].compName;
-      if (typeof compOption === "object" && compOption?.__name) {
-        currentComponent.value = compOption;
-      } else if (typeof compOption === "string") {
-        try {
-          let comp = await __variableDynamicImportRuntimeHelper((/* #__PURE__ */ Object.assign({"../../help.vue": () => Promise.resolve().then(() => help)})), `../../${compOption}.vue`, 3);
-          currentComponent.value = comp.default;
-        } catch (e) {
-          console.log(e.message);
-          currentComponent.value = null;
-        }
-      } else {
-        currentComponent.value = null;
-      }
     };
     onMounted(() => {
       loadComponent();
     });
-    watch(
-      () => [props.field.preps?.compName, props.field.preps?.name],
-      () => {
-        loadComponent();
-      },
-      { immediate: false }
-    );
     return (_ctx, _cache) => {
       const _component_starhorse_form_item = __unplugin_components_0$3;
       return openBlock(), createBlock(_component_starhorse_form_item, {
@@ -206109,8 +206188,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
             bareFlag: _ctx.bareFlag
           }, _ctx.field["preps"], {
             dataForm: formData.value,
-            "onUpdate:dataForm": _cache[0] || (_cache[0] = ($event) => formData.value = $event)
-          }), null, 16, ["showFormItem", "isDesign", "disabled", "bareFlag", "dataForm"]))
+            "onUpdate:dataForm": _cache[0] || (_cache[0] = ($event) => formData.value = $event),
+            source: _ctx.source
+          }), null, 16, ["showFormItem", "isDesign", "disabled", "bareFlag", "dataForm", "source"]))
         ]),
         _: 1
       }, 8, ["showFormItem", "isDesign", "disabled", "bareFlag", "field", "parentField"]);
@@ -206136,7 +206216,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -206185,7 +206266,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const viewMarkdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-486e2f68"]]);
+const viewMarkdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-2ee361a9"]]);
 
 const viewMarkdownItem$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -207451,7 +207532,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -218227,7 +218309,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}
@@ -249050,7 +249133,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     parentField: {},
     formInfo: {},
     parentId: {},
-    callBack: {}
+    callBack: {},
+    source: {}
   }, {
     "formData": {},
     "formDataModifiers": {}