starfish-form-custom 1.0.26 → 1.0.28

package/dist/{formAction-cad81869.mjs → formAction-47d46ff6.mjs}

@@ -11,7 +11,7 @@ import 'element-plus/es/components/button/style/css';
 import 'element-plus/es/components/tooltip/style/css';
 import { defineComponent, inject, ref, getCurrentInstance, reactive, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, toDisplayString, createCommentVNode, createBlock, withCtx, createVNode, Fragment, renderList, withModifiers, createTextVNode } from 'vue';
 import { Codemirror } from 'vue-codemirror';
-import { _ as _export_sfc } from './main-c35b558b.mjs';
+import { _ as _export_sfc } from './main-44859f58.mjs';
 import 'element-plus/es/components/icon/style/css';
 import 'element-plus/es/components/checkbox/style/css';
 import '@element-plus/icons-vue';

package/dist/{index-c1995810.mjs → index-283831d1.mjs}

@@ -13,9 +13,9 @@ import 'element-plus/es/components/dropdown-item/style/css';
 import 'element-plus/es/components/button/style/css';
 import 'element-plus/es/components/tooltip/style/css';
 import { defineComponent, getCurrentInstance, inject, computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode, createBlock, withCtx, createVNode, Fragment, renderList, createTextVNode } from 'vue';
-import { _ as _export_sfc, a as _, f as fieldProps, r as ruleList, b as ruleJsonData } from './main-c35b558b.mjs';
+import { _ as _export_sfc, a as _, f as fieldProps, r as ruleList, b as ruleJsonData } from './main-44859f58.mjs';
 import { Delete } from '@element-plus/icons-vue';
-import Dynamicform from './starfish-form-dd44ab87.mjs';
+import Dynamicform from './starfish-form-c0d59f72.mjs';
 import { Codemirror } from 'vue-codemirror';
 import 'element-plus/es/components/input/style/css';
 import 'element-plus/es/components/checkbox/style/css';

package/dist/{index-32206a30.mjs → index-28c1c8c7.mjs}

@@ -3,7 +3,7 @@ import 'element-plus/es/components/base/style/css';
 import 'element-plus/es/components/tooltip/style/css';
 import { defineComponent, ref, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode, createBlock, withCtx } from 'vue';
 import E from 'wangeditor';
-import { _ as _export_sfc, g as getFormConfig, f as fieldProps, u as useWatch } from './main-c35b558b.mjs';
+import { _ as _export_sfc, g as getFormConfig, f as fieldProps, u as useWatch } from './main-44859f58.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/{index-99892fc1.mjs → index-da6c3466.mjs}

@@ -6,7 +6,7 @@ import 'element-plus/es/components/button/style/css';
 import 'element-plus/es/components/main/style/css';
 import 'element-plus/es/components/tooltip/style/css';
 import { defineComponent, ref, onMounted, watch, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode, createBlock, withCtx, createVNode, createTextVNode } from 'vue';
-import { _ as _export_sfc, a as _, g as getFormConfig, f as fieldProps, u as useWatch } from './main-c35b558b.mjs';
+import { _ as _export_sfc, a as _, g as getFormConfig, f as fieldProps, u as useWatch } from './main-44859f58.mjs';
 import JSONEditor from 'jsoneditor';
 import 'element-plus/es/components/icon/style/css';
 import 'element-plus/es/components/input/style/css';

package/dist/{main-c35b558b.mjs → main-44859f58.mjs}

@@ -966,6 +966,10 @@ const fieldProps = {
       return {};
     }
   },
