jky-component-lib 0.0.129 → 0.0.131

package/dist/es/form/FormItem.vue.js

@@ -49,17 +49,42 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { defineComponent, ref, computed, openBlock, createElementBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, resolveDynamicComponent, Fragment, createTextVNode, toDisplayString, createCommentVNode, createSlots, watch, h } from "vue";
-import { Plus, CircleCloseFilled, CircleCheckFilled, WarningFilled, QuestionFilled } from "@element-plus/icons-vue";
-import { ElFormItem, ElDivider, ElInput, ElUpload, ElButton, ElIcon, ElInputNumber, ElRate, ElTransfer, ElSelectV2, ElMention, ElInputTag, ElColorPickerPanel, ElColorPicker, ElTreeSelect, ElCascader, ElSlider, ElSwitch, ElCheckboxGroup, ElCheckbox, ElRadioGroup, ElRadioButton, ElRadio, ElTimeSelect, ElTimePicker, ElDatePicker, ElAutocomplete, ElSelect, ElTooltip } from "element-plus";
-import { JkyAddInput } from "../add-input/index.js";
-import { JkyCodeMirrorEditor } from "../code-mirror-editor/index.js";
-import { JkyRichEditor } from "../rich-editor/index.js";
-import _sfc_main$1 from "./AMapPickerItem.vue.js";
-/* empty css                    */
-import _sfc_main$2 from "./LinkedSelect.vue.js";
-import _sfc_main$3 from "./SelectTable.vue.js";
-/* empty css                 */
+import { defineComponent, ref, computed, openBlock, createElementBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, resolveDynamicComponent, Fragment, createTextVNode, toDisplayString, createCommentVNode, createVNode, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps, watch, h } from "vue";
+import { CircleCloseFilled, CircleCheckFilled, WarningFilled, QuestionFilled } from "@element-plus/icons-vue";
+import { ElFormItem, ElTooltip, ElIcon } from "element-plus";
+import _sfc_main$w from "./FormItemWrapper.vue.js";
+/* empty css                     */
+import _sfc_main$5 from "./items/AddInputItem.vue.js";
+import _sfc_main$3 from "./items/AMapPickerItem.vue.js";
+import _sfc_main$s from "./items/AutocompleteItem.vue.js";
+import _sfc_main$k from "./items/CascaderItem.vue.js";
+import _sfc_main$n from "./items/CheckboxGroupItem.vue.js";
+import _sfc_main$7 from "./items/CodeMirrorEditorItem.vue.js";
+import _sfc_main$i from "./items/ColorPickerItem.vue.js";
+import _sfc_main$h from "./items/ColorPickerPanelItem.vue.js";
+import _sfc_main$1 from "./items/CustomItem.vue.js";
+import _sfc_main$r from "./items/DatePickerItem.vue.js";
+import _sfc_main$2 from "./items/DividerItem.vue.js";
+import _sfc_main$8 from "./items/FileUploadItem.vue.js";
+import _sfc_main$9 from "./items/ImageUploadItem.vue.js";
+import _sfc_main$v from "./items/InputItem.vue.js";
+import _sfc_main$a from "./items/InputNumberItem.vue.js";
+import _sfc_main$g from "./items/InputTagItem.vue.js";
+import _sfc_main$4 from "./items/LinkedSelectItem.vue.js";
+import _sfc_main$f from "./items/MentionItem.vue.js";
+import _sfc_main$o from "./items/RadioGroupItem.vue.js";
+import _sfc_main$b from "./items/RateItem.vue.js";
+import _sfc_main$6 from "./items/RichEditorItem.vue.js";
+import _sfc_main$t from "./items/SelectItem.vue.js";
+import _sfc_main$c from "./items/SelectTableItem.vue.js";
+import _sfc_main$e from "./items/SelectV2Item.vue.js";
+import _sfc_main$l from "./items/SliderItem.vue.js";
+import _sfc_main$m from "./items/SwitchItem.vue.js";
+import _sfc_main$u from "./items/TextareaItem.vue.js";
+import _sfc_main$q from "./items/TimePickerItem.vue.js";
+import _sfc_main$p from "./items/TimeSelectItem.vue.js";
+import _sfc_main$d from "./items/TransferItem.vue.js";
+import _sfc_main$j from "./items/TreeSelectItem.vue.js";
 const _hoisted_1 = {
   key: 0,
   style: { "display": "none" }
@@ -106,17 +131,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
   setup(__props) {
     const props = __props;
     const loading = ref(false);
+    const propsLoadStatus = ref("idle");
+    const loadError = ref(null);
     const componentProps = ref({});
-    const rules = ref(null);
+    const rulesData = ref(null);
+    const rules = computed(() => {
+      const r = rulesData.value;
+      if (!r)
+        return void 0;
+      if (Array.isArray(r))
+        return r;
+      if (typeof r === "object")
+        return r;
+      return void 0;
+    });
     function loadComponentProps() {
       return __async(this, null, function* () {
         const configProps = props.config.componentProps;
         if (!configProps) {
           componentProps.value = {};
+          propsLoadStatus.value = "ready";
           return;
         }
         if (typeof configProps === "function") {
           loading.value = true;
+          propsLoadStatus.value = "loading";
+          loadError.value = null;
           try {
             const result = yield configProps({
               model: props.model,
@@ -124,22 +164,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
               $form: props.model
             });
             componentProps.value = result || {};
+            propsLoadStatus.value = "ready";
           } catch (error) {
             console.error("Failed to load component props:", error);
             componentProps.value = {};
+            loadError.value = error;
+            propsLoadStatus.value = "error";
           } finally {
             loading.value = false;
           }
           return;
         }
         componentProps.value = configProps;
+        propsLoadStatus.value = "ready";
       });
     }
     function loadRules() {
       return __async(this, null, function* () {
         const configRules = props.config.rules;
         if (!configRules) {
-          rules.value = null;
+          rulesData.value = null;
           return;
         }
         if (typeof configRules === "function") {
@@ -150,29 +194,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
               field: props.field,
               $form: props.model
             });
-            rules.value = result || null;
+            rulesData.value = result && typeof result !== "function" ? result : null;
           } catch (error) {
             console.error("Failed to load rules:", error);
-            rules.value = null;
+            rulesData.value = null;
           } finally {
             loading.value = false;
           }
           return;
         }
-        rules.value = configRules;
+        rulesData.value = typeof configRules !== "function" ? configRules : null;
+      });
+    }
+    function reloadComponentProps() {
+      return __async(this, null, function* () {
+        yield loadComponentProps();
       });
     }
