super-page-designer 2.0.23 → 2.0.31

package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-autoset.vue.js

@@ -32,47 +32,58 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       tempTreeType = tempTreeType ? tempTreeType : "DeptUserTree";
       return tempTreeType.includes("User") ? "user" : "dept";
     });
-    const sourceFields = [{
-      name: "ID",
-      value: "id",
-      types: ["user", "dept"]
-    }, {
-      name: "编码",
-      value: "code",
-      types: ["dept"]
-    }, {
-      name: "名称",
-      value: "name",
-      types: ["user", "dept"]
-    }, {
-      name: "登录名",
-      value: "loginName",
-      types: ["user"]
-    }, {
-      name: "Email",
-      value: "email",
-      types: ["user"]
-    }, {
-      name: "Telephone",
-      value: "电话",
-      types: ["user"]
-    }, {
-      name: "正职部门名称",
-      value: "mainDeptName",
-      types: ["user"]
-    }, {
-      name: "正职部门ID",
-      value: "mainDeptId",
-      types: ["user"]
-    }, {
-      name: "分支机构名称",
-      value: "subCompanyName",
-      types: ["user"]
-    }, {
-      name: "分支机构ID",
-      value: "subCompanyId",
-      types: ["user"]
-    }];
+    const sourceFields = [
+      {
+        name: "ID",
+        value: "id",
+        types: ["user", "dept"]
+      },
+      {
+        name: "编码",
+        value: "code",
+        types: ["dept"]
+      },
+      {
+        name: "名称",
+        value: "name",
+        types: ["user", "dept"]
+      },
+      {
+        name: "登录名",
+        value: "loginName",
+        types: ["user"]
+      },
+      {
+        name: "Email",
+        value: "email",
+        types: ["user"]
+      },
+      {
+        name: "Telephone",
+        value: "电话",
+        types: ["user"]
+      },
+      {
+        name: "正职部门名称",
+        value: "mainDeptName",
+        types: ["user"]
+      },
+      {
+        name: "正职部门ID",
+        value: "mainDeptId",
+        types: ["user"]
+      },
+      {
+        name: "分支机构名称",
+        value: "subCompanyName",
+        types: ["user"]
+      },
+      {
+        name: "分支机构ID",
+        value: "subCompanyId",
+        types: ["user"]
+      }
+    ];
     function queryIndex(rowItem) {
       let sortIndex = -1;
       const itemLen = otherFieldSets.length;
@@ -148,8 +159,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         (openBlock(), createElementBlock(Fragment, null, renderList(sourceFields, (item) => {
                           return withDirectives(createVNode(_component_el_option, {
                             key: item.name,
-                            label: item.alias,
-                            value: item.name
+                            label: item.name,
+                            value: item.value
                           }, null, 8, ["label", "value"]), [
                             [vShow, item.types.includes(treeType.value)]
                           ]);
@@ -168,7 +179,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   default: withCtx((scope) => [
                     createVNode(BindVariable, {
                       modelValue: scope.row.target,
-                      paramTypes: ["data"],
+                      paramTypes: ["data", "page"],
                       "onUpdate:modelValue": (val) => afterBindLabelVariable(val, scope.row)
                     }, null, 8, ["modelValue", "onUpdate:modelValue"])
                   ]),
@@ -181,7 +192,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   default: withCtx((scope) => [
                     createVNode(_component_el_icon, {
                       size: "14",
-                      style: { "color": "#5893EF", "cursor": "pointer", "font-weight": "bold", "margin-right": "8px" },
+                      style: { "color": "#5893ef", "cursor": "pointer", "font-weight": "bold", "margin-right": "8px" },
                       onClick: ($event) => addData(scope.row)
                     }, {
                       default: withCtx(() => [
@@ -191,7 +202,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, 1032, ["onClick"]),
                     createVNode(_component_el_icon, {
                       size: "14",
-                      style: { "color": "#5893EF", "cursor": "pointer" },
+                      style: { "color": "#5893ef", "cursor": "pointer" },
                       onClick: ($event) => deleteData(scope.row)
                     }, {
                       default: withCtx(() => [

package/dist/es/components/design/views/assemblys/form/file-upload/fileupload-attr-base.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, unref, createTextVNode, withDirectives, vShow } from "vue";
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, unref, createCommentVNode, createTextVNode, withDirectives, vShow } from "vue";
 import { getFormComponentOptions } from "../../../../utils/assemblys-config.js";
 import _sfc_main$3 from "../../common/common-attr-size.vue.js";
 import _sfc_main$2 from "../common/uploading.vue.js";
@@ -24,6 +24,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       props.configure.props.uploadConfig = {};
     }
     const openCollapseItems = ref(["base"]);
+    const isTable = ref(false);
+    if (props.configure.isTable) {
+      isTable.value = true;
+    }
     function afterBindVariable(modelValue, fieldName) {
       if (fieldName == "prop") {
         props.configure.props.base.prop = modelValue;
@@ -40,6 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_radio_group = resolveComponent("el-radio-group");
       const _component_el_input_number = resolveComponent("el-input-number");
       const _component_el_collapse_item = resolveComponent("el-collapse-item");
+      const _component_el_radio_button = resolveComponent("el-radio-button");
       const _component_el_text = resolveComponent("el-text");
       const _component_el_checkbox = resolveComponent("el-checkbox");
       const _component_el_col = resolveComponent("el-col");
@@ -130,7 +135,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }),
-                    createVNode(_component_el_form_item, {
+                    !isTable.value ? (openBlock(), createBlock(_component_el_form_item, {
+                      key: 0,
                       label: "绑定权限",
                       class: "amb-design-attr-item"
                     }, {
@@ -141,8 +147,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, null, 8, ["configure"]))
                       ]),
                       _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
+                    })) : createCommentVNode("", true),
+                    !isTable.value ? (openBlock(), createBlock(_component_el_form_item, {
+                      key: 1,
                       label: "标题显示",
                       class: "amb-design-attr-item"
                     }, {
@@ -170,8 +177,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, 8, ["modelValue"])
                       ]),
                       _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
+                    })) : createCommentVNode("", true),
+                    withDirectives(createVNode(_component_el_form_item, {
                       label: "标题",
                       class: "amb-design-attr-item"
                     }, {
@@ -183,7 +190,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, null, 8, ["modelValue"])
                       ]),
                       _: 1
-                    }),
+                    }, 512), [
+                      [vShow, __props.configure.props.base.tittleShow]
+                    ]),
                     withDirectives(createVNode(_component_el_form_item, {
                       label: "标题宽度",
                       class: "amb-design-attr-item"
@@ -252,6 +261,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 uploadConfig: __props.configure.props.uploadConfig
               }, {
                 addition: withCtx((scope) => [
+                  createVNode(_component_el_form_item, {
+                    label: "上传方式",
+                    class: "amb-design-attr-item"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_radio_group, {
+                        modelValue: scope.row.displayType,
+                        "onUpdate:modelValue": ($event) => scope.row.displayType = $event,
+                        size: "small"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_el_radio_button, {
+                            label: "输入框",
+                            value: "input"
+                          }),
+                          createVNode(_component_el_radio_button, {
+                            label: "按钮",
+                            value: "button"
+                          }),
+                          createVNode(_component_el_radio_button, {
+                            label: "拖拽",
+                            value: "drag"
+                          })
+                        ]),
+                        _: 2
+                      }, 1032, ["modelValue", "onUpdate:modelValue"])
+                    ]),
+                    _: 2
+                  }, 1024),
                   createVNode(_component_el_form_item, {
                     label: "文件类型",
                     class: "amb-design-attr-item"
@@ -331,10 +369,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })),
-              (openBlock(), createBlock(_sfc_main$3, {
+              !isTable.value ? (openBlock(), createBlock(_sfc_main$3, {
                 key: __props.configure.uuid,
                 size: __props.configure.props.size
-              }, null, 8, ["size"]))
+              }, null, 8, ["size"])) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["modelValue"])

