super-page-designer 2.1.52 → 2.1.58

package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue2.js

@@ -1,155 +1,4 @@
-import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, unref, createElementVNode, createTextVNode } from "vue";
-import { Search } from "@element-plus/icons-vue";
-const _hoisted_1 = { class: "dialog-footer" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "dataorigin-input-table",
-  props: {
-    modelValue: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const inputValue = ref(props.modelValue);
-    const emit = __emit;
-    const tableData = [
-      {
-        id: 1,
-        date: "2016-05-03",
-        name: "Tom",
-        address: "No. 189, Grove St, Los Angeles"
-      },
-      {
-        id: 2,
-        date: "2016-05-02",
-        name: "Tom",
-        address: "No. 189, Grove St, Los Angeles"
-      },
-      {
-        id: 3,
-        date: "2016-05-04",
-        name: "Tom",
-        address: "No. 189, Grove St, Los Angeles"
-      },
-      {
-        id: 4,
-        date: "2016-05-01",
-        name: "Tom",
-        address: "No. 189, Grove St, Los Angeles"
-      }
-    ];
-    const dialogVisible = ref(false);
-    const selectData = ref([]);
-    watch(() => props.modelValue, (newVal) => {
-      inputValue.value = newVal;
-    });
-    function confirm() {
-      if (selectData.value.length > 0) {
-        let str = "";
-        selectData.value.forEach((item) => {
-          str = str + item.name + ",";
-        });
-        str = str.substring(0, str.length - 1);
-        emit("update:modelValue", str);
-        dialogVisible.value = false;
-      } else {
-        dialogVisible.value = false;
-      }
-    }
-    function handleSelectionChange(selection) {
-      selectData.value = selection;
-    }
-    function inputClick() {
-      dialogVisible.value = true;
-    }
-    return (_ctx, _cache) => {
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_table_column = resolveComponent("el-table-column");
-      const _component_el_table = resolveComponent("el-table");
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_dialog = resolveComponent("el-dialog");
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_component_el_input, {
-          modelValue: inputValue.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
-          placeholder: "请选择",
-          onClick: inputClick
-        }, {
-          suffix: withCtx(() => [
-            createVNode(_component_el_icon, { onClick: inputClick }, {
-              default: withCtx(() => [
-                createVNode(unref(Search))
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue"]),
-        createVNode(_component_el_dialog, {
-          modelValue: dialogVisible.value,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dialogVisible.value = $event),
-          title: "Tips",
-          width: "500"
-        }, {
-          footer: withCtx(() => [
-            createElementVNode("div", _hoisted_1, [
-              createVNode(_component_el_button, {
-                onClick: _cache[1] || (_cache[1] = ($event) => dialogVisible.value = false)
-              }, {
-                default: withCtx(() => [
-                  createTextVNode("取消")
-                ]),
-                _: 1
-              }),
-              createVNode(_component_el_button, {
-                type: "primary",
-                onClick: confirm
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(" 确定 ")
-                ]),
-                _: 1
-              })
-            ])
-          ]),
-          default: withCtx(() => [
-            createVNode(_component_el_table, {
-              data: tableData,
-              style: { "width": "100%" },
-              onSelectionChange: handleSelectionChange
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_el_table_column, {
-                  type: "selection",
-                  width: "55"
-                }),
-                createVNode(_component_el_table_column, {
-                  prop: "date",
-                  label: "Date",
-                  width: "180"
-                }),
-                createVNode(_component_el_table_column, {
-                  prop: "name",
-                  label: "Name",
-                  width: "180"
-                }),
-                createVNode(_component_el_table_column, {
-                  prop: "address",
-                  label: "Address"
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue"])
-      ], 64);
-    };
-  }
-});
+import _sfc_main from "./dataorigin-input-table.vue.js";
 export {
   _sfc_main as default
 };

package/dist/es/components/design/views/assemblys/form/common/hyperlink-mult-config.vue.js

@@ -165,7 +165,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClick: _cache[2] || (_cache[2] = ($event) => dialogVisible.value = false)
               }, {
                 default: withCtx(() => [
-                  createTextVNode("Cancel")
+                  createTextVNode("取消")
                 ]),
                 _: 1
               }),
@@ -174,7 +174,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClick: _cache[3] || (_cache[3] = ($event) => dialogVisible.value = false)
               }, {
                 default: withCtx(() => [
-                  createTextVNode(" Confirm ")
+                  createTextVNode(" 确定 ")
                 ]),
                 _: 1
               })
@@ -232,9 +232,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   title: "跳转条件",
                   buttonText: "设置条件",
                   list: _ctx.linkPage[currentEditIndex.value].conditions,
+                  tableConfigure: _ctx.tableConfigure,
                   ref_key: "conditionRef",
                   ref: conditionRef
-                }, null, 8, ["list"])) : _ctx.linkPage[currentEditIndex.value].jumpConditionType === "customFunc" ? (openBlock(), createBlock(_component_el_select, {
+                }, null, 8, ["list", "tableConfigure"])) : _ctx.linkPage[currentEditIndex.value].jumpConditionType === "customFunc" ? (openBlock(), createBlock(_component_el_select, {
                   key: 1,
                   modelValue: _ctx.linkPage[currentEditIndex.value].customFunc,
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.linkPage[currentEditIndex.value].customFunc = $event),

package/dist/es/components/design/views/assemblys/form/common/parameter-table.vue.js

@@ -1,6 +1,7 @@
 import { defineComponent, ref, watch, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode } from "vue";
 import { getUuidv4 } from "../../../../utils/common-util.js";
 import BindVariable from "../../common/common-variable-bind.vue.js";
+import { getModelOptionsByFields } from "../../../../utils/page-table-util.js";
 const _hoisted_1 = { style: { "text-align": "center", "margin": "0px -8px", "padding-top": "4px", "padding-left": "2px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "parameter-table",
@@ -8,12 +9,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     data: {
       type: Array,
       default: () => []
+    },
+    tableConfigure: {
+      type: Object,
+      default: () => []
     }
   },
   emits: ["dataChange"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const rowModelOptions = ref(null);
+    if (props.tableConfigure) {
+      rowModelOptions.value = getModelOptionsByFields(props.tableConfigure.modelFields);
+    }
     const tableData = ref([]);
     tableData.value = props.data;
     if (!tableData.value || tableData.value.length == 0) {
@@ -148,8 +157,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx((scope) => [
               createVNode(BindVariable, {
                 modelValue: scope.row.paramValue,
+                objModelOptions: rowModelOptions.value,
                 "onUpdate:modelValue": (val) => afterBindLabelVariable(val, scope.row)
-              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+              }, null, 8, ["modelValue", "objModelOptions", "onUpdate:modelValue"])
             ]),
             _: 1
           }),

package/dist/es/components/design/views/assemblys/form/common/suffixmodule.vue.js

@@ -515,8 +515,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         })) : createCommentVNode("", true),
         createVNode(_sfc_main$4, {
           data: linkPage.value.jumpPageAdditional,
+          tableConfigure: _ctx.tableConfigure,
           onDataChange: ParameterDataChange
-        }, null, 8, ["data"]),
+        }, null, 8, ["data", "tableConfigure"]),
         createVNode(_sfc_main$5, { linkPage: linkPage.value }, null, 8, ["linkPage"]),
         createVNode(_sfc_main$6, {
           ref_key: "selectPageDialog",

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

@@ -85,8 +85,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, {
                       default: withCtx(() => [
                         createVNode(_component_el_input, {
-                          modelValue: __props.configure.props.base.name,
-                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.props.base.name = $event),
+                          modelValue: __props.configure.props.base.customControl,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.props.base.customControl = $event),
                           placeholder: "请输入"
                         }, null, 8, ["modelValue"])
                       ]),

package/dist/es/components/design/views/assemblys/object-design.vue.js

@@ -96,7 +96,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           const bindEvents = props.configure.events.filter((event) => {
             return !event.isStandard && event.jsContent || event.isStandard && event.eventName;
           });
-          console.log("bindEvents=========", bindEvents);
           if (!props.configure.runtime) {
             props.configure.runtime = {};
           }
@@ -192,19 +191,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }
     if (props.pageDesign.props) {
-      watch(() => props.pageDesign.props.activeWorkflow, (newValue, oldValue) => {
-        if (newValue) {
-          const requiredRules = props.configure.props && props.configure.props.rules ? props.configure.props.rules.filter((item) => item.required) : null;
-          if (requiredRules && requiredRules.length > 0) {
-            requiredRules.forEach((item) => {
-              item.required = false;
-            });
-          }
-          if (props.configure.props && props.configure.props.verification && props.configure.props.verification.required) {
-            props.configure.props.verification.required = false;
+      watch(
+        () => props.pageDesign.props.activeWorkflow,
+        (newValue, oldValue) => {
+          if (newValue) {
+            const requiredRules = props.configure.props && props.configure.props.rules ? props.configure.props.rules.filter((item) => item.required) : null;
+            if (requiredRules && requiredRules.length > 0) {
+              requiredRules.forEach((item) => {
+                item.required = false;
+              });
+            }
+            if (props.configure.props && props.configure.props.verification && props.configure.props.verification.required) {
+              props.configure.props.verification.required = false;
+            }
           }
         }
-      });
+      );
     }
     const thisRef = ref(null);
     const designStyle = ref({});
@@ -279,7 +281,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         };
       }
       designClass.value = tempStyle[dimentions + "_class"];
