super-page-designer 2.0.9 → 2.0.14

package/dist/es/components/design/views/assemblys/chart/radar/radar-design.vue2.js

@@ -1,8 +1,10 @@
-import { defineComponent, ref, watch, openBlock, createElementBlock, normalizeStyle, normalizeClass, withModifiers, createVNode, unref, withDirectives, createElementVNode, Fragment, renderList, toDisplayString, vShow } from "vue";
+import { defineComponent, ref, watch, onUnmounted, openBlock, createElementBlock, normalizeStyle, normalizeClass, withModifiers, withDirectives, createVNode, vShow, unref, createElementVNode, Fragment, renderList, toDisplayString } from "vue";
 import { caculateComponentStyle } from "../../../../utils/container-design-util.js";
-import { generateChartOption } from "../../../../utils/chart-design-util.js";
+import { removComponentDataConfig, generateChartHeader, generateChartOption, initComponentDataConfig } from "../../../../utils/chart-design-util.js";
+import { getUuidv4 } from "../../../../utils/common-util.js";
 import { getCustomTheme } from "super-page-runtime";
-import _sfc_main$1 from "./series/series-attr.vue.js";
+import _sfc_main$2 from "./series/series-attr.vue.js";
+import _sfc_main$1 from "../common/common-chart-header.vue.js";
 import { use } from "echarts/core";
 import { CanvasRenderer } from "echarts/renderers";
 import { RadarChart } from "echarts/charts";
@@ -13,12 +15,10 @@ const _hoisted_2 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "radar-design",
   props: {
-    configure: {
-      type: Object,
-      required: true
-    },
-    indexObj: Object,
-    selectWidget: Object
+    pageDesign: {},
+    configure: {},
+    indexObj: {},
+    selectWidget: {}
   },
   emits: ["onSelectWidget", "onCustomAttrWidget"],
   setup(__props, { emit: __emit }) {
@@ -32,10 +32,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     if (props.configure.items.length == 0) {
       props.configure.items.push({
+        uuid: getUuidv4(),
+        name: "",
         index: 1,
         type: "radar",
+        label: "数据1",
         props: {
-          title: "系列1"
+          title: "数据1"
         },
         style: {}
       });
@@ -47,6 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const designClass = ref("");
     const customTheme = ref(null);
     const chartOption = ref({});
+    const headerInfo = ref({});
     watch(
       props.configure.style,
       () => {
@@ -55,21 +59,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       },
       { immediate: true }
     );
+    function updateDataConfig() {
+      const dataConfig = initComponentDataConfig(props.configure, headerInfo.value);
+      props.configure.runtime.dataConfig = dataConfig;
+    }
     watch(props.configure.props, () => {
       customChartOption();
+      updateDataConfig();
     });
     watch(props.configure.items, () => {
       customChartOption();
     });
+    setTimeout(() => {
+      updateDataConfig();
+    }, 100);
+    onUnmounted(() => {
+      removComponentDataConfig(props.configure);
+    });
     function customCaculateStyle() {
       caculateComponentStyle(props.configure, designStyle, designClass, null);
       props.configure.runtime.style = designStyle.value;
       props.configure.runtime.class = designClass.value;
+      headerInfo.value = generateChartHeader(props.configure);
+      props.configure.runtime.headerInfo = headerInfo.value;
     }
     function customChartOption() {
       generateChartOption(props.configure, chartOption);
+      headerInfo.value = generateChartHeader(props.configure);
       customTheme.value = getCustomTheme(props.configure.props.customTheme);
       props.configure.runtime.chartOption = chartOption.value;
+      props.configure.runtime.headerInfo = headerInfo.value;
     }
     if (props.selectWidget) {
       watch(props.selectWidget, () => {
@@ -102,8 +121,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           break;
         }
       }
+      selItem.serviceFields = props.configure.serviceFields;
+      selItem.serviceDataField = props.configure.serviceDataField;
       selItem.selected = true;
-      $emits("onCustomAttrWidget", selItem, _sfc_main$1);
+      $emits("onCustomAttrWidget", selItem, _sfc_main$2);
     }
     const $emits = __emit;
     return (_ctx, _cache) => {
@@ -113,6 +134,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onClick: withModifiers(selectParent, ["stop"]),
         ref: "thisRef"
       }, [
+        withDirectives(createVNode(_sfc_main$1, { headerInfo: headerInfo.value }, null, 8, ["headerInfo"]), [
+          [vShow, headerInfo.value.showHeader]
+        ]),
         createVNode(unref(VChart), {
           ref: "chartRef",
           theme: customTheme.value,
@@ -120,14 +144,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           autoresize: ""
         }, null, 8, ["theme", "option"]),
         withDirectives(createElementVNode("div", _hoisted_1, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.configure.items, (item, itemIndex) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.configure.items, (item, itemIndex) => {
             return openBlock(), createElementBlock("label", {
               class: normalizeClass([[item.selected ? "amb-design-chart-series-selected" : ""], "amb-design-chart-series"]),
               onClick: withModifiers(($event) => selectSeries($event, itemIndex), ["stop"])
             }, toDisplayString(item.props.title), 11, _hoisted_2);
           }), 256))
         ], 512), [
-          [vShow, __props.configure.componentIndex == __props.selectWidget.value]
+          [vShow, _ctx.configure.componentIndex == _ctx.selectWidget.value]
         ])
       ], 6);
     };

