starfish-form-custom 1.0.19 → 1.0.21

package/dist/{main-a1705ce2.mjs → main-f8d74300.mjs}

@@ -1102,7 +1102,7 @@ const _hoisted_1$r = {
   class: "item_require"
 };
 const _hoisted_2$k = /* @__PURE__ */ createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1);
-const _hoisted_3$7 = { class: "keyValueSelect" };
+const _hoisted_3$f = { class: "keyValueSelect" };
 const _hoisted_4$4 = { class: "keyValueInput" };
 const _hoisted_5$2 = { class: "inputItem" };
 const _hoisted_6$2 = /* @__PURE__ */ createElementVNode("span", null, "\u6587\u672C\uFF1A", -1);
@@ -1156,7 +1156,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
           class: "starfish-keyValueItem",
           key: index
         }, [
-          createElementVNode("div", _hoisted_3$7, [
+          createElementVNode("div", _hoisted_3$f, [
             createVNode(_component_el_checkbox, {
               modelValue: items.select,
               "onUpdate:modelValue": ($event) => items.select = $event,
@@ -1336,7 +1336,7 @@ const _hoisted_1$q = {
   class: "item_require"
 };
 const _hoisted_2$j = /* @__PURE__ */ createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1);
-const _hoisted_3$6 = { class: "keyValueSelect" };
+const _hoisted_3$e = { class: "keyValueSelect" };
 const _hoisted_4$3 = { class: "keyValueInput" };
 const _hoisted_5$1 = { class: "inputItem" };
 const _hoisted_6$1 = /* @__PURE__ */ createElementVNode("span", null, "\u6587\u672C\uFF1A", -1);
@@ -1390,7 +1390,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
           class: "starfish-keyValueItem",
           key: index
         }, [
-          createElementVNode("div", _hoisted_3$6, [
+          createElementVNode("div", _hoisted_3$e, [
             createVNode(_component_el_checkbox, {
               modelValue: items.select,
               "onUpdate:modelValue": ($event) => items.select = $event,
@@ -1530,7 +1530,7 @@ const _hoisted_1$o = {
   class: "item_require"
 };
 const _hoisted_2$i = /* @__PURE__ */ createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1);
-const _hoisted_3$5 = /* @__PURE__ */ createTextVNode(" \u65B0\u5EFA\u52A8\u4F5C+ ");
+const _hoisted_3$d = /* @__PURE__ */ createTextVNode(" \u65B0\u5EFA\u52A8\u4F5C+ ");
 function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
   const _component_el_option = ElOption;
@@ -1687,7 +1687,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
             size: _ctx.size
           }, {
             default: withCtx(() => [
-              _hoisted_3$5
+              _hoisted_3$d
             ]),
             _: 1
           }, 8, ["size"])
@@ -1836,7 +1836,7 @@ const _sfc_main$m = defineComponent({
 });
 const _hoisted_1$m = /* @__PURE__ */ createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1);
 const _hoisted_2$h = /* @__PURE__ */ createElementVNode("i", { class: "iconfontui icon-bars handle" }, null, -1);
-const _hoisted_3$4 = /* @__PURE__ */ createTextVNode("\u6DFB\u52A0\u9762\u677F");
+const _hoisted_3$c = /* @__PURE__ */ createTextVNode("\u6DFB\u52A0\u9762\u677F");
 function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
   const _component_el_col = ElCol;
@@ -1941,7 +1941,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
             size: "default"
           }, {
             default: withCtx(() => [
-              _hoisted_3$4
+              _hoisted_3$c
             ]),
             _: 1
           }, 8, ["onClick"])
@@ -1992,7 +1992,7 @@ const _hoisted_2$g = {
   key: 0,
   class: "item_require"
 };
-const _hoisted_3$3 = /* @__PURE__ */ createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1);
+const _hoisted_3$b = /* @__PURE__ */ createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1);
 const _hoisted_4$2 = { class: "control" };
 function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
@@ -2012,7 +2012,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
         placement: "top"
       }, {
         default: withCtx(() => [
-          _hoisted_3$3
+          _hoisted_3$b
         ]),
         _: 1
       }, 8, ["content"])) : createCommentVNode("", true)
@@ -2066,6 +2066,7 @@ const _hoisted_1$k = {
   class: "item_require"
 };
 const _hoisted_2$f = /* @__PURE__ */ createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1);