-      console.log("outerStyle1", styleConf, tempStyle);
       return style;
     });
     watch(props.selectWidget, (newValue) => {

package/dist/es/components/design/views/assemblys/page/page-attr-advanced.vue.js

@@ -128,6 +128,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_input = resolveComponent("el-input");
       const _component_el_text = resolveComponent("el-text");
       const _component_el_collapse_item = resolveComponent("el-collapse-item");
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_Delete = resolveComponent("Delete");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_table = resolveComponent("el-table");
       const _component_el_collapse = resolveComponent("el-collapse");
       const _component_el_form = resolveComponent("el-form");
       return openBlock(), createBlock(_component_el_form, {
@@ -259,7 +263,47 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }),
-              createVNode(_sfc_main$1, { configure: _ctx.configure }, null, 8, ["configure"])
+              createVNode(_sfc_main$1, { configure: _ctx.configure }, null, 8, ["configure"]),
+              createVNode(_component_el_collapse_item, {
+                title: "图表初始化查询服务",
+                name: "pagePermissions",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_table, {
+                    data: _ctx.configure.initChartServiceConfigs,
+                    style: { "width": "100%", "margin-bottom": "8px" }
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_table_column, {
+                        label: "组件uuid",
+                        align: "center",
+                        prop: "uuid"
+                      }),
+                      createVNode(_component_el_table_column, {
+                        label: "操作",
+                        align: "center"
+                      }, {
+                        default: withCtx((scope) => [
+                          createVNode(_component_el_icon, {
+                            size: "14",
+                            style: { "color": "#5893ef", "cursor": "pointer" },
+                            onClick: ($event) => _ctx.configure.initChartServiceConfigs.splice(scope.$index, 1)
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_component_Delete)
+                            ]),
+                            _: 2
+                          }, 1032, ["onClick"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["data"])
+                ]),
+                _: 1
+              })
             ]),
             _: 1
           }, 8, ["modelValue"]),