package/dist/es/components/design/views/assemblys/form/file-upload/fileupload-design.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createVNode, unref } from "vue";
 import { caculateDetailComponentStyle, caculateComponentProps } from "../../../../utils/form-design-util.js";
-import { FsUploadList } from "agilebuilder-ui";
+import { FsUploadNew } from "agilebuilder-ui";
 import "@element-plus/icons-vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "fileupload-design",
@@ -22,33 +22,46 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const uploadConfig = defineProps.uploadConfig ? defineProps.uploadConfig : {};
       const propBase = defineProps.base ? defineProps.base : {};
       const tempProps = {};
+      if (uploadConfig["drag"]) {
+        tempProps["drag"] = uploadConfig["drag"];
+      }
+      tempProps["prop"] = propBase.prop;
+      tempProps["propName"] = propBase.propName;
+      tempProps["displayType"] = uploadConfig["displayType"] ? uploadConfig.displayType : "input";
       tempProps["state"] = propBase.state;
-      const fileSetObj = {};
+      tempProps["placeholder"] = propBase.placeholder;
       if (uploadConfig.accept) {
-        fileSetObj.accept = uploadConfig.accept;
+        tempProps.accept = uploadConfig.accept;
       }
       if (uploadConfig.multiple) {
-        fileSetObj.multiple = uploadConfig.multiple;
+        tempProps.multiple = uploadConfig.multiple;
       }
       if (uploadConfig.limitFileSize) {
-        fileSetObj.limitFileSize = uploadConfig.limitFileSize;
+        tempProps.limitFileSize = uploadConfig.limitFileSize;
       }