+    const watchFields = computed(() => {
+      const config = props.config;
+      return config.watchFields || [];
+    });
     function setupWatchFields() {
-      const watchFields = props.config.watchFields;
-      if (!watchFields || watchFields.length === 0) {
+      if (watchFields.value.length === 0)
         return;
-      }
       watch(
-        () => watchFields.map((field) => props.model[field]),
+        () => watchFields.value.map((field) => props.model[field]),
         () => {
           loadComponentProps();
           loadRules();
-        }
+        },
+        { deep: true }
       );
     }
     loadComponentProps();
@@ -201,7 +253,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         type,
         title,
         placeholder,
-        componentProps: componentProps2,
+        componentProps: _componentProps,
+        rules: _rules,
         hidden,
         customStyle,
         children,
@@ -217,13 +270,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         formatValue,
         formatModel,
         noLabelMargin,
-        titleRender
+        titleRender,
+        watchFields: _watchFields,
+        help: _help,
+        useDefaultBorderClass: _useDefaultBorderClass
       } = _a, rest = __objRest(_a, [
         "field",
         "type",
         "title",
         "placeholder",
         "componentProps",
+        "rules",
         "hidden",
         "customStyle",
         "children",
@@ -239,293 +296,59 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         "formatValue",
         "formatModel",
         "noLabelMargin",
-        "titleRender"
+        "titleRender",
+        "watchFields",
+        "help",
+        "useDefaultBorderClass"
       ]);
       return rest;
     });