+const _hoisted_3$a = { key: 0 };
 function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
   const _component_el_checkbox = ElCheckbox;
@@ -2096,8 +2097,8 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
       class: "control",
       style: normalizeStyle({ marginLeft: _ctx.labelalign != "top" ? _ctx.labelWidth + "px" : "" })
     }, [
-      !_ctx.drag && _ctx.data[_ctx.item.data.fieldName] ? (openBlock(), createBlock(_component_el_checkbox_group, {
-        key: 0,
+      !_ctx.drag && _ctx.data[_ctx.item.data.fieldName] && _ctx.item.data.state === "readonly" ? (openBlock(), createElementBlock("span", _hoisted_3$a, toDisplayString(_ctx.data[_ctx.item.data.fieldName].join(",") || "--"), 1)) : !_ctx.drag && _ctx.data[_ctx.item.data.fieldName] ? (openBlock(), createBlock(_component_el_checkbox_group, {
+        key: 1,
         modelValue: _ctx.data[_ctx.item.data.fieldName],
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.data[_ctx.item.data.fieldName] = $event),
         class: normalizeClass({ "vertical-group": _ctx.item.data.arrangeMent === "vertical" }),
@@ -2120,7 +2121,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["modelValue", "class", "size", "disabled"])) : createCommentVNode("", true),
       _ctx.drag ? (openBlock(), createBlock(_component_el_checkbox_group, {
-        key: 1,
+        key: 2,
         modelValue: _ctx.item.data.itemConfig.value,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.item.data.itemConfig.value = $event),
         class: normalizeClass({ "vertical-group": _ctx.item.data.arrangeMent === "vertical" }),
@@ -2174,7 +2175,7 @@ const _hoisted_1$j = {
   class: "item_require"
 };
 const _hoisted_2$e = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1));
-const _hoisted_3$2 = { key: 0 };
+const _hoisted_3$9 = { key: 0 };
 const _hoisted_4$1 = { key: 1 };
 function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
@@ -2206,7 +2207,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
       class: "control",
       style: normalizeStyle({ marginLeft: _ctx.labelalign != "top" ? _ctx.labelWidth + "px" : "" })
     }, [
-      _ctx.drag ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
+      _ctx.drag ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
         createVNode(_component_el_input, {
           modelValue: _ctx.item.data.default,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.item.data.default = $event),
@@ -2252,7 +2253,7 @@ const _sfc_main$i = defineComponent({
   nameCn: "\u65E5\u671F",
   icon: "icon-24gl-calendar",
   formConfig: getFormConfig("Date", [
-    { fieldName: "default", component: "Date" },
+    { fieldName: "default", component: "DateTime" },
     { fieldName: "placeholder", component: "Text" },
     { fieldName: "format", component: "Selected" },
     { fieldName: "state", component: "Radio" }
@@ -2276,8 +2277,34 @@ const _sfc_main$i = defineComponent({
       };
       return formatTypeMap[format] || "date";
     };
+    const formatReadonlyDate = (dateValue, format) => {
+      if (!dateValue)
+        return "--";
+      if (typeof dateValue === "string") {
+        return dateValue;
+      }
+      if (dateValue instanceof Date) {
+        const year = dateValue.getFullYear();
+        const month = String(dateValue.getMonth() + 1).padStart(2, "0");
+        const day = String(dateValue.getDate()).padStart(2, "0");
+        const hours = String(dateValue.getHours()).padStart(2, "0");
+        const minutes = String(dateValue.getMinutes()).padStart(2, "0");
+        const seconds = String(dateValue.getSeconds()).padStart(2, "0");
+        const formatMap = {
+          "YYYY": `${year}`,
+          "YYYY-MM": `${year}-${month}`,
+          "YYYY-MM-DD": `${year}-${month}-${day}`,
+          "YYYY-MM-DD HH": `${year}-${month}-${day} ${hours}`,
+          "YYYY-MM-DD HH:mm": `${year}-${month}-${day} ${hours}:${minutes}`,
+          "YYYY-MM-DD HH:mm:ss": `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
+        };
+        return formatMap[format] || `${year}-${month}-${day}`;
+      }
+      return String(dateValue);
+    };
     return {
-      getPickerType
+      getPickerType,
+      formatReadonlyDate
     };
   }
 });
@@ -2286,6 +2313,7 @@ const _hoisted_1$i = {
   class: "item_require"
 };
 const _hoisted_2$d = /* @__PURE__ */ createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1);
+const _hoisted_3$8 = { key: 1 };
 function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
   const _component_el_date_picker = ElDatePicker;
@@ -2328,8 +2356,8 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
         disabled: _ctx.item.data.state === "disabled",
         readonly: _ctx.item.data.state === "readonly"
       }, null, 8, ["modelValue", "type", "format", "value-format", "placeholder", "size", "disabled", "readonly"])) : createCommentVNode("", true),
-      !_ctx.drag ? (openBlock(), createBlock(_component_el_date_picker, {
-        key: 1,
+      !_ctx.drag && _ctx.item.data.state === "readonly" ? (openBlock(), createElementBlock("span", _hoisted_3$8, toDisplayString(_ctx.formatReadonlyDate(_ctx.data[_ctx.item.data.fieldName], _ctx.item.data.format)), 1)) : !_ctx.drag ? (openBlock(), createBlock(_component_el_date_picker, {
+        key: 2,
         modelValue: _ctx.data[_ctx.item.data.fieldName],
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.data[_ctx.item.data.fieldName] = $event),
         width: "240px",
@@ -2453,7 +2481,21 @@ const _sfc_main$g = defineComponent({
   setup(props) {
     const vm = getCurrentInstance();
     useWatch(props);
+    const formatReadonlyNumber = (value, precision) => {
+      if (value === null || value === void 0 || value === "") {
+        return "-";
+      }
+      const numValue = Number(value);
+      if (isNaN(numValue)) {
+        return String(value);
+      }
+      if (precision !== void 0 && precision !== null) {
+        return numValue.toFixed(precision);
+      }
+      return String(numValue);
+    };
     return {
+      formatReadonlyNumber,
       execFunc(type) {
         if (props.item.data.action && props.item.data.action[type]) {
           window.VApp.$Flex.funcExec(props.item.data.action[type], vm.proxy, [
@@ -2469,6 +2511,7 @@ const _hoisted_1$g = {
   class: "item_require"
 };
 const _hoisted_2$b = /* @__PURE__ */ createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1);
+const _hoisted_3$7 = { key: 1 };
 function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
   const _component_el_input_number = ElInputNumber;
@@ -2512,8 +2555,8 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
         precision: _ctx.item.data.precision,
         disabled: _ctx.item.data.state === "disabled" || _ctx.item.data.state === "readonly"
       }, null, 8, ["modelValue", "controls-position", "size", "precision", "disabled"])) : createCommentVNode("", true),
-      !_ctx.drag ? (openBlock(), createBlock(_component_el_input_number, {
-        key: 1,
+      !_ctx.drag && _ctx.item.data.state === "readonly" ? (openBlock(), createElementBlock("span", _hoisted_3$7, toDisplayString(_ctx.formatReadonlyNumber(_ctx.data[_ctx.item.data.fieldName], _ctx.item.data.precision)), 1)) : !_ctx.drag ? (openBlock(), createBlock(_component_el_input_number, {
+        key: 2,
         modelValue: _ctx.data[_ctx.item.data.fieldName],
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.data[_ctx.item.data.fieldName] = $event),
         width: "240px",
@@ -2557,6 +2600,7 @@ const _hoisted_1$f = {
   class: "item_require"
 };
 const _hoisted_2$a = /* @__PURE__ */ createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1);
+const _hoisted_3$6 = { key: 0 };
 function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
   const _component_el_radio = ElRadio;
@@ -2591,8 +2635,8 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
       class: "control",
       style: normalizeStyle({ marginLeft: _ctx.labelalign != "top" ? _ctx.labelWidth + "px" : "" })
     }, [
-      !_ctx.drag ? (openBlock(), createBlock(_component_el_radio_group, {
-        key: 0,
+      !_ctx.drag && _ctx.item.data.state === "readonly" ? (openBlock(), createElementBlock("span", _hoisted_3$6, toDisplayString(_ctx.data[_ctx.item.data.fieldName] || "--"), 1)) : !_ctx.drag ? (openBlock(), createBlock(_component_el_radio_group, {
+        key: 1,
         modelValue: _ctx.data[_ctx.item.data.fieldName],
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.data[_ctx.item.data.fieldName] = $event),
         size: _ctx.size,
@@ -2615,7 +2659,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["modelValue", "size", "class"])) : createCommentVNode("", true),
       _ctx.drag ? (openBlock(), createBlock(_component_el_radio_group, {
-        key: 1,
+        key: 2,
         modelValue: _ctx.item.data.itemConfig.value,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.item.data.itemConfig.value = $event),
         size: _ctx.size,
@@ -3105,6 +3149,7 @@ const _hoisted_1$e = {
   class: "item_require"
 };
 const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1);
+const _hoisted_3$5 = { key: 1 };
 function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
   const _component_el_option = ElOption;
@@ -3159,8 +3204,8 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       }, 8, ["modelValue", "placeholder", "size", "disabled"])) : createCommentVNode("", true),
-      !_ctx.drag ? (openBlock(), createBlock(_component_el_select, {
-        key: 1,
+      !_ctx.drag && _ctx.item.data.state === "readonly" ? (openBlock(), createElementBlock("span", _hoisted_3$5, toDisplayString(_ctx.data[_ctx.item.data.fieldName] || "--"), 1)) : !_ctx.drag ? (openBlock(), createBlock(_component_el_select, {
+        key: 2,
         modelValue: _ctx.data[_ctx.item.data.fieldName],
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.data[_ctx.item.data.fieldName] = $event),
         width: "240px",
@@ -3224,6 +3269,7 @@ const _hoisted_1$d = {
   class: "item_require"
 };
 const _hoisted_2$8 = /* @__PURE__ */ createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1);
+const _hoisted_3$4 = { key: 1 };
 function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
   const _component_el_option = ElOption;
@@ -3279,8 +3325,8 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       }, 8, ["modelValue", "placeholder", "disabled", "size"])) : createCommentVNode("", true),
-      !_ctx.drag ? (openBlock(), createBlock(_component_el_select, {
-        key: 1,
+      !_ctx.drag && _ctx.item.data.state === "readonly" ? (openBlock(), createElementBlock("span", _hoisted_3$4, toDisplayString(_ctx.data[_ctx.item.data.fieldName].join(",") || "--"), 1)) : !_ctx.drag ? (openBlock(), createBlock(_component_el_select, {
+        key: 2,
         modelValue: _ctx.data[_ctx.item.data.fieldName],
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.data[_ctx.item.data.fieldName] = $event),
         width: "240px",
@@ -3342,7 +3388,7 @@ const _hoisted_1$c = {
   class: "item_require"
 };
 const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1);
-const _hoisted_3$1 = /* @__PURE__ */ createTextVNode("\u5DF2\u8BBE\u7F6E");
+const _hoisted_3$3 = /* @__PURE__ */ createTextVNode("\u5DF2\u8BBE\u7F6E");
 const _hoisted_4 = /* @__PURE__ */ createTextVNode("\u672A\u8BBE\u7F6E");
 const _hoisted_5 = /* @__PURE__ */ createTextVNode("\u666E\u901A\u8BBE\u7F6E");
 const _hoisted_6 = /* @__PURE__ */ createTextVNode("\u9AD8\u7EA7\u8BBE\u7F6E");
@@ -3384,7 +3430,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
         size: _ctx.size
       }, {
         default: withCtx(() => [
-          _hoisted_3$1
+          _hoisted_3$3
         ]),
         _: 1
       }, 8, ["size"])) : (openBlock(), createBlock(_component_el_button, {
@@ -3636,6 +3682,7 @@ const _hoisted_1$9 = {
   class: "item_require"
 };
 const _hoisted_2$4 = /* @__PURE__ */ createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1);
+const _hoisted_3$2 = { key: 1 };
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
   const _component_el_input = ElInput;
@@ -3683,8 +3730,8 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
         minlength: _ctx.item.data.minLength,
         class: normalizeClass("input-" + _ctx.item.data.align)
       }, null, 8, ["modelValue", "placeholder", "size", "disabled", "readonly", "maxlength", "minlength", "class"])) : createCommentVNode("", true),
-      !_ctx.drag ? (openBlock(), createBlock(_component_el_input, {
-        key: 1,
+      !_ctx.drag && _ctx.item.data.state === "readonly" ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(_ctx.data[_ctx.item.data.fieldName] || "--"), 1)) : !_ctx.drag ? (openBlock(), createBlock(_component_el_input, {
+        key: 2,
         modelValue: _ctx.data[_ctx.item.data.fieldName],
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.data[_ctx.item.data.fieldName] = $event),
         width: "200px",
@@ -3745,6 +3792,7 @@ const _hoisted_1$8 = {
   class: "item_require"
 };
 const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1);
+const _hoisted_3$1 = { key: 1 };
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
   const _component_el_input = ElInput;
@@ -3791,8 +3839,8 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
         autosize: _ctx.item.data.autoHeight,
         size: _ctx.size
       }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "maxlength", "minlength", "autosize", "size"])) : createCommentVNode("", true),
-      !_ctx.drag ? (openBlock(), createBlock(_component_el_input, {
-        key: 1,
+      !_ctx.drag && _ctx.item.data.state === "readonly" ? (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(_ctx.data[_ctx.item.data.fieldName] || "--"), 1)) : !_ctx.drag ? (openBlock(), createBlock(_component_el_input, {
+        key: 2,
         type: "textarea",
         modelValue: _ctx.data[_ctx.item.data.fieldName],
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.data[_ctx.item.data.fieldName] = $event),
@@ -4409,6 +4457,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     default: withCtx(() => [
                       (openBlock(), createBlock(resolveDynamicComponent(element.ControlType), {
                         drag: true,
+                        size: "default",
                         item: element,
                         data: {}
                       }, null, 8, ["item"]))
@@ -4440,6 +4489,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                         ref: "controlObj",
                         onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("change")),
                         item: listItem,
+                        size: "default",
                         data: _ctx.data || "{}",
                         drag: false
                       }, null, 40, ["item", "data"]))
@@ -4450,6 +4500,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     ref: "controlObj",
                     onChange: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("change")),
                     key: listItem.id,
+                    size: "default",
                     item: listItem,
                     data: _ctx.data || "{}",
                     drag: false
@@ -4555,6 +4606,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   }, {
                     default: withCtx(() => [
                       (openBlock(), createBlock(resolveDynamicComponent(element.ControlType), {
+                        size: "default",
                         drag: true,
                         item: element,
                         data: {}
@@ -4577,6 +4629,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                         onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("change")),
                         item: listItem,
                         data: _ctx.data || "{}",
+                        size: "default",
                         drag: false
                       }, null, 40, ["item", "data"]))
                     ]),
@@ -4585,6 +4638,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                     ref_for: true,
                     ref: "controlObj",
                     onChange: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("change")),
+                    size: "default",
                     key: listItem.id,
                     item: listItem,
                     data: _ctx.data || "{}",
@@ -4999,78 +5053,110 @@ class Flex {
    * json转标准数据格式进行收口
    */
   jsonToForm(item) {
-    if (!item.data || !item.controlItems) {
-      item = this.deepClone(item);
-      const currentComponent = window.VApp.$formcomponents[item.ControlType];
-      item.formConfig = window.VApp.$formcomponents[item.ControlType]?.formConfig || {};
-      if (!item.data) {
-        item.data = item.formConfig.data();
-      }
-      if (!item.data.fieldName) {
-        item.data.fieldName = item.ControlType + "_" + this.generateMixed();
+    try {
+      if (!item || !item.ControlType) {
+        console.error("jsonToForm: 无效的 item 参数", item);
+        return item;
       }
-      if (item.layout) {
-        if (item.ControlType == "Grid" && item.data.columns && item.data.columns.length > 0) {
-          item.data.columns = item.data.columns.map((colItem) => {
-            if (colItem.list && colItem.list.length > 0) {
-              colItem.list = this.jsonToForm(colItem.list);
-            }
-            return colItem;
-          });
-        } else if (item.ControlType == "TableLayout" && item.data.trs && item.data.trs.length > 0) {
-          item.data.trs = item.data.trs.map((trItem) => {
-            trItem.tds.forEach((tdItem) => {
-              if (tdItem.list && tdItem.list.length > 0) {
-                tdItem.list = this.jsonToForm(tdItem.list);
+      if (!item.data || !item.controlItems) {
+        item = this.deepClone(item);
+        const currentComponent = window.VApp.$formcomponents[item.ControlType];
+        if (!currentComponent) {
+          console.warn(`jsonToForm: 未找到组件 ${item.ControlType}，使用默认配置`);
+          item.formConfig = {
+            data: () => ({}),
+            morenConfig: () => []
+          };
+        } else {
+          item.formConfig = currentComponent.formConfig || {};
+        }
+        if (!item.data) {
+          if (item.formConfig.data && typeof item.formConfig.data === "function") {
+            item.data = item.formConfig.data();
+          } else {
+            console.warn(`jsonToForm: ${item.ControlType} 缺少 data 方法，使用空对象`);
+            item.data = {};
+          }
+        }
+        if (!item.data.fieldName) {
+          item.data.fieldName = item.ControlType + "_" + this.generateMixed();
+        }
+        if (item.layout) {
+          if (item.ControlType == "Grid" && item.data.columns && Array.isArray(item.data.columns)) {
+            item.data.columns = item.data.columns.map((colItem) => {
+              if (colItem.list && Array.isArray(colItem.list)) {
+                colItem.list = colItem.list.map((listItem) => this.jsonToForm(listItem));
               }
-              return tdItem;
+              return colItem;
             });
-            return trItem;
-          });
-        } else if ((item.ControlType == "Collapse" || item.ControlType == "Tabs") && item.data.items && item.data.items.length > 0) {
-          item.data.items = item.data.items.map((colItem) => {
-            if (colItem.list && colItem.list.length > 0) {
-              colItem.list = this.jsonToForm(colItem.list);
-            }
-            return colItem;
-          });
+          } else if (item.ControlType == "TableLayout" && item.data.trs && Array.isArray(item.data.trs)) {
+            item.data.trs = item.data.trs.map((trItem) => {
+              if (trItem.tds && Array.isArray(trItem.tds)) {
+                trItem.tds = trItem.tds.map((tdItem) => {
+                  if (tdItem.list && Array.isArray(tdItem.list)) {
+                    tdItem.list = tdItem.list.map((listItem) => this.jsonToForm(listItem));
+                  }
+                  return tdItem;
+                });
+              }
+              return trItem;
+            });
+          } else if ((item.ControlType == "Collapse" || item.ControlType == "Tabs") && item.data.items && Array.isArray(item.data.items)) {
+            item.data.items = item.data.items.map((colItem) => {
+              if (colItem.list && Array.isArray(colItem.list)) {
+                colItem.list = colItem.list.map((listItem) => this.jsonToForm(listItem));
+              }
+              return colItem;
+            });
+          }
         }
-      }
-      const dynamicList = formStore?.get("globalFormList")?.filter((item2) => {
-        if (item2.dynamic) {
-          return item2;
+        const dynamicList = formStore?.get("globalFormList")?.filter((globalItem) => {
+          return globalItem && globalItem.dynamic;
+        }) || [];
+        item.id = item.id || this.generateMixed();
+        let controlItems = [];
+        if (item.formConfig.morenConfig && typeof item.formConfig.morenConfig === "function") {
+          controlItems = item.formConfig.morenConfig().concat(dynamicList);
+        } else {
+          console.warn(`jsonToForm: ${item.ControlType} 缺少 morenConfig 方法，使用空数组`);
+          controlItems = dynamicList;
         }
-      });
-      item.id = this.generateMixed();
-      let controlItems = item.formConfig.morenConfig().concat(dynamicList);
-      if (currentComponent.actionType && currentComponent.actionType.length > 0) {
-        console.log(controlItems);
-        controlItems.find((item2) => {
-          if (item2.ControlType == "Action") {
-            item2.data.formConfig = {
+        if (currentComponent && currentComponent.actionType && Array.isArray(currentComponent.actionType) && currentComponent.actionType.length > 0) {
+          const actionControl = controlItems.find((controlItem) => controlItem && controlItem.ControlType == "Action");
+          if (actionControl) {
+            actionControl.data = actionControl.data || {};
+            actionControl.data.formConfig = {
               value: {},
               items: []
             };
             currentComponent.actionType.forEach((action2, index) => {
-              item2.data.formConfig.items.push({
-                label: action2,
-                value: action2,
-                id: index + 1
-              });
+              if (actionControl.data.formConfig) {
+                actionControl.data.formConfig.items.push({
+                  label: action2,
+                  value: action2,
+                  id: index + 1
+                });
+              }
             });
           }
-        });
-      } else {
-        controlItems = controlItems.filter((item2) => {
-          if (item2.ControlType !== "Action") {
-            return item2;
-          }
-        });
+        } else {
+          controlItems = controlItems.filter((controlItem) => {
+            return controlItem && controlItem.ControlType !== "Action";
+          });
+        }
+        if (this.controlFormRule && typeof this.controlFormRule === "function") {
+          item.rules = this.controlFormRule(controlItems, item);
+        } else {
+          console.warn("jsonToForm: controlFormRule 方法不存在，使用空数组");
+          item.rules = [];
+        }
+        item.controlItems = controlItems;
       }
-      item.rules = this.controlFormRule(controlItems);
-      item.controlItems = controlItems;
+      return item;
+    } catch (error) {
+      console.error("jsonToForm: 处理组件时发生错误", error, item);
+      return item;
     }
-    return item;
   }
   /**
    * 完整的表单列表数据进行删减,方便展示
@@ -5218,7 +5304,7 @@ Object.keys(files).forEach((fileName) => {
   }
 });
 const RichText = defineAsyncComponent({
-  loader: () => import('./index-16bc32d0.mjs'),
+  loader: () => import('./index-926a31bc.mjs'),
   loadingComponent: Loading
 });
 RichText.ControlType = "RichText";
@@ -5227,7 +5313,7 @@ RichText.icon = "icon-textEdit";
 RichText.formConfig = getFormConfig("RichText");
 utilFuns[RichText.ControlType] = RichText;
 const jsonEditor = defineAsyncComponent({
-  loader: () => import('./index-1132b976.mjs'),
+  loader: () => import('./index-b97774de.mjs'),
   loadingComponent: Loading
 });
 jsonEditor.ControlType = "JsonEditor";
@@ -5237,14 +5323,14 @@ jsonEditor.formConfig = getFormConfig("JsonEditor", [{ fieldName: "default", com
 jsonEditor.rule = _.getJsonValidate();
 utilFuns[jsonEditor.ControlType] = jsonEditor;
 const formAction = defineAsyncComponent({
-  loader: () => import('./formAction-5c75f7d1.mjs'),
+  loader: () => import('./formAction-1e01e917.mjs'),
   loadingComponent: Loading
 });
 formAction.ControlType = "FormAction";
 formAction.isHide = true;
 utilFuns[formAction.ControlType] = formAction;
 const Rule = defineAsyncComponent({
-  loader: () => import('./index-20cd69ac.mjs'),
+  loader: () => import('./index-b62b5782.mjs'),
   loadingComponent: Loading
 });
 Rule.ControlType = "Rule";
@@ -5253,7 +5339,7 @@ utilFuns[Rule.ControlType] = Rule;
 const install = (app) => {
   app.config.globalProperties.$formcomponents = utilFuns;
 };
-const Dynamicform = defineAsyncComponent(() => import('./starfish-form-f84a17c3.mjs'));
+const Dynamicform = defineAsyncComponent(() => import('./starfish-form-bbc0124d.mjs'));
 const main = {
   install
 };

package/dist/{starfish-form-f84a17c3.mjs → starfish-form-bbc0124d.mjs}

@@ -3,7 +3,7 @@ import 'element-plus/es/components/base/style/css';
 import 'element-plus/es/components/form/style/css';
 import 'element-plus/es/components/form-item/style/css';
 import { defineComponent, getCurrentInstance, ref, onMounted, openBlock, createElementBlock, createVNode, mergeProps, withCtx, Fragment, renderList, createBlock, resolveDynamicComponent, createCommentVNode, toRaw } from 'vue';
-import { _ as _export_sfc } from './main-a1705ce2.mjs';
+import { _ as _export_sfc } from './main-f8d74300.mjs';
 import 'element-plus/es/components/icon/style/css';
 import 'element-plus/es/components/input/style/css';
 import 'element-plus/es/components/checkbox/style/css';

package/dist/starfish-form.mjs

@@ -1,4 +1,4 @@
-export { D as Dynamicform, m as default } from './main-a1705ce2.mjs';
+export { D as Dynamicform, m as default } from './main-f8d74300.mjs';
 import 'vue';
 import 'element-plus/es';
 import 'element-plus/es/components/base/style/css';

package/dist/types/form/src/utils/fieldConfig.d.ts

@@ -62,6 +62,7 @@ interface Config {
     fieldName: string;
     component: string;
     label?: string;
+    format?: string;
 }
 interface FormConfigReturn {
     data: () => fields;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "starfish-form-custom",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "main": "dist/starfish-form.mjs",
   "style": "dist/style.css",
   "module": "dist/starfish-form.mjs",