sun-card-design 1.1.37 → 1.1.39

package/dist/sun-card-designer.es67.js

@@ -1,559 +0,0 @@
-import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createCommentVNode, Fragment, withModifiers, normalizeStyle, toDisplayString, unref, renderList } from "vue";
-import { DownOutlined } from "@ant-design/icons-vue";
-import { ColorList, ColorNameMap } from "./sun-card-designer.es76.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "line-style-pes" };
-const _hoisted_2 = { class: "label" };
-const _hoisted_3 = { class: "arrow" };
-const _hoisted_4 = {
-  key: 0,
-  class: "color-picker"
-};
-const _hoisted_5 = { class: "color-grid" };
-const _hoisted_6 = ["onClick"];
-const _hoisted_7 = { class: "label" };
-const _hoisted_8 = { class: "arrow" };
-const _hoisted_9 = {
-  key: 0,
-  class: "color-picker"
-};
-const _hoisted_10 = { class: "color-grid" };
-const _hoisted_11 = ["onClick"];
-const _hoisted_12 = { class: "label" };
-const _hoisted_13 = { class: "arrow" };
-const _hoisted_14 = {
-  key: 0,
-  class: "color-picker"
-};
-const _hoisted_15 = { class: "color-grid" };
-const _hoisted_16 = ["onClick"];
-const _hoisted_17 = { class: "label" };
-const _hoisted_18 = { class: "arrow" };
-const _hoisted_19 = {
-  key: 0,
-  class: "color-picker"
-};
-const _hoisted_20 = { class: "color-grid" };
-const _hoisted_21 = ["onClick"];
-const _hoisted_22 = { class: "slider-row" };
-const _hoisted_23 = { class: "slider-row" };
-const _sfc_main = {
-  __name: "lineChartStylePes",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const colorList = ref(ColorList);
-    const nameMap = ColorNameMap;
-    const titleColorPicker = ref(false);
-    const subColorPicker = ref(false);
-    const seriesColorPicker = ref(false);
-    const seriesSymbolColorPicker = ref(false);
-    const ensureTitleObjects = () => {
-      props.record.options.titleConfig = props.record.options.titleConfig || {};
-      props.record.options.titleConfig.textStyle = props.record.options.titleConfig.textStyle || {};
-      props.record.options.titleConfig.subtextStyle = props.record.options.titleConfig.subtextStyle || {};
-    };
-    const ensureLegendObjects = () => {
-      props.record.options.legendConfig = props.record.options.legendConfig || {};
-    };
-    const titleColor = computed({
-      get() {
-        ensureTitleObjects();
-        return props.record.options.titleConfig.textStyle.color || "#333";
-      },
-      set(v) {
-        ensureTitleObjects();
-        props.record.options.titleConfig.textStyle.color = v;
-      }
-    });
-    const subColor = computed({
-      get() {
-        ensureTitleObjects();
-        return props.record.options.titleConfig.subtextStyle.color || "#999";
-      },
-      set(v) {
-        ensureTitleObjects();
-        props.record.options.titleConfig.subtextStyle.color = v;
-      }
-    });
-    const titleColorName = computed(() => nameMap[titleColor.value] || "自定义");
-    const subColorName = computed(() => nameMap[subColor.value] || "自定义");
-    const toggleTitlePicker = () => {
-      titleColorPicker.value = !titleColorPicker.value;
-      subColorPicker.value = false;
-      seriesColorPicker.value = false;
-      seriesSymbolColorPicker.value = false;
-    };
-    const toggleSubPicker = () => {
-      subColorPicker.value = !subColorPicker.value;
-      titleColorPicker.value = false;
-      seriesColorPicker.value = false;
-      seriesSymbolColorPicker.value = false;
-    };
-    const pickTitleColor = (hex) => {
-      titleColor.value = hex;
-      titleColorPicker.value = false;
-    };
-    const pickSubColor = (hex) => {
-      subColor.value = hex;
-      subColorPicker.value = false;
-    };
-    const seriesIdx = ref(0);
-    const seriesOptions = computed(() => {
-      const list = props.record.options.seriesConfig || [];
-      return list.map((s, i) => ({ label: s.name || `系列${i + 1}`, value: i }));
-    });
-    const ensureSeriesItemStyle = () => {
-      const list = props.record.options.seriesConfig || [];
-      const s = list[seriesIdx.value] || (list[seriesIdx.value] = { type: "line", data: [], lineStyle: {}, itemStyle: {} });
-      s.lineStyle = s.lineStyle || {};
-      s.itemStyle = s.itemStyle || {};
-      return s;
-    };
-    const seriesColor = computed({
-      get() {
-        const s = ensureSeriesItemStyle();
-        return s.lineStyle.color || "#5470c6";
-      },
-      set(v) {
-        const s = ensureSeriesItemStyle();
-        s.lineStyle.color = v;
-      }
-    });
-    const seriesLineWidth = computed({
-      get() {
-        const s = ensureSeriesItemStyle();
-        return s.lineStyle.width || 2;
-      },
-      set(v) {
-        const s = ensureSeriesItemStyle();
-        s.lineStyle.width = v;
-      }
-    });
-    const seriesLineStyle = computed({
-      get() {
-        const s = ensureSeriesItemStyle();
-        return s.lineStyle.type || "solid";
-      },
-      set(v) {
-        const s = ensureSeriesItemStyle();
-        s.lineStyle.type = v;
-      }
-    });
-    const seriesShowSymbol = computed({
-      get() {
-        const s = ensureSeriesItemStyle();
-        return s.showSymbol !== false;
-      },
-      set(v) {
-        const s = ensureSeriesItemStyle();
-        s.showSymbol = v;
-      }
-    });
-    const seriesSymbolSize = computed({
-      get() {
-        const s = ensureSeriesItemStyle();
-        return s.symbolSize || 4;
-      },
-      set(v) {
-        const s = ensureSeriesItemStyle();
-        s.symbolSize = v;
-      }
-    });
-    const seriesSymbolColor = computed({
-      get() {
-        const s = ensureSeriesItemStyle();
-        return s.itemStyle.color || "#5470c6";
-      },
-      set(v) {
-        const s = ensureSeriesItemStyle();
-        s.itemStyle.color = v;
-      }
-    });
-    const seriesSmooth = computed({
-      get() {
-        const s = ensureSeriesItemStyle();
-        return s.smooth || false;
-      },
-      set(v) {
-        const s = ensureSeriesItemStyle();
-        s.smooth = v;
-      }
-    });
-    const seriesColorName = computed(() => nameMap[seriesColor.value] || "自定义");
-    const seriesSymbolColorName = computed(() => nameMap[seriesSymbolColor.value] || "自定义");
-    const toggleSeriesColorPicker = () => {
-      seriesColorPicker.value = !seriesColorPicker.value;
-      titleColorPicker.value = false;
-      subColorPicker.value = false;
-      seriesSymbolColorPicker.value = false;
-    };
-    const toggleSeriesSymbolColorPicker = () => {
-      seriesSymbolColorPicker.value = !seriesSymbolColorPicker.value;
-      titleColorPicker.value = false;
-      subColorPicker.value = false;
-      seriesColorPicker.value = false;
-    };
-    const pickSeriesColor = (hex) => {
-      seriesColor.value = hex;
-      seriesColorPicker.value = false;
-    };
-    const pickSeriesSymbolColor = (hex) => {
-      seriesSymbolColor.value = hex;
-      seriesSymbolColorPicker.value = false;
-    };
-    onMounted(() => {
-      ensureTitleObjects();
-      ensureLegendObjects();
-    });
-    return (_ctx, _cache) => {
-      const _component_a_divider = resolveComponent("a-divider");
-      const _component_a_input = resolveComponent("a-input");
-      const _component_a_form_item = resolveComponent("a-form-item");
-      const _component_a_switch = resolveComponent("a-switch");
-      const _component_a_input_number = resolveComponent("a-input-number");
-      const _component_a_col = resolveComponent("a-col");
-      const _component_a_segmented = resolveComponent("a-segmented");
-      const _component_a_slider = resolveComponent("a-slider");
-      const _component_a_row = resolveComponent("a-row");
-      const _component_a_form = resolveComponent("a-form");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_component_a_divider, { style: { "margin-top": "0" } }),
-        _cache[19] || (_cache[19] = createElementVNode("div", { class: "title" }, "样式", -1)),
-        createVNode(_component_a_form, { layout: "vertical" }, {
-          default: withCtx(() => [
-            createVNode(_component_a_row, { gutter: [16, 16] }, {
-              default: withCtx(() => [
-                createVNode(_component_a_col, { span: 24 }, {
-                  default: withCtx(() => [
-                    createVNode(_component_a_form_item, { label: "宽度" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_input, {
-                          value: props.record.options.style.width,
-                          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => props.record.options.style.width = $event),
-                          placeholder: "例如：100% 或 300px"
-                        }, null, 8, ["value"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "高度" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_input, {
-                          value: props.record.options.style.height,
-                          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => props.record.options.style.height = $event),
-                          placeholder: "例如：100% 或 200px"
-                        }, null, 8, ["value"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "显示标题" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_switch, {
-                          checked: props.record.options.titleConfig.show,
-                          "onUpdate:checked": _cache[2] || (_cache[2] = ($event) => props.record.options.titleConfig.show = $event)
-                        }, null, 8, ["checked"])
-                      ]),
-                      _: 1
-                    }),
-                    props.record.options.titleConfig.show ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                      createVNode(_component_a_form_item, { label: "标题名称" }, {
-                        default: withCtx(() => [
-                          createVNode(_component_a_input, {
-                            value: props.record.options.titleConfig.text,
-                            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => props.record.options.titleConfig.text = $event),
-                            placeholder: "主标题"
-                          }, null, 8, ["value"])
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(_component_a_form_item, { label: "标题文字大小" }, {
-                        default: withCtx(() => [
-                          createVNode(_component_a_input_number, {
-                            min: 10,
-                            max: 48,
-                            value: props.record.options.titleConfig.textStyle.fontSize,
-                            "onUpdate:value": _cache[4] || (_cache[4] = ($event) => props.record.options.titleConfig.textStyle.fontSize = $event)
-                          }, null, 8, ["value"])
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(_component_a_form_item, { label: "标题颜色" }, {
-                        default: withCtx(() => [
-                          createElementVNode("div", {
-                            class: "color-select",
-                            onClick: withModifiers(toggleTitlePicker, ["stop"])
-                          }, [
-                            createElementVNode("span", {
-                              class: "swatch",
-                              style: normalizeStyle({ backgroundColor: titleColor.value })
-                            }, null, 4),
-                            createElementVNode("span", _hoisted_2, toDisplayString(titleColorName.value), 1),
-                            createElementVNode("span", _hoisted_3, [
-                              createVNode(unref(DownOutlined))
-                            ]),
-                            titleColorPicker.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                              createElementVNode("div", _hoisted_5, [
-                                (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (c) => {
-                                  return openBlock(), createElementBlock("span", {
-                                    class: "chip",
-                                    key: "t-" + c,
-                                    style: normalizeStyle({ backgroundColor: c }),
-                                    onClick: withModifiers(($event) => pickTitleColor(c), ["stop"])
-                                  }, null, 12, _hoisted_6);
-                                }), 128))
-                              ])
-                            ])) : createCommentVNode("", true)
-                          ])
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(_component_a_form_item, { label: "副标题名称" }, {
-                        default: withCtx(() => [
-                          createVNode(_component_a_input, {
-                            value: props.record.options.titleConfig.subtext,
-                            "onUpdate:value": _cache[5] || (_cache[5] = ($event) => props.record.options.titleConfig.subtext = $event),
-                            placeholder: "副标题"
-                          }, null, 8, ["value"])
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(_component_a_form_item, { label: "副标题文字大小" }, {
-                        default: withCtx(() => [
-                          createVNode(_component_a_input_number, {
-                            min: 8,
-                            max: 36,
-                            value: props.record.options.titleConfig.subtextStyle.fontSize,
-                            "onUpdate:value": _cache[6] || (_cache[6] = ($event) => props.record.options.titleConfig.subtextStyle.fontSize = $event)
-                          }, null, 8, ["value"])
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(_component_a_form_item, { label: "副标题颜色" }, {
-                        default: withCtx(() => [
-                          createElementVNode("div", {
-                            class: "color-select",
-                            onClick: withModifiers(toggleSubPicker, ["stop"])
-                          }, [
-                            createElementVNode("span", {
-                              class: "swatch",
-                              style: normalizeStyle({ backgroundColor: subColor.value })
-                            }, null, 4),
-                            createElementVNode("span", _hoisted_7, toDisplayString(subColorName.value), 1),
-                            createElementVNode("span", _hoisted_8, [
-                              createVNode(unref(DownOutlined))
-                            ]),
-                            subColorPicker.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                              createElementVNode("div", _hoisted_10, [
-                                (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (c) => {
-                                  return openBlock(), createElementBlock("span", {
-                                    class: "chip",
-                                    key: "s-" + c,
-                                    style: normalizeStyle({ backgroundColor: c }),
-                                    onClick: withModifiers(($event) => pickSubColor(c), ["stop"])
-                                  }, null, 12, _hoisted_11);
-                                }), 128))
-                              ])
-                            ])) : createCommentVNode("", true)
-                          ])
-                        ]),
-                        _: 1
-                      })
-                    ], 64)) : createCommentVNode("", true),
-                    createVNode(_component_a_form_item, { label: "显示图例" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_switch, {
-                          checked: props.record.options.legendConfig.show,
-                          "onUpdate:checked": _cache[7] || (_cache[7] = ($event) => props.record.options.legendConfig.show = $event)
-                        }, null, 8, ["checked"])
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_a_col, { span: 24 }, {
-                  default: withCtx(() => [
-                    createVNode(_component_a_divider, { style: { "margin-top": "0" } }),
-                    _cache[18] || (_cache[18] = createElementVNode("div", { class: "title" }, "图形风格", -1)),
-                    createVNode(_component_a_form_item, { label: "选择图形" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_segmented, {
-                          value: seriesIdx.value,
-                          "onUpdate:value": _cache[8] || (_cache[8] = ($event) => seriesIdx.value = $event),
-                          options: seriesOptions.value,
-                          block: ""
-                        }, null, 8, ["value", "options"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "线条颜色" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", {
-                          class: "color-select",
-                          onClick: withModifiers(toggleSeriesColorPicker, ["stop"])
-                        }, [
-                          createElementVNode("span", {
-                            class: "swatch",
-                            style: normalizeStyle({ backgroundColor: seriesColor.value })
-                          }, null, 4),
-                          createElementVNode("span", _hoisted_12, toDisplayString(seriesColorName.value), 1),
-                          createElementVNode("span", _hoisted_13, [
-                            createVNode(unref(DownOutlined))
-                          ]),
-                          seriesColorPicker.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
-                            createElementVNode("div", _hoisted_15, [
-                              (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (c) => {
-                                return openBlock(), createElementBlock("span", {
-                                  class: "chip",
-                                  key: "sc-" + c,
-                                  style: normalizeStyle({ backgroundColor: c }),
-                                  onClick: withModifiers(($event) => pickSeriesColor(c), ["stop"])
-                                }, null, 12, _hoisted_16);
-                              }), 128))
-                            ])
-                          ])) : createCommentVNode("", true)
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "线条宽度" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_input_number, {
-                          min: 1,
-                          max: 10,
-                          value: seriesLineWidth.value,
-                          "onUpdate:value": _cache[9] || (_cache[9] = ($event) => seriesLineWidth.value = $event)
-                        }, null, 8, ["value"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "线条样式" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_segmented, {
-                          block: "",
-                          value: seriesLineStyle.value,
-                          "onUpdate:value": _cache[10] || (_cache[10] = ($event) => seriesLineStyle.value = $event),
-                          options: [{ label: "实线", value: "solid" }, { label: "虚线", value: "dashed" }, { label: "点线", value: "dotted" }]
-                        }, null, 8, ["value"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "显示数据点" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_switch, {
-                          checked: seriesShowSymbol.value,
-                          "onUpdate:checked": _cache[11] || (_cache[11] = ($event) => seriesShowSymbol.value = $event)
-                        }, null, 8, ["checked"])
-                      ]),
-                      _: 1
-                    }),
-                    seriesShowSymbol.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                      createVNode(_component_a_form_item, { label: "数据点大小" }, {
-                        default: withCtx(() => [
-                          createVNode(_component_a_input_number, {
-                            min: 2,
-                            max: 20,
-                            value: seriesSymbolSize.value,
-                            "onUpdate:value": _cache[12] || (_cache[12] = ($event) => seriesSymbolSize.value = $event)
-                          }, null, 8, ["value"])
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(_component_a_form_item, { label: "数据点颜色" }, {
-                        default: withCtx(() => [
-                          createElementVNode("div", {
-                            class: "color-select",
-                            onClick: withModifiers(toggleSeriesSymbolColorPicker, ["stop"])
-                          }, [
-                            createElementVNode("span", {
-                              class: "swatch",
-                              style: normalizeStyle({ backgroundColor: seriesSymbolColor.value })
-                            }, null, 4),
-                            createElementVNode("span", _hoisted_17, toDisplayString(seriesSymbolColorName.value), 1),
-                            createElementVNode("span", _hoisted_18, [
-                              createVNode(unref(DownOutlined))
-                            ]),
-                            seriesSymbolColorPicker.value ? (openBlock(), createElementBlock("div", _hoisted_19, [
-                              createElementVNode("div", _hoisted_20, [
-                                (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (c) => {
-                                  return openBlock(), createElementBlock("span", {
-                                    class: "chip",
-                                    key: "ssc-" + c,
-                                    style: normalizeStyle({ backgroundColor: c }),
-                                    onClick: withModifiers(($event) => pickSeriesSymbolColor(c), ["stop"])
-                                  }, null, 12, _hoisted_21);
-                                }), 128))
-                              ])
-                            ])) : createCommentVNode("", true)
-                          ])
-                        ]),
-                        _: 1
-                      })
-                    ], 64)) : createCommentVNode("", true),
-                    createVNode(_component_a_form_item, { label: "平滑曲线" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_switch, {
-                          checked: seriesSmooth.value,
-                          "onUpdate:checked": _cache[13] || (_cache[13] = ($event) => seriesSmooth.value = $event)
-                        }, null, 8, ["checked"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "上下边距" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_22, [
-                          createVNode(_component_a_slider, {
-                            min: 0,
-                            max: 10,
-                            value: props.record.options.style.tbPadding,
-                            "onUpdate:value": _cache[14] || (_cache[14] = ($event) => props.record.options.style.tbPadding = $event),
-                            style: { "flex": "1", "margin-right": "12px" }
-                          }, null, 8, ["value"]),
-                          createVNode(_component_a_input_number, {
-                            min: 0,
-                            max: 10,
-                            value: props.record.options.style.tbPadding,
-                            "onUpdate:value": _cache[15] || (_cache[15] = ($event) => props.record.options.style.tbPadding = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "左右边距" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_23, [
-                          createVNode(_component_a_slider, {
-                            min: 0,
-                            max: 10,
-                            value: props.record.options.style.lrPadding,
-                            "onUpdate:value": _cache[16] || (_cache[16] = ($event) => props.record.options.style.lrPadding = $event),
-                            style: { "flex": "1", "margin-right": "12px" }
-                          }, null, 8, ["value"]),
-                          createVNode(_component_a_input_number, {
-                            min: 0,
-                            max: 10,
-                            value: props.record.options.style.lrPadding,
-                            "onUpdate:value": _cache[17] || (_cache[17] = ($event) => props.record.options.style.lrPadding = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const LineChartStylePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-00e35522"]]);
-export {
-  LineChartStylePes as default
-};

package/dist/sun-card-designer.es68.js

@@ -1,124 +0,0 @@
-import { ref, computed, onMounted, watch, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, createBlock, unref } from "vue";
-import { Vue3JsonEditor } from "vue3-json-editor";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "pie-base-pes" };
-const _sfc_main = {
-  __name: "pieChartBasePes",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const modeOptions = ref([
-      { value: "static", label: "静态" },
-      { value: "dynamic", label: "动态" }
-    ]);
-    const seriesDataProxy = computed({
-      get() {
-        const s = props.record.options.seriesConfig?.[0];
-        return s && Array.isArray(s.data) ? s.data : [];
-      },
-      set(val) {
-        if (!Array.isArray(props.record.options.seriesConfig)) props.record.options.seriesConfig = [{}];
-        if (!props.record.options.seriesConfig[0]) props.record.options.seriesConfig[0] = { type: "pie" };
-        props.record.options.seriesConfig[0].data = val;
-      }
-    });
-    const arrayVariableOptions = computed(() => {
-      return (cardManageStore.variableList || []).filter((e) => e.type === "Array").map((e) => ({ label: e.name, value: e.name }));
-    });
-    const seriesDynamicValue = ref(null);
-    const onSeriesJsonChange = (params) => {
-      seriesDataProxy.value = params;
-    };
-    const applySeriesDynamic = (val) => {
-      if (!Array.isArray(props.record.options.seriesConfig)) props.record.options.seriesConfig = [{}];
-      if (!props.record.options.seriesConfig[0]) props.record.options.seriesConfig[0] = { type: "pie" };
-      props.record.options.seriesConfig[0].data = val;
-    };
-    onMounted(() => {
-      const s = props.record.options.seriesConfig?.[0];
-      if (s && typeof s.data === "string") {
-        seriesDynamicValue.value = s.data;
-      } else {
-        seriesDynamicValue.value = null;
-      }
-    });
-    watch(
-      () => props.record.options.mode,
-      (val) => {
-        if (val === "static") {
-          seriesDataProxy.value = [
-            { value: 1048, name: "饼图" },
-            { value: 735, name: "柱状图" },
-            { value: 580, name: "折线图" },
-            { value: 484, name: "路径图" },
-            { value: 300, name: "关系图" }
-          ];
-          seriesDynamicValue.value = null;
-        } else {
-          seriesDynamicValue.value = typeof props.record.options.seriesConfig?.[0]?.data === "string" ? props.record.options.seriesConfig[0].data : null;
-        }
-      }
-    );
-    return (_ctx, _cache) => {
-      const _component_a_segmented = resolveComponent("a-segmented");
-      const _component_a_select = resolveComponent("a-select");
-      const _component_a_form_item = resolveComponent("a-form-item");
-      const _component_a_col = resolveComponent("a-col");
-      const _component_a_row = resolveComponent("a-row");
-      const _component_a_form = resolveComponent("a-form");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _cache[3] || (_cache[3] = createElementVNode("div", { class: "title" }, "数据", -1)),
-        createVNode(_component_a_form, { layout: "vertical" }, {
-          default: withCtx(() => [
-            createVNode(_component_a_row, { gutter: [16, 16] }, {
-              default: withCtx(() => [
-                createVNode(_component_a_col, { span: 24 }, {
-                  default: withCtx(() => [
-                    createVNode(_component_a_segmented, {
-                      block: "",
-                      value: props.record.options.mode,
-                      "onUpdate:value": _cache[0] || (_cache[0] = ($event) => props.record.options.mode = $event),
-                      options: modeOptions.value,
-                      style: { "margin-bottom": "10px" }
-                    }, null, 8, ["value", "options"]),
-                    createVNode(_component_a_form_item, { label: "配置数据" }, {
-                      default: withCtx(() => [
-                        props.record.options.mode === "static" ? (openBlock(), createBlock(unref(Vue3JsonEditor), {
-                          key: 0,
-                          mode: "text",
-                          "show-btns": false,
-                          expandedOnStart: false,
-                          modelValue: seriesDataProxy.value,
-                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => seriesDataProxy.value = $event),
-                          onJsonChange: onSeriesJsonChange
-                        }, null, 8, ["modelValue"])) : (openBlock(), createBlock(_component_a_select, {
-                          key: 1,
-                          value: seriesDynamicValue.value,
-                          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => seriesDynamicValue.value = $event),
-                          options: arrayVariableOptions.value,
-                          placeholder: "选择变量",
-                          onChange: applySeriesDynamic
-                        }, null, 8, ["value", "options"]))
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const PieChartBasePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7536c196"]]);
-export {
-  PieChartBasePes as default
-};