-    function renderComponent(type) {
-      var _a, _b;
-      if (type === "divider") {
-        const dividerProps = __spreadValues({}, componentProps.value);
-        return h(ElDivider, dividerProps, {
-          default: () => props.config.children || null
-        });
-      }
-      const commonProps = __spreadProps(__spreadValues({
-        // use `undefined` to fix placeholder issue
-        "modelValue": modelValue.value || void 0,
-        "onUpdate:modelValue": (val) => {
-          props.model[props.field] = val || void 0;
-        },
-        "placeholder": props.config.placeholder || void 0,
-        "disabled": props.disabled,
-        "clearable": props.config.clearable
-      }, componentProps.value), {
-        "class": ["w-full min-w-25", componentProps.value.class]
-      });
+    const componentSlotsObj = computed(() => {
       const { slots: componentSlots } = componentProps.value;
-      const _componentSlotsObj = typeof componentSlots === "function" ? componentSlots({
+      return typeof componentSlots === "function" ? componentSlots({
         model: props.model,
         field: props.field,
         $form: props.model
       }) : componentSlots;
-      switch (type) {
-        case "input":
-          return h(
-            ElInput,
-            __spreadProps(__spreadValues({}, commonProps), {
-              placeholder: commonProps.placeholder || "请输入",
-              prefixIcon: props.config.prefixIcon,
-              suffixIcon: props.config.suffixIcon
-            }),
-            _componentSlotsObj
-          );
-        case "textarea":
-          return h(
-            ElInput,
-            __spreadProps(__spreadValues({}, commonProps), {
-              placeholder: commonProps.placeholder || "请输入",
-              type: "textarea",
-              rows: 4
-            }),
-            _componentSlotsObj
-          );
-        case "select": {
-          const selectProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
-            placeholder: commonProps.placeholder || "请选择"
-          }), componentProps.value);
-          return h(ElSelect, selectProps, _componentSlotsObj);
-        }
-        case "autocomplete": {
-          const autocompleteProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
-            placeholder: commonProps.placeholder || "请输入"
-          }), componentProps.value);
-          return h(ElAutocomplete, autocompleteProps, _componentSlotsObj);
-        }
-        case "datepicker":
-          return h(ElDatePicker, __spreadValues(__spreadValues({
-            startPlaceholder: "开始日期",
-            endPlaceholder: "结束日期"
-          }, commonProps), componentProps.value), _componentSlotsObj);
-        case "datetime-picker":
-          return h(ElDatePicker, __spreadValues(__spreadValues({
-            startPlaceholder: "开始日期",
-            endPlaceholder: "结束日期"
-          }, commonProps), componentProps.value), _componentSlotsObj);
-        case "time-picker":
-          return h(ElTimePicker, __spreadValues(__spreadValues({
-            startPlaceholder: "开始时间",
-            endPlaceholder: "结束时间"
-          }, commonProps), componentProps.value), _componentSlotsObj);
-        case "time-select":
-          return h(ElTimeSelect, __spreadValues(__spreadValues({}, commonProps), componentProps.value), _componentSlotsObj);
-        case "radio-group": {
-          const radioGroupProps = __spreadValues(__spreadValues({}, commonProps), componentProps.value);
-          return h(
-            ElRadioGroup,
-            radioGroupProps,
-            __spreadValues({
-              default: () => {
-                const options = componentProps.value.options || props.config.options || [];
-                return options.map(
-                  (option) => h(radioGroupProps.button ? ElRadioButton : ElRadio, {
-                    key: option.value,
-                    value: option.value,
-                    disabled: option.disabled
-                  }, {
-                    default: () => option.label
-                  })
-                );
-              }
-            }, _componentSlotsObj)
-          );
-        }
-        case "checkbox-group": {
-          const arrayModelValue = Array.isArray(modelValue.value) ? modelValue.value : [];
-          const checkboxGroupProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
-            modelValue: arrayModelValue
-          }), componentProps.value);
-          return h(
-            ElCheckboxGroup,
-            checkboxGroupProps,
-            __spreadValues({
-              default: () => {
-                const options = componentProps.value.options || props.config.options || [];
-                return options.map(
-                  (option) => h(ElCheckbox, {
-                    key: option.value,
-                    value: option.value,
-                    disabled: option.disabled
-                  }, {
-                    default: () => option.label
-                  })
-                );
-              }
-            }, _componentSlotsObj)
-          );
-        }
-        case "switch":
-          return h(ElSwitch, __spreadValues(__spreadValues({}, commonProps), componentProps.value), _componentSlotsObj);
-        case "slider":
-          return h(ElSlider, __spreadValues(__spreadValues({}, commonProps), componentProps.value), _componentSlotsObj);
-        case "cascader": {
-          const cascaderProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
-            placeholder: commonProps.placeholder || "请选择"
-          }), componentProps.value);
-          return h(ElCascader, cascaderProps, _componentSlotsObj);
-        }
-        case "tree-select": {
-          const treeSelectProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
-            placeholder: commonProps.placeholder || "请选择"
-          }), componentProps.value);
-          return h(ElTreeSelect, treeSelectProps, _componentSlotsObj);
-        }
-        case "color-picker":
-          return h(ElColorPicker, __spreadValues(__spreadValues({}, commonProps), componentProps.value), _componentSlotsObj);
-        // 颜色选择器面板
-        case "color-picker-panel":
-          return h(ElColorPickerPanel, __spreadValues(__spreadValues({}, commonProps), componentProps.value), _componentSlotsObj);
-        // 标签输入框
-        case "input-tag": {
-          const inputTagProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
-            "modelValue": modelValue.value || [],
-            "onUpdate:modelValue": (val) => {
-              props.model[props.field] = val;
-            }
-          }), componentProps.value);
-          return h(ElInputTag, inputTagProps, _componentSlotsObj);
-        }
-        // 提及组件
-        case "mention": {
-          const mentionProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
-            "modelValue": modelValue.value || "",
-            "onUpdate:modelValue": (val) => {
-              props.model[props.field] = val;
-            }
-          }), componentProps.value);
-          return h(ElMention, mentionProps, _componentSlotsObj);
-        }
-        // 虚拟化选择器
-        case "select-v2": {
-          const selectV2Props = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
-            "modelValue": modelValue.value,
-            "onUpdate:modelValue": (val) => {
-              props.model[props.field] = val;
-            },
-            "options": componentProps.value.options || []
-          }), componentProps.value);
-          return h(ElSelectV2, selectV2Props, _componentSlotsObj);
-        }
-        // 穿梭框
-        case "transfer": {
-          const transferProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
-            "modelValue": modelValue.value || [],
-            "onUpdate:modelValue": (val) => {
-              props.model[props.field] = val;
-            },
-            "data": componentProps.value.data || []
-          }), componentProps.value);
-          return h(ElTransfer, transferProps, _componentSlotsObj);
-        }
-        // 表格选择器
-        case "select-table":
-          return h(_sfc_main$3, __spreadProps(__spreadValues(__spreadValues({}, commonProps), componentProps.value), {
-            labelWidth: formItemProps.value.labelWidth
-          }), _componentSlotsObj);
-        case "rate":
-          return h(ElRate, __spreadValues(__spreadValues({}, commonProps), componentProps.value), _componentSlotsObj);
-        case "input-number": {
-          const numberModelValue = modelValue.value === "" || modelValue.value === null || modelValue.value === void 0 ? null : Number(modelValue.value);
-          const inputNumberProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
-            "placeholder": commonProps.placeholder || "请输入",
-            "modelValue": numberModelValue,
-            "onUpdate:modelValue": (val) => {
-              props.model[props.field] = val;
-            }
-          }), componentProps.value);
-          return h(ElInputNumber, inputNumberProps, _componentSlotsObj);
-        }
-        // 图片上传
-        case "image-upload": {
-          const uploadProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
-            "action": componentProps.value.action || "#",
-            "file-list": componentProps.value.fileList || [],
-            "list-type": componentProps.value.listType || "picture-card",
-            "onPreview": componentProps.value.onPreview,
-            "onRemove": componentProps.value.onRemove
-          }), componentProps.value);
-          if (uploadProps["list-type"] === "picture-card") {
-            return h(ElUpload, uploadProps, __spreadValues({
-              default: () => h("div", { class: "el-upload__picture-card-wrapper" }, [
-                h(ElIcon, { size: 24 }, { default: () => h(Plus) })
-              ])
-            }, _componentSlotsObj));
-          }
-          if (uploadProps["list-type"] === "picture") {
-            return h(ElUpload, uploadProps, __spreadValues({
-              default: () => h(ElButton, { type: "primary" }, { default: () => "点击上传" })
-            }, _componentSlotsObj));
-          }
-          return h(ElUpload, uploadProps, _componentSlotsObj);
-        }
-        // 文件上传
-        case "file-upload": {
-          const uploadProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
-            "action": componentProps.value.action || "#",
-            "file-list": componentProps.value.fileList || [],
-            "list-type": componentProps.value.listType || "text",
-            "onPreview": componentProps.value.onPreview,
-            "onRemove": componentProps.value.onRemove
-          }), componentProps.value);
-          if (uploadProps["list-type"] === "text") {
-            return h(ElUpload, uploadProps, __spreadValues({
-              default: () => h(ElButton, { type: "primary" }, { default: () => "点击上传" })
-            }, _componentSlotsObj));
-          }
-          return h(ElUpload, uploadProps, _componentSlotsObj);
-        }
-        // CodeMirror 编辑器
-        case "code-mirror-editor": {
-          const codeMirrorProps = __spreadValues(__spreadValues({}, commonProps), componentProps.value);
-          return h(JkyCodeMirrorEditor, codeMirrorProps, _componentSlotsObj);
-        }
-        // RichEditor 富文本编辑器
-        case "rich-editor": {
-          const richEditorProps = __spreadValues(__spreadValues({}, commonProps), componentProps.value);
-          return h(JkyRichEditor, richEditorProps, _componentSlotsObj);
-        }
-        // AddInput 动态键值对输入框
-        case "add-input": {
-          const addInputProps = __spreadValues(__spreadValues({}, commonProps), componentProps.value);
-          return h(JkyAddInput, addInputProps, _componentSlotsObj);
-        }
-        // 联动下拉框
-        case "linked-select":
-          return h(_sfc_main$2, {
-            "config": props.config.config,
-            "modelValue": modelValue.value,
-            "disabled": props.disabled,
-            "componentProps": componentProps.value,
-            "onUpdate:modelValue": (val) => {
-              props.model[props.field] = val;
-            }
-          }, _componentSlotsObj);
-        // 高德地图坐标拾取器
-        case "amap-picker":
-          return h(_sfc_main$1, __spreadProps(__spreadValues({
-            "modelValue": modelValue.value,
-            "disabled": props.disabled
-          }, props.config.componentProps), {
-            "onUpdate:modelValue": (val) => {
-              props.model[props.field] = val;
-            }
-          }), _componentSlotsObj);
-        case "custom":
-          return (_b = (_a = props.config).render) == null ? void 0 : _b.call(_a, commonProps);
-        default:
-          return h(ElInput, commonProps);
-      }
-    }
+    });
+    const componentMap = {
+      "input": _sfc_main$v,
+      "textarea": _sfc_main$u,
+      "select": _sfc_main$t,
+      "autocomplete": _sfc_main$s,
+      "date-picker": _sfc_main$r,
+      "datetime-picker": _sfc_main$r,
+      "time-picker": _sfc_main$q,
+      "time-select": _sfc_main$p,
+      "radio-group": _sfc_main$o,
+      "checkbox-group": _sfc_main$n,
+      "switch": _sfc_main$m,
+      "slider": _sfc_main$l,
+      "cascader": _sfc_main$k,
+      "tree-select": _sfc_main$j,
+      "color-picker": _sfc_main$i,
+      "color-picker-panel": _sfc_main$h,
+      "input-tag": _sfc_main$g,
+      "mention": _sfc_main$f,
+      "select-v2": _sfc_main$e,
+      "transfer": _sfc_main$d,
+      "select-table": _sfc_main$c,
+      "rate": _sfc_main$b,
+      "input-number": _sfc_main$a,
+      "image-upload": _sfc_main$9,
+      "file-upload": _sfc_main$8,
+      "code-mirror-editor": _sfc_main$7,
+      "rich-editor": _sfc_main$6,
+      "add-input": _sfc_main$5,
+      "linked-select": _sfc_main$4,
+      "amap-picker": _sfc_main$3,
+      "divider": _sfc_main$2,
+      "custom": _sfc_main$1
+    };
+    const currentComponent = computed(() => {
+      const type = props.config.type || "input";
+      return componentMap[type] || _sfc_main$v;
+    });
     function renderHelpTooltip() {
       if (!props.config.help)
         return null;
@@ -590,10 +413,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
             ], 64)),
             __props.config.help && __props.config.help.tooltip ? (openBlock(), createBlock(resolveDynamicComponent(renderHelpTooltip()), { key: 2 })) : createCommentVNode("", true)
           ]),