-      tempProps.fileSetObj = fileSetObj;
       tempProps["isDeleteNow"] = uploadConfig.isDeleteNow;
       Object.assign(designProperty.value, tempProps);
     }
-    watch(props.configure.style, () => {
-      caculateDetailComponentStyle(props.configure, designStyle, designClass, designHeaderStyle);
-      props.configure.runtime.style = designStyle.value;
-      props.configure.runtime.class = designClass.value;
-      props.configure.runtime.headerStyle = designHeaderStyle.value;
-    }, { immediate: true });
-    watch(props.configure.props, () => {
-      caculateComponentProps(props.configure, designProperty);
-      getRestsParameter();
-      props.configure.runtime.props = designProperty.value;
-      console.log("designProperty", designProperty.value);
-    }, { immediate: true });
+    watch(
+      props.configure.style,
+      () => {
+        caculateDetailComponentStyle(props.configure, designStyle, designClass, designHeaderStyle);
+        props.configure.runtime.style = designStyle.value;
+        props.configure.runtime.class = designClass.value;
+        props.configure.runtime.headerStyle = designHeaderStyle.value;
+      },
+      { immediate: true }
+    );
+    watch(
+      props.configure.props,
+      () => {
+        caculateComponentProps(props.configure, designProperty);
+        getRestsParameter();
+        props.configure.runtime.props = designProperty.value;
+        console.log("designProperty", designProperty.value);
+      },
+      { immediate: true }
+    );
     return (_ctx, _cache) => {
       const _component_el_form_item = resolveComponent("el-form-item");
       return openBlock(), createBlock(_component_el_form_item, {
@@ -64,12 +77,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, toDisplayString(designProperty.value.title ? designProperty.value.title : "Files"), 5)) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
-          createVNode(unref(FsUploadList), {
+          createVNode(unref(FsUploadNew), {
             disabled: designProperty.value.state == "disabled",
-            style: { "width": "100%" },
-            fileSetObj: designProperty.value.fileSetObj,
-            fileInfo: "{name:'',serverPath:''}"
-          }, null, 8, ["disabled", "fileSetObj"])
+            displayType: designProperty.value.displayType,
+            accept: designProperty.value.accept,
+            multiple: designProperty.value.multiple,
+            placeholder: designProperty.value.placeholder,
+            limit: designProperty.value.limit,
+            "limit-file-size": designProperty.value.limitFileSize,
+            "file-info": _ctx.fileInfo,
+            "file-list": _ctx.fileList,
+            "on-success": _ctx.onSuccess,
+            "on-remove": _ctx.onRemove,
+            "before-upload": _ctx.beforeUpload
+          }, null, 8, ["disabled", "displayType", "accept", "multiple", "placeholder", "limit", "limit-file-size", "file-info", "file-list", "on-success", "on-remove", "before-upload"])
         ]),
         _: 1
       }, 8, ["required", "class", "label-width", "style"]);