+  readonly: {
+    type: Boolean,
+    default: false
+  },
   labelalign: {
     type: String,
     default: "top"
@@ -2097,7 +2101,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" ? (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, {
+      !_ctx.drag && _ctx.data[_ctx.item.data.fieldName] && (_ctx.item.data.state === "readonly" || _ctx.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),
@@ -2356,7 +2360,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" ? (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, {
+      !_ctx.drag && (_ctx.item.data.state === "readonly" || _ctx.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),
@@ -2555,7 +2559,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" ? (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, {
+      !_ctx.drag && (_ctx.item.data.state === "readonly" || _ctx.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),
@@ -2635,7 +2639,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" ? (openBlock(), createElementBlock("span", _hoisted_3$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_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),
@@ -3204,7 +3208,7 @@ 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" ? (openBlock(), createElementBlock("span", _hoisted_3$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_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),
@@ -3325,7 +3329,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       }, 8, ["modelValue", "placeholder", "disabled", "size"])) : createCommentVNode("", true),
-      !_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, {
+      !_ctx.drag && (_ctx.item.data.state === "readonly" || _ctx.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),
@@ -3730,7 +3734,7 @@ 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 && _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, {
+      !_ctx.drag && (_ctx.item.data.state === "readonly" || _ctx.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),
@@ -3839,7 +3843,7 @@ 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 && _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, {
+      !_ctx.drag && (_ctx.item.data.state === "readonly" || _ctx.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],
@@ -4497,8 +4501,9 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                         item: listItem,
                         size: "default",
                         data: _ctx.data || "{}",
-                        drag: false
-                      }, null, 40, ["item", "data"]))
+                        drag: false,
+                        readonly: _ctx.readonly
+                      }, null, 40, ["item", "data", "readonly"]))
                     ]),
                     _: 2
                   }, 1032, ["prop"])) : (openBlock(), createBlock(resolveDynamicComponent(listItem.ControlType), {
@@ -4509,8 +4514,9 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     size: "default",
                     item: listItem,
                     data: _ctx.data || "{}",
-                    drag: false
-                  }, null, 40, ["item", "data"]))
+                    drag: false,
+                    readonly: _ctx.readonly
+                  }, null, 40, ["item", "data", "readonly"]))
                 ], 64);
               }), 256))
             ]),
@@ -4643,8 +4649,9 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                         item: listItem,
                         data: _ctx.data || "{}",
                         size: "default",
-                        drag: false
-                      }, null, 40, ["item", "data"]))
+                        drag: false,
+                        readonly: _ctx.readonly
+                      }, null, 40, ["item", "data", "readonly"]))
                     ]),
                     _: 2
                   }, 1032, ["prop"])) : (openBlock(), createBlock(resolveDynamicComponent(listItem.ControlType), {
@@ -4655,8 +4662,9 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                     key: listItem.id,
                     item: listItem,
                     data: _ctx.data || "{}",
-                    drag: false
-                  }, null, 40, ["item", "data"]))
+                    drag: false,
+                    readonly: _ctx.readonly
+                  }, null, 40, ["item", "data", "readonly"]))
                 ], 64);
               }), 256)) : createCommentVNode("", true)
             ]);
@@ -5317,7 +5325,7 @@ Object.keys(files).forEach((fileName) => {
   }
 });
 const RichText = defineAsyncComponent({
-  loader: () => import('./index-32206a30.mjs'),
+  loader: () => import('./index-28c1c8c7.mjs'),
   loadingComponent: Loading
 });
 RichText.ControlType = "RichText";
@@ -5326,7 +5334,7 @@ RichText.icon = "icon-textEdit";
 RichText.formConfig = getFormConfig("RichText");
 utilFuns[RichText.ControlType] = RichText;
 const jsonEditor = defineAsyncComponent({
-  loader: () => import('./index-99892fc1.mjs'),
+  loader: () => import('./index-da6c3466.mjs'),
   loadingComponent: Loading
 });
 jsonEditor.ControlType = "JsonEditor";