-          (openBlock(), createBlock(resolveDynamicComponent(renderComponent(__props.config.type || "input")))),
+          createVNode(_sfc_main$w, {
+            status: propsLoadStatus.value,
+            error: loadError.value,
+            onRetry: reloadComponentProps
+          }, {
+            loading: withCtx(() => [
+              renderSlot(_ctx.$slots, "loading", { field: __props.field })
+            ]),
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(currentComponent.value), {
+                "model-value": modelValue.value,
+                config: __props.config,
+                "component-props": componentProps.value,
+                "component-slots": componentSlotsObj.value,
+                disabled: __props.disabled,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = (val) => __props.model[__props.field] = val)
+              }, createSlots({ _: 2 }, [
+                renderList(Object.keys(_ctx.$slots), (name, index) => {
+                  return {
+                    name,
+                    fn: withCtx((slotData) => [
+                      renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData || {})))
+                    ])
+                  };
+                })
+              ]), 1032, ["model-value", "config", "component-props", "component-slots", "disabled"]))
+            ]),
+            _: 3
+          }, 8, ["status", "error"]),
           __props.config.help && !__props.config.help.tooltip ? (openBlock(), createBlock(resolveDynamicComponent(renderHelpText()), { key: 0 })) : createCommentVNode("", true)
         ]),