package/dist/es/components/design/views/assemblys/form/input-number/input-number-attr-base.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, unref, createTextVNode, withDirectives, vShow } from "vue";
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, unref, createCommentVNode, createTextVNode, withDirectives, vShow } from "vue";
 import { getFormComponentOptions } from "../../../../utils/assemblys-config.js";
 import _sfc_main$2 from "../../common/common-attr-size.vue.js";
 import BindVariable from "../../common/common-variable-bind.vue.js";
@@ -17,6 +17,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const openCollapseItems = ref(["base"]);
+    const isTable = ref(false);
+    if (props.configure.isTable) {
+      isTable.value = true;
+    }
     function afterBindVariable(modelValue) {
       props.configure.props.base.prop = modelValue;
     }
@@ -93,7 +97,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }),
-                    createVNode(_component_el_form_item, {
+                    !isTable.value ? (openBlock(), createBlock(_component_el_form_item, {
+                      key: 0,
                       label: "绑定变量",
                       class: "amb-design-attr-item"
                     }, {
@@ -106,7 +111,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, null, 8, ["modelValue"]))
                       ]),
                       _: 1
-                    }),
+                    })) : createCommentVNode("", true),
                     createVNode(_component_el_form_item, {
                       label: "默认值",
                       class: "amb-design-attr-item"
@@ -120,7 +125,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }),
-                    createVNode(_component_el_form_item, {
+                    !isTable.value ? (openBlock(), createBlock(_component_el_form_item, {
+                      key: 1,
                       label: "绑定权限",
                       class: "amb-design-attr-item"
                     }, {
@@ -131,8 +137,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, null, 8, ["configure"]))
                       ]),
                       _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
+                    })) : createCommentVNode("", true),
+                    !isTable.value ? (openBlock(), createBlock(_component_el_form_item, {
+                      key: 2,
                       label: "标题显示",
                       class: "amb-design-attr-item"
                     }, {
@@ -160,8 +167,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, 8, ["modelValue"])
                       ]),
                       _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
+                    })) : createCommentVNode("", true),
+                    withDirectives(createVNode(_component_el_form_item, {
                       label: "标题",
                       class: "amb-design-attr-item"
                     }, {
@@ -173,7 +180,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, null, 8, ["modelValue"])
                       ]),
                       _: 1
-                    }),
+                    }, 512), [
+                      [vShow, __props.configure.props.base.tittleShow]
+                    ]),
                     withDirectives(createVNode(_component_el_form_item, {
                       label: "标题宽度",
                       class: "amb-design-attr-item"
@@ -436,10 +445,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })),
-              (openBlock(), createBlock(_sfc_main$2, {
+              !isTable.value ? (openBlock(), createBlock(_sfc_main$2, {
                 key: __props.configure.uuid,
                 size: __props.configure.props.size
-              }, null, 8, ["size"]))
+              }, null, 8, ["size"])) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["modelValue"])

package/dist/es/components/design/views/assemblys/form/input-text/inputtext-attr-base.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, unref, createTextVNode, withDirectives, vShow, createCommentVNode } from "vue";
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, unref, createCommentVNode, createTextVNode, withDirectives, vShow } from "vue";
 import { getFormComponentOptions } from "../../../../utils/assemblys-config.js";
 import _sfc_main$4 from "../common/verification.vue.js";
 import _sfc_main$5 from "../../common/common-attr-size.vue.js";
@@ -28,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     if (!props.configure.props.base) {
-      props.configure.props.base = {};
+      props.configure.props.base = { prop: "" };
     }
     if (!props.configure.props.preSuffix) {
       props.configure.props.preSuffix = {};
@@ -39,6 +39,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     if (!props.configure.props.scan) {
       props.configure.props.scan = {};
     }
+    const isTable = ref(false);
+    if (props.configure.isTable) {
+      isTable.value = true;
+    }
     const openCollapseItems = ref(["base"]);
     const BarCodeRuleOff = ref(false);
     function barCodeRuleClose() {
@@ -122,7 +126,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }),
-                    createVNode(_component_el_form_item, {
+                    !isTable.value ? (openBlock(), createBlock(_component_el_form_item, {
+                      key: 0,
                       label: "绑定变量",
                       class: "amb-design-attr-item"
                     }, {
@@ -135,7 +140,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, null, 8, ["modelValue"]))
                       ]),
                       _: 1
-                    }),
+                    })) : createCommentVNode("", true),
                     createVNode(_component_el_form_item, {
                       label: "默认值",
                       class: "amb-design-attr-item"
@@ -149,7 +154,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }),
-                    createVNode(_component_el_form_item, {
+                    !isTable.value ? (openBlock(), createBlock(_component_el_form_item, {
+                      key: 1,
                       label: "绑定权限",
                       class: "amb-design-attr-item"
                     }, {
@@ -160,8 +166,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, null, 8, ["configure"]))
                       ]),
                       _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
+                    })) : createCommentVNode("", true),
+                    !isTable.value ? (openBlock(), createBlock(_component_el_form_item, {
+                      key: 2,
                       label: "标题显示",
                       class: "amb-design-attr-item"
                     }, {
@@ -189,8 +196,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, 8, ["modelValue"])
                       ]),
                       _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