@@ -5336,14 +5344,14 @@ jsonEditor.formConfig = getFormConfig("JsonEditor", [{ fieldName: "default", com
 jsonEditor.rule = _.getJsonValidate();
 utilFuns[jsonEditor.ControlType] = jsonEditor;
 const formAction = defineAsyncComponent({
-  loader: () => import('./formAction-cad81869.mjs'),
+  loader: () => import('./formAction-47d46ff6.mjs'),
   loadingComponent: Loading
 });
 formAction.ControlType = "FormAction";
 formAction.isHide = true;
 utilFuns[formAction.ControlType] = formAction;
 const Rule = defineAsyncComponent({
-  loader: () => import('./index-c1995810.mjs'),
+  loader: () => import('./index-283831d1.mjs'),
   loadingComponent: Loading
 });
 Rule.ControlType = "Rule";
@@ -5352,7 +5360,7 @@ utilFuns[Rule.ControlType] = Rule;
 const install = (app) => {
   app.config.globalProperties.$formcomponents = utilFuns;
 };
-const Dynamicform = defineAsyncComponent(() => import('./starfish-form-dd44ab87.mjs'));
+const Dynamicform = defineAsyncComponent(() => import('./starfish-form-c0d59f72.mjs'));
 const main = {
   install
 };

package/dist/{starfish-form-dd44ab87.mjs → starfish-form-c0d59f72.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-c35b558b.mjs';
+import { _ as _export_sfc } from './main-44859f58.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';
@@ -56,6 +56,10 @@ const _sfc_main = defineComponent({
       default() {
         return {};
       }
+    },
+    readonly: {
+      type: Boolean,
+      default: false
     }
   },
   setup(props, { emit }) {
@@ -78,7 +82,9 @@ const _sfc_main = defineComponent({
             });
           } else if (item.type == "func") {
             const mainData = props.formResult;
-            const func = eval(`((rule, value, callback, mainData = mainData) => {${item.value.func}})`);
+            const func = eval(
+              `((rule, value, callback, mainData = mainData) => {${item.value.func}})`
+            );
             result.push({
               validator: func,
               trigger: "blur"
@@ -167,7 +173,9 @@ const _sfc_main = defineComponent({
         } else {
           try {
             if (Array.isArray(item2.data.showRule)) {
-              item2.show = conditionChange(transformData(toRaw(item2.data.showRule)));
+              item2.show = conditionChange(
+                transformData(toRaw(item2.data.showRule))
+              );
             } else {
               item2.show = conditionChange(toRaw(item2.data.showRule));
             }
@@ -315,11 +323,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   ref: "controlObj",
                   onChange: _ctx.handleControlChange
                 }, _ctx.globalConfig, {
+                  readonly: _ctx.readonly,
                   item: item2,
                   data: _ctx.formResult || "{}",
                   drag: false,
                   size: "default"
-                }), null, 16, ["onChange", "item", "data"]))
+                }), null, 16, ["onChange", "readonly", "item", "data"]))
               ]),
               _: 2
             }, 1032, ["prop"])) : item2.show ? (openBlock(), createBlock(resolveDynamicComponent(item2.ControlType), mergeProps({
@@ -329,11 +338,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               onChange: _ctx.handleControlChange,
               key: item2.id
             }, _ctx.globalConfig, {
+              readonly: _ctx.readonly,
               item: item2,
               data: _ctx.formResult || "{}",
               drag: false,
               size: "default"
-            }), null, 16, ["onChange", "item", "data"])) : createCommentVNode("", true)
+            }), null, 16, ["onChange", "readonly", "item", "data"])) : createCommentVNode("", true)
           ], 64);
         }), 256))
       ]),

package/dist/starfish-form.mjs

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

package/dist/types/form/src/main.d.ts