-        _: 1
+        _: 3
       }, 16, ["prop", "rules", "class", "style"])) : (openBlock(), createBlock(unref(ElFormItem), mergeProps({
         key: 2,
         label: __props.config.label,
@@ -605,9 +456,66 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         default: withCtx(() => [
           __props.config.prepend || __props.config.append ? (openBlock(), createElementBlock("div", _hoisted_4, [
             __props.config.prepend ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.config.prepend), 1)) : createCommentVNode("", true),
-            (openBlock(), createBlock(resolveDynamicComponent(renderComponent(__props.config.type || "input")))),
+            createVNode(_sfc_main$w, {
+              status: propsLoadStatus.value,
+              error: loadError.value,
+              onRetry: reloadComponentProps
+            }, {
+              loading: withCtx(() => [
+                renderSlot(_ctx.$slots, "loading", { field: __props.field })
+              ]),
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(currentComponent.value), {
+                  "model-value": modelValue.value,
+                  config: __props.config,
+                  "component-props": componentProps.value,
+                  "component-slots": componentSlotsObj.value,
+                  disabled: __props.disabled,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = (val) => __props.model[__props.field] = val)
+                }, createSlots({ _: 2 }, [
+                  renderList(Object.keys(_ctx.$slots), (name, index) => {
+                    return {
+                      name,
+                      fn: withCtx((slotData) => [
+                        renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData || {})))
+                      ])
+                    };
+                  })
+                ]), 1032, ["model-value", "config", "component-props", "component-slots", "disabled"]))
+              ]),
+              _: 3
+            }, 8, ["status", "error"]),
             __props.config.append ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(__props.config.append), 1)) : createCommentVNode("", true)