package/dist/es/components/design/views/assemblys/chart/radar/series/series-attr-base.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode } from "vue";
 import _sfc_main$1 from "./series-attr-dataset.vue.js";
-import _sfc_main$2 from "./attrs/attr-testdatas.vue.js";
+import _sfc_main$2 from "../../common-series/common-attr-testdatas.vue.js";
 const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "series-attr-base",
@@ -25,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(_component_el_collapse, {
             modelValue: openCollapseItems.value,
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => openCollapseItems.value = $event),
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => openCollapseItems.value = $event),
             style: { "margin-top": "6px" }
           }, {
             default: withCtx(() => [
@@ -37,8 +37,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_1, [
                     createVNode(_component_el_form_item, {
-                      label: "系列名称",
-                      style: { "margin-top": "4px" }
+                      label: "数据名称",
+                      style: { "margin-top": "4px", "margin-bottom": "-15px" }
                     }, {
                       default: withCtx(() => [
                         createVNode(_component_el_input, {
@@ -48,19 +48,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, null, 8, ["modelValue"])
                       ]),
                       _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "副标题",
-                      style: { "margin-top": "-10px", "margin-bottom": "-15px" }
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_input, {
-                          modelValue: __props.configure.props.subTitle,
-                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.props.subTitle = $event),
-                          placeholder: "请输入"
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
                     })
                   ])
                 ]),

package/dist/es/components/design/views/assemblys/chart/radar/series/series-attr-dataset.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, unref, createTextVNode } from "vue";
-import { Search, Plus } from "@element-plus/icons-vue";
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, createElementBlock, Fragment, renderList, toDisplayString } from "vue";
 const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