@@ -14,6 +14,10 @@ export declare const Dynamicform: DefineComponent<{
         type: ObjectConstructor;
         default(): {};
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     rules: any;
     ruleForm: Ref<any>;
@@ -34,7 +38,12 @@ export declare const Dynamicform: DefineComponent<{
         type: ObjectConstructor;
         default(): {};
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
+    readonly: boolean;
     allFormList: any;
     formResult: Record<string, any>;
     globalConfig: Record<string, any>;

package/dist/types/form/src/starfish-form.vue.d.ts

@@ -14,6 +14,10 @@ declare const _sfc_main: DefineComponent<{
         type: ObjectConstructor;
         default(): {};
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     rules: any;
     ruleForm: Ref<any>;
@@ -34,7 +38,12 @@ declare const _sfc_main: DefineComponent<{
         type: ObjectConstructor;
         default(): {};
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
+    readonly: boolean;
     allFormList: any;
     formResult: Record<string, any>;
     globalConfig: Record<string, any>;

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

@@ -16,6 +16,10 @@ declare const _default: {
         type: ObjectConstructor;
         default(): {};
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     labelalign: {
         type: StringConstructor;
         default: string;

package/package.json

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

package/src/components/CheckBox/index.vue

@@ -9,7 +9,7 @@
     </div>
     <div class="control" :style="{marginLeft: labelalign != 'top'?labelWidth + 'px': ''}">
       <!-- 只读的时候就只展示文本 -->
-      <span v-if="!drag && data[item.data.fieldName] && item.data.state === 'readonly'">{{ data[item.data.fieldName].join(',') || '--' }}</span>
+      <span v-if="!drag && data[item.data.fieldName] && (item.data.state === 'readonly' || readonly)">{{ data[item.data.fieldName].join(',') || '--' }}</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>

package/src/components/Date/index.vue

@@ -24,7 +24,7 @@
       
       <!-- 实际运行时的组件 -->
       <!-- 只读的时候就展示文字 -->
-      <span v-if="!drag && item.data.state === 'readonly'">{{ formatReadonlyDate(data[item.data.fieldName], item.data.format) }}</span>
+      <span v-if="!drag && (item.data.state === 'readonly' || readonly)">{{ formatReadonlyDate(data[item.data.fieldName], item.data.format) }}</span>
       <el-date-picker 
         v-model="data[item.data.fieldName]" 
         style="width: 320px;"

package/src/components/InputNumber/index.vue

@@ -38,7 +38,7 @@
         v-if="drag"
       />
       <!-- 只读展示文字 -->
-      <span v-if="!drag && item.data.state === 'readonly'">{{ formatReadonlyNumber(data[item.data.fieldName], item.data.precision) }}</span>
+      <span v-if="!drag && (item.data.state === 'readonly' || readonly)">{{ formatReadonlyNumber(data[item.data.fieldName], item.data.precision) }}</span>
       <el-input-number
         v-model="data[item.data.fieldName]"
         style="width: 320px;"

package/src/components/Radio/index.vue

@@ -29,7 +29,7 @@
       class="control"
       :style="{ marginLeft: labelalign != 'top' ? labelWidth + 'px' : '' }"
     >
-      <span v-if="!drag && item.data.state === 'readonly'">{{ data[item.data.fieldName] || '--' }}</span>
+      <span v-if="!drag && (item.data.state === 'readonly' || readonly)">{{ data[item.data.fieldName] || '--' }}</span>
       <el-radio-group
         v-else-if="!drag"
         v-model="data[item.data.fieldName]"

package/src/components/Selected/index.vue

@@ -43,7 +43,7 @@
           :value="items.value"
         />
       </el-select>
-      <span v-if="!drag && item.data.state === 'readonly'">{{ data[item.data.fieldName] || '--' }}</span>
+      <span v-if="!drag && (item.data.state === 'readonly' || readonly)">{{ data[item.data.fieldName] || '--' }}</span>
       <el-select
         v-model="data[item.data.fieldName]"
         style="width: 320px;"

package/src/components/Selecteds/index.vue

@@ -44,7 +44,7 @@
           :value="items.value"
         />
       </el-select>
-      <span v-if="!drag && item.data.state === 'readonly'">{{ data[item.data.fieldName].join(',') || '--' }}</span>
+      <span v-if="!drag && (item.data.state === 'readonly' || readonly)">{{ data[item.data.fieldName].join(',') || '--' }}</span>
       <el-select
         v-model="data[item.data.fieldName]"
         style="width: 320px;"

package/src/components/Text/index.vue

@@ -41,7 +41,7 @@
         :minlength="item.data.minLength"
         :class="'input-' + item.data.align"
       />
-      <span v-if="!drag && item.data.state === 'readonly'">{{ data[item.data.fieldName] || '--' }}</span>
+      <span v-if="!drag && (item.data.state === 'readonly' || readonly)">{{ data[item.data.fieldName] || '--' }}</span>
       <el-input
         v-model="data[item.data.fieldName]"
         style="width: 320px;"

package/src/components/TextArea/index.vue

@@ -40,7 +40,7 @@
         :autosize="item.data.autoHeight"
         :size="size"
       />
-      <span v-if="!drag && item.data.state === 'readonly'">{{ data[item.data.fieldName] || '--' }}</span>
+      <span v-if="!drag && (item.data.state === 'readonly' || readonly)">{{ data[item.data.fieldName] || '--' }}</span>
       <el-input
         type="textarea"
         v-else-if="!drag"

package/src/layout/grid.vue

@@ -16,10 +16,10 @@
         <el-col class="grid-col" v-for="(colItem, index) in item.data.columns" :key="index" :span="colItem.span">
           <template v-for="listItem in colItem.list" >
             <el-form-item :prop="listItem.data.fieldName" :key="listItem.id" v-if="!listItem.layout">
-              <component ref="controlObj" @change="$emit('change')" :is="listItem.ControlType" :item="listItem" size="default" :data="data || '{}'" :drag="false"></component>
+              <component ref="controlObj" @change="$emit('change')" :is="listItem.ControlType" :item="listItem" size="default" :data="data || '{}'" :drag="false" :readonly="readonly"></component>
             </el-form-item>
             <template v-else>
-              <component ref="controlObj" @change="$emit('change')" :key="listItem.id" :is="listItem.ControlType" size="default" :item="listItem" :data="data || '{}'" :drag="false"></component>
+              <component ref="controlObj" @change="$emit('change')" :key="listItem.id" :is="listItem.ControlType" size="default" :item="listItem" :data="data || '{}'" :drag="false" :readonly="readonly"></component>
             </template>
           </template>
         </el-col>

package/src/layout/table.vue

@@ -53,6 +53,7 @@
                   :data="data || '{}'"
                   size="default"
                   :drag="false"
+                  :readonly="readonly"
                 ></component>
               </el-form-item>
               <template v-else>
@@ -65,6 +66,7 @@
                   :item="listItem"
                   :data="data || '{}'"
                   :drag="false"
+                  :readonly="readonly"
                 ></component>
               </template>
             </template>