package/dist/es/components/design/views/assemblys/page/variable-dialog.vue.js

@@ -1,10 +1,11 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementBlock, toDisplayString, Fragment, renderList, unref, createElementVNode, createTextVNode, createCommentVNode } from "vue";
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementBlock, toDisplayString, Fragment, renderList, createCommentVNode, unref, createElementVNode, createTextVNode } from "vue";
 import { Plus, Minus } from "@element-plus/icons";
 import "agilebuilder-ui/src/utils/request";
 import { v4 } from "uuid";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { key: 0 };
 const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "variable-dialog",
   props: {
@@ -115,6 +116,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_input = resolveComponent("el-input");
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");
+      const _component_el_input_number = resolveComponent("el-input-number");
       const _component_el_button = resolveComponent("el-button");
       const _component_el_tooltip = resolveComponent("el-tooltip");
       const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
@@ -205,6 +207,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }),
+              createVNode(_component_el_table_column, {
+                prop: "defaultValue",
+                width: "130",
+                label: "类型"
+              }, {
+                default: withCtx((scope) => [
+                  !scope.row.$editing ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(scope.row.defaultValue), 1)) : scope.row.type === "string" ? (openBlock(), createBlock(_component_el_input, {
+                    key: 1,
+                    modelValue: scope.row.defaultValue,
+                    "onUpdate:modelValue": ($event) => scope.row.defaultValue = $event,
+                    placeholder: ""
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])) : scope.row.type === "int" ? (openBlock(), createBlock(_component_el_input_number, {
+                    key: 2,
+                    modelValue: scope.row.defaultValue,
+                    "onUpdate:modelValue": ($event) => scope.row.defaultValue = $event,
+                    "controls-position": "right",
+                    placeholder: ""
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])) : scope.row.type === "number" ? (openBlock(), createBlock(_component_el_input, {
+                    key: 3,
+                    modelValue: scope.row.defaultValue,
+                    "onUpdate:modelValue": ($event) => scope.row.defaultValue = $event,
+                    type: "number",
+                    placeholder: ""
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true)
+                ]),
+                _: 1
+              }),
               createVNode(_component_el_table_column, {
                 align: "right",
                 width: 90

package/dist/es/components/design/views/assemblys/workflow/component/combination.vue.js

@@ -87,13 +87,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function changeFieldName(index, row, propDbName) {
       const item = props.fieldMap[propDbName];
-      if (item.type === "date") {
+      if (item && item.type === "date") {
         tableData.value[index].isDate = true;
       } else {
         tableData.value[index].isDate = false;
       }
-      row.propName = item.name;
-      row.dataType = item.dataType;
+      row.propName = item ? item.name : null;
+      row.dataType = item ? item.dataType : null;
       operationArr.value[index] = getOperators(item);
     }
     function savebuttonSetting() {

package/dist/es/components/design/views/design/view/components/quick-add-fields.vue.js

@@ -8,13 +8,14 @@ import { useDraggable } from "vue-draggable-plus";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { key: 0 };
 const _hoisted_3 = { key: 0 };
-const _hoisted_4 = { key: 0 };
-const _hoisted_5 = { style: { "display": "flex" } };
-const _hoisted_6 = { key: 0 };
+const _hoisted_4 = { style: { "display": "flex" } };
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = { style: { "display": "flex" } };
 const _hoisted_7 = { key: 0 };
-const _hoisted_8 = ["title"];
-const _hoisted_9 = { key: 0 };
+const _hoisted_8 = { key: 0 };
+const _hoisted_9 = ["title"];
 const _hoisted_10 = { key: 0 };
+const _hoisted_11 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "quick-add-fields",
   props: {
@@ -26,6 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose }) {
     const props = __props;
     const allEditState = ref(null);
+    const allExporEditState = ref(null);
     ref([]);
     const thisRef = ref(null);
     onMounted(() => {
@@ -171,6 +173,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       });
     }
+    function exporEditState() {
+      if (!props.model.fieldInfos || props.model.fieldInfos.length == 0) {
+        return;
+      }
+      const message = allExporEditState.value ? "确定全部设置为可导出吗?" : "确定要全部取消可导出吗?";
+      ElMessageBox.confirm(message, "确认", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(({ value }) => {
+        for (let f of props.model.fieldInfos) {
+          if (allExporEditState.value) {
+            if (!f.exportable) {
+              f.exportable = true;
+            }
+          } else {
+            f.exportable = false;
+          }
+        }
+      });
+    }
     function removeAll() {
       ElMessageBox.confirm("确定要全部清除吗?", "确认", {
         confirmButtonText: "确定",
@@ -310,8 +333,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");
       const _component_el_input = resolveComponent("el-input");
-      const _component_el_switch = resolveComponent("el-switch");
       const _component_el_checkbox = resolveComponent("el-checkbox");
+      const _component_el_switch = resolveComponent("el-switch");
       const _component_el_table = resolveComponent("el-table");
       return openBlock(), createBlock(_component_el_table, {
         size: "small",
@@ -470,8 +493,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             label: "导出",
             width: "120"
           }, {
+            header: withCtx(() => [
+              createElementVNode("div", _hoisted_4, [
+                createTextVNode(" 导出 "),
+                withDirectives(createVNode(_component_el_checkbox, {
+                  modelValue: allExporEditState.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => allExporEditState.value = $event),
+                  value: "1",
+                  label: "全部可导出",
+                  size: "small",
+                  style: { "margin-left": "6px" },
+                  onChange: exporEditState
+                }, null, 8, ["modelValue"]), [
+                  [vShow, __props.model.pageType == "list"]
+                ])
+              ])
+            ]),
             default: withCtx((scope) => [
-              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_4, toDisplayString(scope.row.exportable), 1)) : (openBlock(), createBlock(_component_el_switch, {
+              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_5, toDisplayString(scope.row.exportable), 1)) : (openBlock(), createBlock(_component_el_switch, {
                 key: 1,
                 modelValue: scope.row.exportable,
                 "onUpdate:modelValue": ($event) => scope.row.exportable = $event
@@ -484,11 +523,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             width: "120"
           }, {
             header: withCtx(() => [
-              createElementVNode("div", _hoisted_5, [
+              createElementVNode("div", _hoisted_6, [
                 createTextVNode(" 组件 "),
                 withDirectives(createVNode(_component_el_checkbox, {
                   modelValue: allEditState.value,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => allEditState.value = $event),
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => allEditState.value = $event),
                   value: "1",
                   label: "全部可编辑",
                   size: "small",
@@ -500,7 +539,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             ]),
             default: withCtx((scope) => [
-              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_6, toDisplayString(scope.row.componentName), 1)) : (openBlock(), createBlock(_component_el_select, {
+              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_7, toDisplayString(scope.row.componentName), 1)) : (openBlock(), createBlock(_component_el_select, {
                 key: 1,
                 size: "small",
                 modelValue: scope.row.componentName,
@@ -528,7 +567,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             width: "70"
           }, {
             default: withCtx((scope) => [
-              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_7, toDisplayString(scope.row.state), 1)) : (openBlock(), createBlock(_component_el_select, {
+              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_8, toDisplayString(scope.row.state), 1)) : (openBlock(), createBlock(_component_el_select, {
                 key: 1,
                 size: "small",
                 disabled: !scope.row.componentName,
@@ -560,7 +599,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", {
                 key: 0,
                 title: scope.row.valid
-              }, toDisplayString(scope.row.valid), 9, _hoisted_8)) : (openBlock(), createBlock(_component_el_select, {
+              }, toDisplayString(scope.row.valid), 9, _hoisted_9)) : (openBlock(), createBlock(_component_el_select, {
                 key: 1,
                 disabled: !scope.row.componentName,
                 size: "small",
@@ -592,7 +631,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             width: "75"
           }, {
             default: withCtx((scope) => [
-              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_9, toDisplayString(scope.row.width), 1)) : (openBlock(), createBlock(_component_el_select, {
+              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_10, toDisplayString(scope.row.width), 1)) : (openBlock(), createBlock(_component_el_select, {
                 key: 1,
                 size: "small",
                 modelValue: scope.row.width,
@@ -620,7 +659,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             width: "70"
           }, {
             default: withCtx((scope) => [
-              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_10, toDisplayString(scope.row.align), 1)) : (openBlock(), createBlock(_component_el_select, {
+              scope.row.uuid != selRowUuid.value ? (openBlock(), createElementBlock("label", _hoisted_11, toDisplayString(scope.row.align), 1)) : (openBlock(), createBlock(_component_el_select, {
                 key: 1,
                 size: "small",
                 modelValue: scope.row.align,