starfish-form-custom 1.0.46 → 1.0.48

package/dist/{main-d99755be.mjs → main-aab412b3.mjs}

@@ -1109,7 +1109,7 @@ const _hoisted_1$p = {
   key: 0,
   class: "item_require"
 };
-const _hoisted_2$e = { class: "keyValueSelect" };
+const _hoisted_2$f = { class: "keyValueSelect" };
 const _hoisted_3$3 = { class: "keyValueInput" };
 const _hoisted_4$1 = { class: "inputItem" };
 const _hoisted_5$1 = { class: "inputItem" };
@@ -1157,7 +1157,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
           class: "starfish-keyValueItem",
           key: index
         }, [
-          createElementVNode("div", _hoisted_2$e, [
+          createElementVNode("div", _hoisted_2$f, [
             createVNode(_component_el_checkbox, {
               modelValue: items.select,
               "onUpdate:modelValue": ($event) => items.select = $event,
@@ -1338,7 +1338,7 @@ const _hoisted_1$o = {
   key: 0,
   class: "item_require"
 };
-const _hoisted_2$d = { class: "keyValueSelect" };
+const _hoisted_2$e = { class: "keyValueSelect" };
 const _hoisted_3$2 = { class: "keyValueInput" };
 const _hoisted_4 = { class: "inputItem" };
 const _hoisted_5 = { class: "inputItem" };
@@ -1386,7 +1386,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
           class: "starfish-keyValueItem",
           key: index
         }, [
-          createElementVNode("div", _hoisted_2$d, [
+          createElementVNode("div", _hoisted_2$e, [
             createVNode(_component_el_checkbox, {
               modelValue: items.select,
               "onUpdate:modelValue": ($event) => items.select = $event,
@@ -1981,7 +1981,7 @@ const _sfc_main$l = defineComponent({
   }
 });
 const _hoisted_1$l = { class: "label" };
-const _hoisted_2$c = {
+const _hoisted_2$d = {
   key: 0,
   class: "item_require"
 };
@@ -1995,7 +1995,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createElementVNode("div", _hoisted_1$l, [
       createElementVNode("label", null, toDisplayString(_ctx.item.data.label), 1),
-      _ctx.item.data.required ? (openBlock(), createElementBlock("span", _hoisted_2$c, "*")) : createCommentVNode("", true),
+      _ctx.item.data.required ? (openBlock(), createElementBlock("span", _hoisted_2$d, "*")) : createCommentVNode("", true),
       _ctx.item.data.tip ? (openBlock(), createBlock(_component_el_tooltip, {
         key: 1,
         class: "item",
@@ -2051,13 +2051,34 @@ const _sfc_main$k = defineComponent({
   actionType: ["onChange"],
   setup(props) {
     useWatch(props);
+  },
+  methods: {
+    getDisplayText() {
+      const fieldValue = this.data[this.item.data.fieldName];
+      const items = this.item.data.itemConfig?.items || [];
+      if (!fieldValue && fieldValue !== 0 && fieldValue !== false) {
+        return "--";
+      }
+      if (Array.isArray(fieldValue)) {
+        if (fieldValue.length === 0)
+          return "--";
+        const selectedLabels = fieldValue.map((value) => {
+          const item = items.find((item2) => item2.value === value);
+          return item ? item.label : value;
+        });
+        return selectedLabels.join(", ");
+      } else {
+        const item = items.find((item2) => item2.value === fieldValue);
+        return item ? item.label : fieldValue;
+      }
+    }
   }
 });
 const _hoisted_1$k = {
   key: 0,
   class: "item_require"
 };
-const _hoisted_2$b = { key: 0 };
+const _hoisted_2$c = { key: 0 };
 function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
   const _component_el_checkbox = ElCheckbox;
@@ -2088,7 +2109,7 @@ 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] && (_ctx.item.data.state === "readonly" || _ctx.readonly) ? (openBlock(), createElementBlock("span", _hoisted_2$b, toDisplayString(Array.isArray(_ctx.data[_ctx.item.data.fieldName]) ? _ctx.data[_ctx.item.data.fieldName].join(",") || "--" : _ctx.data[_ctx.item.data.fieldName] || "--"), 1)) : !_ctx.drag && _ctx.data[_ctx.item.data.fieldName] ? (openBlock(), createBlock(_component_el_checkbox_group, {
+      !_ctx.drag && (_ctx.item.data.state === "readonly" || _ctx.readonly) ? (openBlock(), createElementBlock("span", _hoisted_2$c, toDisplayString(_ctx.getDisplayText()), 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),
@@ -2164,7 +2185,7 @@ const _hoisted_1$j = {
   key: 0,
   class: "item_require"
 };
-const _hoisted_2$a = { key: 0 };
+const _hoisted_2$b = { key: 0 };
 const _hoisted_3 = { key: 1 };
 function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
@@ -2196,7 +2217,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_2$a, [
+      _ctx.drag ? (openBlock(), createElementBlock("div", _hoisted_2$b, [
         createVNode(_component_el_input, {
           modelValue: _ctx.item.data.default,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.item.data.default = $event),
@@ -2301,7 +2322,7 @@ const _hoisted_1$i = {
   key: 0,
   class: "item_require"
 };
-const _hoisted_2$9 = { key: 1 };
+const _hoisted_2$a = { key: 1 };
 function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
   const _component_el_date_picker = ElDatePicker;
@@ -2344,7 +2365,7 @@ 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 && (_ctx.item.data.state === "readonly" || _ctx.readonly) ? (openBlock(), createElementBlock("span", _hoisted_2$9, toDisplayString(_ctx.formatReadonlyDate(_ctx.data[_ctx.item.data.fieldName], _ctx.item.data.format)), 1)) : !_ctx.drag ? (openBlock(), createBlock(_component_el_date_picker, {
+      !_ctx.drag && (_ctx.item.data.state === "readonly" || _ctx.readonly) ? (openBlock(), createElementBlock("span", _hoisted_2$a, 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),
@@ -2418,7 +2439,7 @@ const _hoisted_1$h = {
   key: 0,
   class: "item_require"
 };
-const _hoisted_2$8 = { key: 1 };
+const _hoisted_2$9 = { key: 1 };
 function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
   const _component_el_date_picker = ElDatePicker;
@@ -2458,7 +2479,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
         disabled: _ctx.item.data.state === "disabled",
         readonly: _ctx.item.data.state === "readonly"
       }, null, 8, ["modelValue", "placeholder", "size", "disabled", "readonly"])) : createCommentVNode("", true),
-      !_ctx.drag && (_ctx.item.data.state === "readonly" || _ctx.readonly) ? (openBlock(), createElementBlock("span", _hoisted_2$8, toDisplayString(_ctx.formatReadonlyDate(_ctx.data[_ctx.item.data.fieldName], _ctx.item.data.format)), 1)) : !_ctx.drag ? (openBlock(), createBlock(_component_el_date_picker, {
+      !_ctx.drag && (_ctx.item.data.state === "readonly" || _ctx.readonly) ? (openBlock(), createElementBlock("span", _hoisted_2$9, 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),
@@ -2526,7 +2547,7 @@ const _hoisted_1$g = {
   key: 0,
   class: "item_require"
 };
-const _hoisted_2$7 = { key: 1 };
+const _hoisted_2$8 = { key: 1 };
 function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
   const _component_el_input_number = ElInputNumber;
@@ -2570,7 +2591,7 @@ 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 && (_ctx.item.data.state === "readonly" || _ctx.readonly) ? (openBlock(), createElementBlock("span", _hoisted_2$7, toDisplayString(_ctx.formatReadonlyNumber(_ctx.data[_ctx.item.data.fieldName], _ctx.item.data.precision)), 1)) : !_ctx.drag ? (openBlock(), createBlock(_component_el_input_number, {
+      !_ctx.drag && (_ctx.item.data.state === "readonly" || _ctx.readonly) ? (openBlock(), createElementBlock("span", _hoisted_2$8, 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),
@@ -2608,13 +2629,24 @@ const _sfc_main$f = defineComponent({
   actionType: ["onChange"],
   setup(props) {
     useWatch(props);
+  },
+  methods: {
+    getDisplayText() {
+      const fieldValue = this.data[this.item.data.fieldName];
+      const items = this.item.data.itemConfig?.items || [];
+      if (fieldValue === void 0 || fieldValue === null || fieldValue === "") {
+        return "--";
+      }
+      const selectedItem = items.find((item) => item.value === fieldValue);
+      return selectedItem ? selectedItem.label : fieldValue;
+    }
   }
 });
 const _hoisted_1$f = {
   key: 0,
   class: "item_require"
 };
-const _hoisted_2$6 = { key: 0 };
+const _hoisted_2$7 = { key: 0 };
 function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
   const _component_el_radio = ElRadio;
@@ -2649,7 +2681,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
       class: "control",
       style: normalizeStyle({ marginLeft: _ctx.labelalign != "top" ? _ctx.labelWidth + "px" : "" })
     }, [
-      !_ctx.drag && (_ctx.item.data.state === "readonly" || _ctx.readonly) ? (openBlock(), createElementBlock("span", _hoisted_2$6, toDisplayString(_ctx.data[_ctx.item.data.fieldName] || "--"), 1)) : !_ctx.drag ? (openBlock(), createBlock(_component_el_radio_group, {
+      !_ctx.drag && (_ctx.item.data.state === "readonly" || _ctx.readonly) ? (openBlock(), createElementBlock("span", _hoisted_2$7, toDisplayString(_ctx.getDisplayText()), 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),
@@ -3059,9 +3091,14 @@ const validateNumberD2 = `(rule, value, callback) => {
 // 电话号码校验规则
 const validatePhone = `(rule, value, callback) => {
     if (value === "" || value == null) {
-      callback(new Error("请输入"));
-    } else if (!/^1(?:3\d|4[4-9]|5[0-35-9]|6[67]|7[013-8]|8\d|9\d)\d{8}$/.test(value)) {
-      callback(new Error("请输入正确的电话号码"));
+      callback(new Error("请输入电话号码"));
+      return;
+    }
+    var re = /^1[3,4,5,6,7,8,9][0-9]{9}$/;
+    
+    if (!re.test(value)) {
+      callback(new Error("请输入正确的11位手机号码"));
+      return;
     }
     callback();
   }`;
@@ -3070,7 +3107,7 @@ const validatePhone = `(rule, value, callback) => {
 const validateIdCard = `(rule, value, callback) => {
     if (value === "" || value == null) {
       callback(new Error("请输入"));
-    } else if (!/^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/.test(value)) {
+    } else if (!/^[1-9]\\d{5}(18|19|20)\\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\\d{3}[0-9Xx]$/.test(value)) {
       callback(new Error("请输入正确的身份证号"));
     }
     callback();
@@ -3156,13 +3193,24 @@ const _sfc_main$e = defineComponent({
         }
       }
     };
+  },
+  methods: {
+    getDisplayText() {
+      const fieldValue = this.data[this.item.data.fieldName];
+      const items = this.item.data.itemConfig?.items || [];
+      if (fieldValue === void 0 || fieldValue === null || fieldValue === "") {
+        return this.item.data.placeholder || "--";
+      }
+      const selectedItem = items.find((item) => item.value === fieldValue);
+      return selectedItem ? selectedItem.label : fieldValue;
+    }
   }
 });
 const _hoisted_1$e = {
   key: 0,
   class: "item_require"
 };
-const _hoisted_2$5 = { key: 1 };
+const _hoisted_2$6 = { key: 1 };
 function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
   const _component_el_option = ElOption;
@@ -3203,6 +3251,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.item.data.itemConfig.value = $event),
         style: { "width": "320px" },
         placeholder: _ctx.item.data.placeholder,
+        clearable: "",
         size: _ctx.size,
         disabled: _ctx.item.data.state === "disabled" || _ctx.item.data.state === "readonly"
       }, {
@@ -3217,13 +3266,14 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       }, 8, ["modelValue", "placeholder", "size", "disabled"])) : createCommentVNode("", true),
-      !_ctx.drag && (_ctx.item.data.state === "readonly" || _ctx.readonly) ? (openBlock(), createElementBlock("span", _hoisted_2$5, toDisplayString(_ctx.data[_ctx.item.data.fieldName] || "--"), 1)) : !_ctx.drag ? (openBlock(), createBlock(_component_el_select, {
+      !_ctx.drag && (_ctx.item.data.state === "readonly" || _ctx.readonly) ? (openBlock(), createElementBlock("span", _hoisted_2$6, toDisplayString(_ctx.getDisplayText()), 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),
         style: { "width": "320px" },
         placeholder: _ctx.item.data.placeholder,
         size: _ctx.size,
+        clearable: "",
         disabled: _ctx.item.data.state === "disabled" || _ctx.item.data.state === "readonly",
         onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.execFunc("onFocus")),
         onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.execFunc("onBlur"))
@@ -3266,22 +3316,6 @@ const _sfc_main$d = defineComponent({
   setup(props) {
     const vm = getCurrentInstance();
     useWatch(props);
-    const getReadonlyDisplayValue = () => {
-      try {
-        const fieldValue = props.data[props.item.data.fieldName];
-        if (Array.isArray(fieldValue)) {
-          return fieldValue.length > 0 ? fieldValue.join(",") : "--";
-        }
-        const configValue = props.item.data.itemConfig?.value;
-        if (Array.isArray(configValue)) {
-          return configValue.length > 0 ? configValue.join(",") : "--";
-        }
-        return "--";
-      } catch (error) {
-        console.error("Error getting readonly display value:", error);
-        return "--";
-      }
-    };
     return {
       execFunc(type) {
         if (props.item.data.action && props.item.data.action[type]) {
@@ -3289,16 +3323,29 @@ const _sfc_main$d = defineComponent({
             props.item.data.fieldName
           ]);
         }
-      },
-      getReadonlyDisplayValue
+      }
     };
+  },
+  methods: {
+    getDisplayText() {
+      const fieldValue = this.data[this.item.data.fieldName];
+      const items = this.item.data.itemConfig?.items || [];
+      if (!fieldValue || !Array.isArray(fieldValue) || fieldValue.length === 0) {
+        return this.item.data.placeholder || "--";
+      }
+      const selectedLabels = fieldValue.map((value) => {
+        const item = items.find((item2) => item2.value === value);
+        return item ? item.label : value;
+      });
+      return selectedLabels.join(", ");
+    }
   }
 });
 const _hoisted_1$d = {
   key: 0,
   class: "item_require"
 };
-const _hoisted_2$4 = { key: 1 };
+const _hoisted_2$5 = { key: 1 };
 function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
   const _component_el_option = ElOption;
@@ -3353,7 +3400,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
           }), 128))
         ]),
         _: 1
-      }, 8, ["modelValue", "placeholder", "disabled", "size"])) : !_ctx.drag && (_ctx.item.data.state === "readonly" || _ctx.readonly) ? (openBlock(), createElementBlock("span", _hoisted_2$4, toDisplayString(_ctx.getReadonlyDisplayValue()), 1)) : (openBlock(), createBlock(_component_el_select, {
+      }, 8, ["modelValue", "placeholder", "disabled", "size"])) : !_ctx.drag && (_ctx.item.data.state === "readonly" || _ctx.readonly) ? (openBlock(), createElementBlock("span", _hoisted_2$5, toDisplayString(_ctx.getDisplayText()), 1)) : (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),
@@ -3603,12 +3650,22 @@ const _sfc_main$a = defineComponent({
   actionType: ["onChange"],
   setup(props) {
     useWatch(props);
+  },
+  methods: {
+    getDisplayText() {
+      const fieldValue = this.data[this.item.data.fieldName];
+      if (fieldValue === void 0 || fieldValue === null) {
+        return "--";
+      }
+      return fieldValue ? "\u662F" : "\u5426";
+    }
   }
 });
 const _hoisted_1$a = {
   key: 0,
   class: "item_require"
 };
+const _hoisted_2$4 = { key: 0 };
 function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
   const _component_el_switch = ElSwitch;
@@ -3642,20 +3699,19 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
       class: "control",
       style: normalizeStyle({ marginLeft: _ctx.labelalign != "top" ? _ctx.labelWidth + "px" : "" })
     }, [
-      _ctx.drag ? (openBlock(), createBlock(_component_el_switch, {
-        key: 0,
+      !_ctx.drag && (_ctx.item.data.state === "readonly" || _ctx.readonly) ? (openBlock(), createElementBlock("span", _hoisted_2$4, toDisplayString(_ctx.getDisplayText()), 1)) : _ctx.drag ? (openBlock(), createBlock(_component_el_switch, {
+        key: 1,
         modelValue: _ctx.item.data.default,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.item.data.default = $event),
         size: _ctx.size,
         disabled: _ctx.item.data.state === "disabled" || _ctx.item.data.state === "readonly"
-      }, null, 8, ["modelValue", "size", "disabled"])) : createCommentVNode("", true),
-      !_ctx.drag ? (openBlock(), createBlock(_component_el_switch, {
-        key: 1,
+      }, null, 8, ["modelValue", "size", "disabled"])) : (openBlock(), createBlock(_component_el_switch, {
+        key: 2,
         modelValue: _ctx.data[_ctx.item.data.fieldName],
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.data[_ctx.item.data.fieldName] = $event),
         size: _ctx.size,
         disabled: _ctx.item.data.state === "disabled" || _ctx.item.data.state === "readonly"
-      }, null, 8, ["modelValue", "size", "disabled"])) : createCommentVNode("", true)
+      }, null, 8, ["modelValue", "size", "disabled"]))
     ], 4)
   ], 2);
 }
@@ -5339,7 +5395,7 @@ Object.keys(files).forEach((fileName) => {
   }
 });
 const RichText = defineAsyncComponent({
-  loader: () => import('./index-0aa74f91.mjs'),
+  loader: () => import('./index-5ee7ae61.mjs'),
   loadingComponent: Loading
 });
 RichText.ControlType = "RichText";
@@ -5348,7 +5404,7 @@ RichText.icon = "icon-textEdit";
 RichText.formConfig = getFormConfig("RichText");
 utilFuns[RichText.ControlType] = RichText;
 const jsonEditor = defineAsyncComponent({
-  loader: () => import('./index-7fc8db96.mjs'),
+  loader: () => import('./index-ec5813e3.mjs'),
   loadingComponent: Loading
 });
 jsonEditor.ControlType = "JsonEditor";
@@ -5358,14 +5414,14 @@ jsonEditor.formConfig = getFormConfig("JsonEditor", [{ fieldName: "default", com
 jsonEditor.rule = _.getJsonValidate();
 utilFuns[jsonEditor.ControlType] = jsonEditor;
 const formAction = defineAsyncComponent({
-  loader: () => import('./formAction-b76664af.mjs'),
+  loader: () => import('./formAction-8f689053.mjs'),
   loadingComponent: Loading
 });
 formAction.ControlType = "FormAction";
 formAction.isHide = true;
 utilFuns[formAction.ControlType] = formAction;
 const Rule = defineAsyncComponent({
-  loader: () => import('./index-d1c1ba4b.mjs'),
+  loader: () => import('./index-3c21357b.mjs'),
   loadingComponent: Loading
 });
 Rule.ControlType = "Rule";
@@ -5374,7 +5430,7 @@ utilFuns[Rule.ControlType] = Rule;
 const install = (app) => {
   app.config.globalProperties.$formcomponents = utilFuns;
 };
-const Dynamicform = defineAsyncComponent(() => import('./starfish-form-0baee1df.mjs'));
+const Dynamicform = defineAsyncComponent(() => import('./starfish-form-a750924c.mjs'));
 const main = {
   install
 };

package/dist/{starfish-form-0baee1df.mjs → starfish-form-a750924c.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-d99755be.mjs';
+import { _ as _export_sfc } from './main-aab412b3.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-d99755be.mjs';
+export { D as Dynamicform, m as default } from './main-aab412b3.mjs';
 import 'vue';
 import 'element-plus/es';
 import 'element-plus/es/components/base/style/css';

package/dist/style.css

@@ -424,15 +424,15 @@
   width: 100%;
   min-height: 60px;
   height: 100%;
-}.rich-text-editor[data-v-244b11c8] {
+}.rich-text-editor[data-v-77a8db1a] {
   min-height: 200px;
   position: relative;
   z-index: 1;
 }
-[data-v-244b11c8] .editor-content {
+[data-v-77a8db1a] .editor-content {
   min-height: 200px;
 }
-[data-v-244b11c8] .editor-content .ql-toolbar {
+[data-v-77a8db1a] .editor-content .ql-toolbar {
   z-index: 100;
   background: white;
   border: 1px solid #ccc;
@@ -440,7 +440,7 @@
   border-top-right-radius: 4px;
   position: relative;
 }
-[data-v-244b11c8] .editor-content .ql-container {
+[data-v-77a8db1a] .editor-content .ql-container {
   border: 1px solid #ccc;
   border-top: none;
   border-bottom-left-radius: 4px;
@@ -448,7 +448,7 @@
   min-height: 200px;
   z-index: 99;
 }
-[data-v-244b11c8] .shape .rich-text-editor {
+[data-v-77a8db1a] .shape .rich-text-editor {
   pointer-events: auto !important;
 }.cm-gutters.cm-gutters-before {
   background: #133F63;

package/package.json

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

package/src/components/CheckBox/index.vue

@@ -9,7 +9,9 @@
     </div>
     <div class="control" :style="{marginLeft: labelalign != 'top'?labelWidth + 'px': ''}">
       <!-- 只读的时候就只展示文本 -->
-      <span v-if="!drag && data[item.data.fieldName] && (item.data.state === 'readonly' || readonly)">{{ Array.isArray(data[item.data.fieldName]) ? data[item.data.fieldName].join(',') || '--' : data[item.data.fieldName] || '--' }}</span>
+      <span v-if="!drag && (item.data.state === 'readonly' || readonly)">
+        {{ getDisplayText() }}
+      </span>
       <el-checkbox-group v-model="data[item.data.fieldName]" :class="{'vertical-group': item.data.arrangeMent === 'vertical'}" v-else-if="!drag && data[item.data.fieldName]" :size="size" :disabled="item.data.state === 'disabled' || item.data.state === 'readonly'">
         <el-checkbox v-for="(sitem, sindex) in item.data.itemConfig.items" :key="sindex" :label="sitem.value">{{ sitem.label }}</el-checkbox>
       </el-checkbox-group>
@@ -19,11 +21,13 @@
     </div>
   </div>
 </template>
+
 <script lang="ts">
   import { defineComponent } from "vue";
   import { getFormConfig } from "../../utils/fieldConfig";
   import fieldProps from "../../utils/fieldProps";
   import { useWatch } from "../../utils/customHooks";
+  
   export default defineComponent({
     ControlType: "CheckBox", // 必须与文件名匹配
     nameCn: "复选框",
@@ -40,5 +44,34 @@
     setup(props) {
       useWatch(props);
     },
+    methods: {
+      getDisplayText() {
+        const fieldValue = this.data[this.item.data.fieldName];
+        const items = this.item.data.itemConfig?.items || [];
+        
+        // 如果没有值，显示默认的 "--"
+        if (!fieldValue && fieldValue !== 0 && fieldValue !== false) {
+          return '--';
+        }
+        
+        // 如果是数组（多选）
+        if (Array.isArray(fieldValue)) {
+          if (fieldValue.length === 0) return '--';
+          
+          // 根据选中的 value 查找对应的 label
+          const selectedLabels = fieldValue.map(value => {
+            const item = items.find(item => item.value === value);
+            return item ? item.label : value;
+          });
+          
+          return selectedLabels.join(', ');
+        } 
+        // 如果是单个值（单选模式）
+        else {
+          const item = items.find(item => item.value === fieldValue);
+          return item ? item.label : fieldValue;
+        }
+      }
+    }
   });
-</script>
+</script>

package/src/components/Radio/index.vue

@@ -1,11 +1,3 @@
-<!--
- * @Author: chenwen chenwen@jiton.com
- * @Date: 2025-07-25 15:26:40
- * @LastEditors: chenwen chenwen@jiton.com
- * @LastEditTime: 2025-12-24 16:07:50
- * @FilePath: \vue-form-design\packages\form\src\components\Radio\index.vue
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--->
 <template>
   <div
     class="starfish-formitem"
@@ -37,7 +29,10 @@
       class="control"
       :style="{ marginLeft: labelalign != 'top' ? labelWidth + 'px' : '' }"
     >
-      <span v-if="!drag && (item.data.state === 'readonly' || readonly)">{{ data[item.data.fieldName] || '--' }}</span>
+      <!-- 只读状态显示对应的 label -->
+      <span v-if="!drag && (item.data.state === 'readonly' || readonly)">
+        {{ getDisplayText() }}
+      </span>
       <el-radio-group
         v-else-if="!drag"
         v-model="data[item.data.fieldName]"
@@ -90,5 +85,22 @@ export default defineComponent({
   setup(props) {
     useWatch(props);
   },
+  methods: {
+    getDisplayText() {
+      const fieldValue = this.data[this.item.data.fieldName];
+      const items = this.item.data.itemConfig?.items || [];
+      
+      // 如果没有值，显示默认的 "--"
+      if (fieldValue === undefined || fieldValue === null || fieldValue === '') {
+        return '--';
+      }
+      
+      // 查找对应的 label
+      const selectedItem = items.find(item => item.value === fieldValue);
+      
+      // 如果找到对应的 label，显示 label，否则显示原始值
+      return selectedItem ? selectedItem.label : fieldValue;
+    }
+  }
 });
-</script>
+</script>