-const _hoisted_2 = { style: { "text-align": "center", "margin": "0px -8px", "padding-top": "4px", "padding-left": "2px" } };
+const _hoisted_2 = { style: { "float": "left" } };
+const _hoisted_3 = { style: { "float": "right", "color": "var(--el-text-color-secondary)", "font-size": "13px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "series-attr-dataset",
   props: {
@@ -11,21 +11,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props) {
+    const props = __props;
+    const sourceFields = ref([]);
+    let hisServiceFields = null;
+    let hisServiceDataField = null;
+    function updateBindFields() {
+      if (props.configure.serviceFields == hisServiceFields && props.configure.serviceDataField == hisServiceDataField) {
+        return;
+      }
+      hisServiceFields = props.configure.serviceFields;
+      hisServiceDataField = props.configure.serviceDataField;
+      const newFields = [];
+      if (hisServiceFields) {
+        const prevField = hisServiceDataField ? hisServiceDataField : "";
+        for (let f of hisServiceFields) {
+          if (!(!f.type || f.type == "any" || f.type == "number")) {
+            continue;
+          }
+          if (!prevField || f.value.startsWith(prevField + ".")) {
+            const tempField = {};
+            Object.assign(tempField, f);
+            if (prevField) {
+              const newValue = f.value.substring(prevField.length + 1);
+              tempField.value = newValue;
+              if (f.label) {
+                tempField.label = f.label.replace(prevField + ".", "");
+              }
+            }
+            newFields.push(tempField);
+          }
+        }
+      }
+      sourceFields.value = newFields;
+    }
+    updateBindFields();
     return (_ctx, _cache) => {
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_radio = resolveComponent("el-radio");
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");
-      const _component_el_text = resolveComponent("el-text");
-      const _component_el_divider = resolveComponent("el-divider");
-      const _component_Top = resolveComponent("Top");
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_Bottom = resolveComponent("Bottom");
-      const _component_el_table_column = resolveComponent("el-table-column");
-      const _component_Delete = resolveComponent("Delete");
-      const _component_el_table = resolveComponent("el-table");
-      const _component_el_radio = resolveComponent("el-radio");
+      const _component_el_form_item = resolveComponent("el-form-item");
       const _component_el_input_number = resolveComponent("el-input-number");
       const _component_el_radio_group = resolveComponent("el-radio-group");
       const _component_el_collapse_item = resolveComponent("el-collapse-item");
@@ -36,269 +60,71 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
-            createVNode(_component_el_form_item, {
-              label: "数据源",
-              style: { "margin-top": "4px" }
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_el_input, {
-                  modelValue: __props.configure.props.serviceName,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.props.serviceName = $event),
-                  readonly: ""
-                }, {
-                  append: withCtx(() => [
-                    createVNode(_component_el_button, { icon: unref(Search) }, null, 8, ["icon"]),
-                    createVNode(_component_el_button, { icon: unref(Plus) }, null, 8, ["icon"])
-                  ]),
-                  _: 1
-                }, 8, ["modelValue"])
-              ]),
-              _: 1
-            }),
-            createVNode(_component_el_form_item, {
-              label: "数据集",
-              style: { "margin-top": "-5px" }
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_el_select, {
-                  modelValue: __props.configure.props.datasField,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.props.datasField = $event),
-                  placeholder: "根目录",
-                  clearable: ""
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_option, {
-                      label: "data",
-                      value: "root"
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["modelValue"]),
-                createVNode(_component_el_text, {
-                  type: "success",
-                  size: "small"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("默认为根目录")
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }),
-            createVNode(_component_el_form_item, {
-              label: "配置项字段",
-              style: { "margin-top": "-10px" }
+            createVNode(_component_el_radio_group, {
+              modelValue: __props.configure.props.yaxisSource,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.props.yaxisSource = $event)
             }, {
               default: withCtx(() => [
-                createVNode(_component_el_select, {
-                  modelValue: __props.configure.props.xaxisField,
-                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.props.xaxisField = $event),
-                  placeholder: "请选择",
-                  multiple: "",
-                  "collapse-tags": "",
-                  clearable: ""
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_option, {
-                      label: "field1",
-                      value: "root"
+                createVNode(_component_el_form_item, { style: { "margin-top": "4px" } }, {
+                  label: withCtx(() => [
+                    createVNode(_component_el_radio, { value: "variable" }, {
+                      default: withCtx(() => [
+                        createTextVNode("数据字段")
+                      ]),
+                      _: 1
                     })
                   ]),
-                  _: 1
-                }, 8, ["modelValue"]),
-                createVNode(_component_el_text, {
-                  type: "success",
-                  size: "small"
-                }, {
                   default: withCtx(() => [
-                    createTextVNode("默认为选择的维度字段，可为空")
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }),
-            createVNode(_component_el_divider, null, {
-              default: withCtx(() => [
-                createTextVNode(" 数据项 ")
-              ]),
-              _: 1
-            }),
-            createVNode(_component_el_table, {
-              data: __props.configure.props.yaxisFields,
-              style: { "width": "100%" }
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_el_table_column, {
-                  label: "",
-                  width: "32"
-                }, {
-                  default: withCtx((scope) => [
-                    createElementVNode("div", _hoisted_2, [
-                      createVNode(_component_el_icon, {
-                        size: "14",
-                        style: { "cursor": "pointer" },
-                        onClick: ($event) => _ctx.moveTop(scope.row)
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(_component_Top)
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"]),
-                      createVNode(_component_el_icon, {
-                        size: "14",
-                        style: { "margin-left": "2px", "cursor": "pointer" },
-                        onClick: ($event) => _ctx.moveToBottom(scope.row)
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(_component_Bottom)
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"])
-                    ])
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_el_table_column, {
-                  prop: "label",
-                  label: "名称",
-                  width: "100"
-                }, {
-                  default: withCtx((scope) => [
-                    createVNode(_component_el_input, {
-                      modelValue: scope.row.name,
-                      "onUpdate:modelValue": ($event) => scope.row.name = $event,
-                      size: "small"
-                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_el_table_column, {
-                  prop: "label",
-                  label: "字段",
-                  width: "58"
-                }, {
-                  default: withCtx((scope) => [
                     createVNode(_component_el_select, {
+                      size: "small",
+                      disabled: __props.configure.props.yaxisSource == "fix",
                       modelValue: __props.configure.props.yaxisField,
-                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.props.yaxisField = $event),
-                      placeholder: "请选择",
-                      multiple: "",
-                      "collapse-tags": "",
-                      clearable: ""
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.props.yaxisField = $event),
+                      title: __props.configure.props.yaxisField,
+                      style: { "width": "160px" },
+                      filterable: "",
+                      "allow-create": "",
+                      clearable: "",
+                      placeholder: "请选择"
                     }, {
                       default: withCtx(() => [
-                        createVNode(_component_el_option, {
-                          label: "field1",
-                          value: "root"
-                        })
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(sourceFields.value, (item) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: item.value,
+                            label: item.label,
+                            value: item.value
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode("span", _hoisted_2, toDisplayString(item.label), 1),
+                              createElementVNode("span", _hoisted_3, toDisplayString(item.type), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["label", "value"]);
+                        }), 128))
                       ]),
                       _: 1
-                    }, 8, ["modelValue"])
+                    }, 8, ["disabled", "modelValue", "title"])
                   ]),
                   _: 1
                 }),
-                createVNode(_component_el_table_column, {
-                  label: "操作",
-                  width: "60"
-                }, {
-                  default: withCtx((scope) => [
-                    createVNode(_component_el_icon, {
-                      size: "14",
-                      style: { "color": "#5893EF", "cursor": "pointer", "font-weight": "bold", "margin-right": "8px" },
-                      onClick: ($event) => _ctx.addColor(scope.row)
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(unref(Plus))
-                      ]),
-                      _: 2
-                    }, 1032, ["onClick"]),
-                    createVNode(_component_el_icon, {
-                      size: "14",
-                      style: { "color": "#5893EF", "cursor": "pointer" },
-                      onClick: ($event) => _ctx.deleteColor(scope.row)
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_Delete)
-                      ]),
-                      _: 2
-                    }, 1032, ["onClick"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["data"]),
-            createVNode(_component_el_text, {
-              style: { "line-height": "15px" },
-              type: "success",
-              size: "small"
-            }, {
-              default: withCtx(() => [
-                createTextVNode("选择比较的数值字段,为空时为默认字段")
-              ]),
-              _: 1
-            }),
-            createVNode(_component_el_radio_group, {
-              modelValue: __props.configure.props.maxValueSource,
-              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.props.maxValueSource = $event)
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_el_form_item, { style: { "margin-top": "-10px" } }, {
+                createVNode(_component_el_form_item, { style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, {
                   label: withCtx(() => [
-                    createVNode(_component_el_radio, { value: "fix" }, {
+                    createVNode(_component_el_radio, { value: "fixed" }, {
                       default: withCtx(() => [
-                        createTextVNode("最大值")
+                        createTextVNode("固定值   ")
                       ]),
                       _: 1
                     })
                   ]),
                   default: withCtx(() => [
                     createVNode(_component_el_input_number, {
-                      modelValue: __props.configure.style.maxValueFixed,
-                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.style.maxValueFixed = $event),
-                      disabled: __props.configure.props.maxValueSource != "fix"
-                    }, null, 8, ["modelValue", "disabled"])
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_el_form_item, { style: { "margin-top": "-10px" } }, {
-                  label: withCtx(() => [
-                    createVNode(_component_el_radio, { value: "field" }, {
-                      default: withCtx(() => [
-                        createTextVNode("最大值字段")
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  default: withCtx(() => [
-                    createVNode(_component_el_select, {
-                      modelValue: __props.configure.props.maxValueField,
-                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.configure.props.maxValueField = $event),
-                      disabled: __props.configure.props.maxValueSource != "field",
-                      placeholder: "请选择",
-                      multiple: "",
-                      "collapse-tags": "",
-                      clearable: ""
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_option, {
-                          label: "field1",
-                          value: "root"
-                        })
-                      ]),
-                      _: 1
-                    }, 8, ["modelValue", "disabled"]),
-                    createVNode(_component_el_text, {
-                      type: "success",
-                      size: "small"
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode("指示器的最大值字段,可为空")
-                      ]),
-                      _: 1
-                    })
+                      disabled: __props.configure.props.yaxisSource != "fixed",
+                      placeholder: "请输入",
+                      modelValue: __props.configure.props.yaxisFix,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.props.yaxisFix = $event),
+                      min: 1,
+                      preision: "2"
+                    }, null, 8, ["disabled", "modelValue"])
                   ]),
                   _: 1
                 })

package/dist/es/components/design/views/assemblys/chart/radar/series/series-attr-style.vue.js

@@ -1,14 +1,9 @@
 import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, withDirectives, vShow } from "vue";
 import _sfc_main$1 from "../../common/common-style-font-subtitle.vue.js";
-import _sfc_main$3 from "./styles/style-axisname.vue.js";
-import _sfc_main$2 from "./styles/style-radar.vue.js";
-import _sfc_main$4 from "./styles/style-datalabel.vue.js";
-import _sfc_main$5 from "./styles/style-dataline.vue.js";
-import _sfc_main$7 from "./styles/style-axis.vue.js";
-import _sfc_main$8 from "./styles/style-split.vue.js";
-import _sfc_main$9 from "./styles/style-splitarea.vue.js";
-import _sfc_main$6 from "./styles/style-dataarea.vue.js";
-import _sfc_main$a from "../../common/common-style-custom.vue.js";
+import _sfc_main$2 from "./styles/style-datalabel.vue.js";
+import _sfc_main$3 from "./styles/style-dataline.vue.js";
+import _sfc_main$4 from "./styles/style-dataarea.vue.js";
+import _sfc_main$5 from "../../common/common-style-custom.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "series-attr-style",
   props: {
@@ -18,11 +13,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props) {
-    const openCollapseItems = ref([]);
+    const openCollapseItems = ref(["styleDataLabel"]);
     return (_ctx, _cache) => {
+      const _component_commonStyleAxis = resolveComponent("commonStyleAxis");
       const _component_el_collapse = resolveComponent("el-collapse");
       const _component_el_form = resolveComponent("el-form");
-      return openBlock(), createBlock(_component_el_form, { "label-width": "80px" }, {
+      return openBlock(), createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
         default: withCtx(() => [
           createVNode(_component_el_collapse, {
             modelValue: openCollapseItems.value,
@@ -39,12 +38,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(_sfc_main$2, { configure: __props.configure }, null, 8, ["configure"]),
               createVNode(_sfc_main$3, { configure: __props.configure }, null, 8, ["configure"]),
               createVNode(_sfc_main$4, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$5, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$6, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$7, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$8, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$9, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$a, { configure: __props.configure }, null, 8, ["configure"])
+              createVNode(_component_commonStyleAxis, { configure: __props.configure }, null, 8, ["configure"]),
+              createVNode(_sfc_main$5, { configure: __props.configure }, null, 8, ["configure"])
             ]),
             _: 1
           }, 8, ["modelValue"])