-          ])) : (openBlock(), createBlock(resolveDynamicComponent(renderComponent(__props.config.type || "input")), { key: 1 })),
+          ])) : (openBlock(), createBlock(_sfc_main$w, {
+            key: 1,
+            status: propsLoadStatus.value,
+            error: loadError.value,
+            onRetry: reloadComponentProps
+          }, {
+            loading: withCtx(() => [
+              renderSlot(_ctx.$slots, "loading", { field: __props.field })
+            ]),
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(currentComponent.value), {
+                "model-value": modelValue.value,
+                config: __props.config,
+                "component-props": componentProps.value,
+                "component-slots": componentSlotsObj.value,
+                disabled: __props.disabled,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = (val) => __props.model[__props.field] = val)
+              }, createSlots({ _: 2 }, [
+                renderList(Object.keys(_ctx.$slots), (name, index) => {
+                  return {
+                    name,
+                    fn: withCtx((slotData) => [
+                      renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData || {})))
+                    ])
+                  };
+                })
+              ]), 1032, ["model-value", "config", "component-props", "component-slots", "disabled"]))
+            ]),
+            _: 3
+          }, 8, ["status", "error"])),
           __props.config.help && !__props.config.help.tooltip ? (openBlock(), createBlock(resolveDynamicComponent(renderHelpText()), { key: 2 })) : createCommentVNode("", true)
         ]),
         _: 2

package/dist/es/form/{FormItem.vue3.js → FormItem.vue2.js}

@@ -1,5 +1,4 @@
 import _sfc_main from "./FormItem.vue.js";
-/* empty css              */
 export {
   _sfc_main as default
 };