+                    })) : createCommentVNode("", true),
+                    withDirectives(createVNode(_component_el_form_item, {
                       label: "标题",
                       class: "amb-design-attr-item"
                     }, {
@@ -202,7 +209,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, null, 8, ["modelValue"])
                       ]),
                       _: 1
-                    }),
+                    }, 512), [
+                      [vShow, __props.configure.props.base.tittleShow]
+                    ]),
                     withDirectives(createVNode(_component_el_form_item, {
                       label: "标题宽度",
                       class: "amb-design-attr-item"
@@ -431,12 +440,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 key: __props.configure.uuid,
                 verification: __props.configure.props.verification
               }, null, 8, ["verification"])),
-              (openBlock(), createBlock(_sfc_main$5, {
+              !isTable.value ? (openBlock(), createBlock(_sfc_main$5, {
                 key: __props.configure.uuid,
                 size: __props.configure.props.size
-              }, null, 8, ["size"])),
+              }, null, 8, ["size"])) : createCommentVNode("", true),
               BarCodeRuleOff.value ? (openBlock(), createBlock(_sfc_main$6, {
-                key: 0,
+                key: 1,
                 ruleList: __props.configure.props.scan.ruleList,
                 onRemove: barCodeRuleRemove,
                 onClose: barCodeRuleClose

package/dist/es/components/design/views/assemblys/form/input-text/inputtext-design.vue2.js

@@ -23,9 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       let defineProps = props.configure.props ? props.configure.props : {};
       const tempProps = {};
       if (defineProps["scan"] && defineProps["scan"]["enable"]) {
-        tempProps["enable"] = true;
-      } else {
-        tempProps["enable"] = false;
+        tempProps["scan"] = defineProps["scan"];
       }
       const preSuffix = defineProps.preSuffix ? defineProps.preSuffix : {};
       if (preSuffix.preIconType || preSuffix.preText || preSuffix.sufIconType || preSuffix.sufText) {
@@ -39,18 +37,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       Object.assign(designProperty.value, tempProps);
     }
-    watch(props.configure.style, () => {
-      caculateDetailComponentStyle(props.configure, designStyle, designClass, designHeaderStyle);
-      console.log("%c描述-102351", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", designStyle.value);
-      props.configure.runtime.style = designStyle.value;
-      props.configure.runtime.class = designClass.value;
-      props.configure.runtime.headerStyle = designHeaderStyle.value;
-    }, { immediate: true });
-    watch(props.configure.props, () => {
-      caculateComponentProps(props.configure, designProperty);
-      getRestsParameter();
-      props.configure.runtime.props = designProperty.value;
-    }, { immediate: true });
+    watch(
+      props.configure.style,
+      () => {
+        caculateDetailComponentStyle(props.configure, designStyle, designClass, designHeaderStyle);
+        console.log("%c描述-102351", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", designStyle.value);
+        props.configure.runtime.style = designStyle.value;
+        props.configure.runtime.class = designClass.value;
+        props.configure.runtime.headerStyle = designHeaderStyle.value;
+      },
+      { immediate: true }
+    );
+    watch(
+      props.configure.props,
+      () => {
+        caculateComponentProps(props.configure, designProperty);
+        getRestsParameter();
+        props.configure.runtime.props = designProperty.value;
+      },
+      { immediate: true }
+    );
     return (_ctx, _cache) => {
       const _component_el_input = resolveComponent("el-input");
       const _component_el_form_item = resolveComponent("el-form-item");