super-page-designer 2.0.9 → 2.0.14

package/dist/es/components/design/views/assemblys/chart/gauge/gauge-attr-data.vue.js

@@ -0,0 +1,318 @@
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, unref, createElementBlock, Fragment, renderList, toDisplayString, createTextVNode } from "vue";
+import _sfc_main$1 from "../../common/page-permission-select.vue.js";
+import { usePageContextStore } from "../../../../../../stores/page-store.js";
+import { queryServiceReturnFields } from "../../../../utils/page-service-util.js";
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _hoisted_2 = { style: { "float": "left" } };
+const _hoisted_3 = { style: { "float": "right", "color": "var(--el-text-color-secondary)", "font-size": "13px" } };
+const _hoisted_4 = { style: { "float": "left" } };
+const _hoisted_5 = { style: { "float": "right", "color": "var(--el-text-color-secondary)", "font-size": "13px" } };
+const _hoisted_6 = { style: { "float": "left" } };
+const _hoisted_7 = { style: { "float": "right", "color": "var(--el-text-color-secondary)", "font-size": "13px" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "gauge-attr-data",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    },
+    defaultType: {
+      type: String,
+      default: ""
+    },
+    chartType: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const pageContextUtil = usePageContextStore();
+    const pageDesign = pageContextUtil.pageContext;
+    const serviceFields = ref([]);
+    const showFields = computed(() => {
+      return serviceFields.value.filter((item) => {
+        return item.type == "array" || item.type == "any" || !item.type;
+      });
+    });
+    const nameFields = computed(() => {
+      return serviceFields.value.filter((item) => {
+        if (item.type == "string" || item.type == "any" || !item.type) {
+          const prevField = props.configure.serviceDataField;
+          if (!prevField || item.value.startsWith(prevField + ".")) {
+            let nameValue = item.value;
+            let nameLabel = item.label;
+            if (prevField) {
+              nameValue = nameValue.substring(prevField.length + 1);
+              if (nameLabel) {
+                nameLabel = nameLabel.replace(prevField + ".", "");
+              }
+            }
+            item.nameValue = nameValue;
+            item.nameLabel = nameLabel;
+            return true;
+          }
+        }
+        return false;
+      });
+    });
+    const yaxisFields = computed(() => {
+      return serviceFields.value.filter((item) => {
+        if (item.type == "number" || item.type == "any" || !item.type) {
+          const prevField = props.configure.serviceDataField;
+          if (!prevField || item.value.startsWith(prevField + ".")) {
+            let numValue = item.value;
+            let numLabel = item.label;
+            if (prevField) {
+              numValue = numValue.substring(prevField.length + 1);
+              if (numLabel) {
+                numLabel = numLabel.replace(prevField + ".", "");
+              }
+            }
+            item.numValue = numValue;
+            item.numLabel = numLabel;
+            return true;
+          }
+        }
+        return false;
+      });
+    });
+    if (!props.configure.props.dataOrigin) {
+      props.configure.props.dataOrigin = {};
+    }
+    const dataOriginInfo = props.configure.props.dataOrigin;
+    if (!dataOriginInfo.service) {
+      dataOriginInfo.service = {};
+    }
+    function afterSelectService(type, code, name, serviceId) {
+      dataOriginInfo.service.id;
+      dataOriginInfo.service.simpleCode = code;
+      dataOriginInfo.service.id = serviceId;
+      dataOriginInfo.service.name = name;
+      getServiceReturnFields();
+    }
+    let hisQueryId = null;
+    function getServiceReturnFields() {
+      const serviceId = dataOriginInfo.service.id;
+      if (hisQueryId == serviceId) {
+        return;
+      }
+      hisQueryId = serviceId;
+      if (!serviceId) {
+        props.configure.serviceFields = [];
+        serviceFields.value = [];
+        props.configure.serviceDataField = null;
+        return;
+      }
+      queryServiceReturnFields(serviceId).then((fields) => {
+        props.configure.serviceFields = fields;
+        serviceFields.value = fields;
+        checkDataFieldExist();
+      });
+    }
+    function checkDataFieldExist() {
+      if (!props.configure.serviceDataField) {
+        return;
+      }
+      let isExist = false;
+      if (serviceFields.value) {
+        for (let o of serviceFields.value) {
+          if (o.value == props.configure.serviceDataField) {
+            isExist = true;
+            break;
+          }
+        }
+      }
+      if (!isExist) {
+        props.configure.serviceDataField = null;
+      }
+    }
+    setTimeout(() => {
+      getServiceReturnFields(dataOriginInfo.service.id);
+    }, 10);
+    return (_ctx, _cache) => {
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_text = resolveComponent("el-text");
+      const _component_el_radio = resolveComponent("el-radio");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_radio_group = resolveComponent("el-radio-group");
+      const _component_el_collapse_item = resolveComponent("el-collapse-item");
+      return openBlock(), createBlock(_component_el_collapse_item, {
+        title: "数据设置",
+        name: "dataSet",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(_component_el_form_item, {
+              label: "选择服务",
+              style: { "margin-top": "4px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_sfc_main$1, {
+                  pageDesign: unref(pageDesign),
+                  rowObj: unref(dataOriginInfo).service,
+                  onlyService: "",
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = (type, code, name, serviceId) => afterSelectService(type, code, name, serviceId))
+                }, null, 8, ["pageDesign", "rowObj"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_form_item, {
+              label: "数据集",
+              style: { "margin-top": "-10px", "margin-bottom": "-15px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_select, {
+                  modelValue: __props.configure.serviceDataField,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.serviceDataField = $event),
+                  filterable: "",
+                  clearable: "",
+                  placeholder: "请选择"
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(showFields.value, (field, index) => {
+                      return openBlock(), createBlock(_component_el_option, {
+                        key: index,
+                        label: field.label,
+                        value: field.value
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("span", _hoisted_2, toDisplayString(field.label), 1),
+                          createElementVNode("span", _hoisted_3, toDisplayString(field.type), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["label", "value"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"]),
+                createVNode(_component_el_text, {
+                  type: "success",
+                  size: "small"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("如设置将以多值形式展示")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_radio_group, {
+              modelValue: __props.configure.props.nameSource,
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.props.nameSource = $event)
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_form_item, { style: { "margin-top": "15px", "margin-bottom": "-15px" } }, {
+                  label: withCtx(() => [
+                    createVNode(_component_el_radio, { value: "variable" }, {
+                      default: withCtx(() => [
+                        createTextVNode("名称字段")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  default: withCtx(() => [
+                    createVNode(_component_el_select, {
+                      size: "small",
+                      disabled: __props.configure.props.nameSource == "fixed",
+                      modelValue: __props.configure.props.nameField,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.props.nameField = $event),
+                      title: __props.configure.props.nameField,
+                      style: { "width": "160px" },
+                      filterable: "",
+                      "allow-create": "",
+                      clearable: "",
+                      placeholder: "请选择"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(nameFields.value, (item) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: item.nameValue,
+                            label: item.nameLabel,
+                            value: item.nameValue
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode("span", _hoisted_4, toDisplayString(item.nameLabel), 1),
+                              createElementVNode("span", _hoisted_5, toDisplayString(item.type), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["disabled", "modelValue", "title"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_form_item, { style: { "margin-top": "25px", "margin-bottom": "-15px" } }, {
+                  label: withCtx(() => [
+                    createVNode(_component_el_radio, { value: "fixed" }, {
+                      default: withCtx(() => [
+                        createTextVNode("固定名称")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      disabled: !__props.configure.props.nameSource || __props.configure.props.nameSource != "fixed",
+                      modelValue: __props.configure.props.nameFixed,
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.props.nameFixed = $event),
+                      placeholder: "请输入"
+                    }, null, 8, ["disabled", "modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            createVNode(_component_el_form_item, {
+              label: "数据字段",
+              style: { "margin-top": "25px", "margin-bottom": "-15px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_select, {
+                  size: "small",
+                  modelValue: __props.configure.props.yaxisField,
+                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.configure.props.yaxisField = $event),
+                  title: __props.configure.props.yaxisField,
+                  style: { "width": "160px" },
+                  filterable: "",
+                  "allow-create": "",
+                  clearable: "",
+                  placeholder: "请选择"
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(yaxisFields.value, (item) => {
+                      return openBlock(), createBlock(_component_el_option, {
+                        key: item.numValue,
+                        label: item.numLabel,
+                        value: item.numValue
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("span", _hoisted_6, toDisplayString(item.numLabel), 1),
+                          createElementVNode("span", _hoisted_7, toDisplayString(item.type), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["label", "value"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "title"])
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/chart/gauge/gauge-attr-data.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./gauge-attr-data.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -23,11 +23,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     if (props.configure.style.yaxisRight == void 0) {
       props.configure.style.yaxisRight = {};
     }
-    const openCollapseItems = ref(["titleFont"]);
+    const openCollapseItems = ref(["titleFont", "styleGrid", "styleTooltip"]);
     return (_ctx, _cache) => {
       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,

package/dist/es/components/design/views/assemblys/chart/gauge/gauge-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/gauge-series-attr.vue.js";
+import _sfc_main$2 from "./series/gauge-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 { GaugeChart } from "echarts/charts";
@@ -13,15 +15,10 @@ const _hoisted_2 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "gauge-design",
   props: {
-    configure: {
-      type: Object,
-      required: true
-    },
-    indexObj: Object,
-    selectWidget: {
-      type: Object,
-      default: -1
-    }
+    pageDesign: {},
+    configure: {},
+    indexObj: {},
+    selectWidget: {}
   },
   emits: ["onSelectWidget", "onCustomAttrWidget"],
   setup(__props, { emit: __emit }) {
@@ -35,8 +32,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     if (props.configure.items.length == 0) {
       props.configure.items.push({
+        uuid: getUuidv4(),
+        name: "",
         index: 1,
         type: "gauge",
+        label: "系列",
         props: {
           title: "系列1"
         },
@@ -50,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,
       () => {
@@ -58,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, () => {
@@ -106,7 +122,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
       selItem.selected = true;
-      $emits("onCustomAttrWidget", selItem, _sfc_main$1);
+      $emits("onCustomAttrWidget", selItem, _sfc_main$2);
     }
     const $emits = __emit;
     return (_ctx, _cache) => {
@@ -116,6 +132,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,
@@ -123,14 +142,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/gauge/series/gauge-series-attr-base.vue.js

@@ -1,6 +1,5 @@
 import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode } from "vue";
-import _sfc_main$1 from "./gauge-series-attr-dataset.vue.js";
-import _sfc_main$2 from "../../common-series/common-attr-testdatas.vue.js";
+import _sfc_main$1 from "../../common-series/common-attr-testdatas.vue.js";
 const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "gauge-series-attr-base",
@@ -25,7 +24,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(() => [
@@ -38,7 +37,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", _hoisted_1, [
                     createVNode(_component_el_form_item, {
                       label: "系列名称",
-                      style: { "margin-top": "4px" }
+                      style: { "margin-top": "4px", "margin-bottom": "-15px" }
                     }, {
                       default: withCtx(() => [
                         createVNode(_component_el_input, {
@@ -48,26 +47,12 @@ 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
                     })
                   ])
                 ]),
                 _: 1
               }),
-              createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$2, { configure: __props.configure }, null, 8, ["configure"])
+              createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"])
             ]),
             _: 1
           }, 8, ["modelValue"])

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

@@ -19,11 +19,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props) {
-    const openCollapseItems = ref([]);
+    const openCollapseItems = ref(["styleGauge"]);
     return (_ctx, _cache) => {
       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,

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

@@ -1,11 +1,13 @@
 import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
 import _sfc_main$1 from "../common/common-attr-base.vue.js";
-import _sfc_main$2 from "../common/common-attr-serieslist.vue.js";
+import "uuid";
+import "@element-plus/icons-vue";
 import _sfc_main$3 from "../common/common-attr-groupby.vue.js";
 import _sfc_main$4 from "../common/common-attr-sortby.vue.js";
-import _sfc_main$5 from "../common/common-attr-drill.vue.js";
 import _sfc_main$6 from "../common/common-attr-assistant.vue.js";
 import _sfc_main$7 from "../../common/common-attr-size.vue.js";
+import _sfc_main$2 from "../common/common-attr-data.vue.js";
+import _sfc_main$5 from "../../form/common/data-linkage.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "pie-attr-base",
   props: {
@@ -15,7 +17,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props) {
-    const openCollapseItems = ref(["propsBase", "seriesList", "propsGroup", "attrSize", "propsSort", "propsDrill", "propsAssistant"]);
+    const openCollapseItems = ref([
+      "propsBase",
+      "dataSet",
+      "propsGroup",
+      "attrSize",
+      "propsSort",
+      "propsDrill",
+      "propsAssistant",
+      "linkage"
+    ]);
     return (_ctx, _cache) => {
       const _component_el_collapse = resolveComponent("el-collapse");
       const _component_el_form = resolveComponent("el-form");
@@ -33,11 +44,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"]),
               createVNode(_sfc_main$2, {
                 configure: __props.configure,
-                defaultType: "pie"
+                chartType: "pie"
               }, 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$5, {
+                configureProps: __props.configure.props
+              }, null, 8, ["configureProps"]),
               createVNode(_sfc_main$6, { configure: __props.configure }, null, 8, ["configure"]),
               createVNode(_sfc_main$7, {
                 size: __props.configure.props.size

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

@@ -24,11 +24,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     if (props.configure.style.yaxisRight == void 0) {
       props.configure.style.yaxisRight = {};
     }
-    const openCollapseItems = ref(["titleFont"]);
+    const openCollapseItems = ref(["titleFont", "subtitleFont", "styleLegend", "styleGrid", "styleTooltip"]);
     return (_ctx, _cache) => {
       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,