sun-card-design 1.1.37 → 1.1.39

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

@@ -1,760 +0,0 @@
-import { computed, ref, watch, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createCommentVNode, Fragment, withModifiers, normalizeStyle, toDisplayString, unref, renderList, createBlock } 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: "bar-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: "arrow" };
-const _hoisted_18 = {
-  key: 0,
-  class: "color-picker"
-};
-const _hoisted_19 = { class: "color-grid" };
-const _hoisted_20 = ["onClick"];
-const _hoisted_21 = { class: "arrow" };
-const _hoisted_22 = {
-  key: 0,
-  class: "color-picker"
-};
-const _hoisted_23 = { class: "color-grid" };
-const _hoisted_24 = ["onClick"];
-const _hoisted_25 = { class: "label" };
-const _hoisted_26 = { class: "arrow" };
-const _hoisted_27 = {
-  key: 0,
-  class: "color-picker"
-};
-const _hoisted_28 = { class: "color-grid" };
-const _hoisted_29 = ["onClick"];
-const _hoisted_30 = { style: { "display": "flex", "gap": "8px", "align-items": "center" } };
-const _hoisted_31 = { class: "slider-row" };
-const _hoisted_32 = { class: "slider-row" };
-const _sfc_main = {
-  __name: "barChartStylePes",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    computed({
-      get() {
-        const first = props.record.options.seriesConfig?.[0];
-        return first?.itemStyle?.borderRadius || 0;
-      },
-      set(val) {
-        if (!Array.isArray(props.record.options.seriesConfig)) props.record.options.seriesConfig = [{}];
-        const first = props.record.options.seriesConfig[0] = props.record.options.seriesConfig[0] || {};
-        first.itemStyle = first.itemStyle || {};
-        first.itemStyle.borderRadius = val;
-      }
-    });
-    const colorList = ref(ColorList);
-    const nameMap = ColorNameMap;
-    const titleColorPicker = ref(false);
-    const subColorPicker = 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 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;
-    };
-    const toggleSubPicker = () => {
-      subColorPicker.value = !subColorPicker.value;
-      titleColorPicker.value = false;
-    };
-    const pickTitleColor = (hex) => {
-      titleColor.value = hex;
-      titleColorPicker.value = false;
-    };
-    const pickSubColor = (hex) => {
-      subColor.value = hex;
-      subColorPicker.value = false;
-    };
-    computed({
-      get() {
-        return !!(props.record.options.titleConfig?.subtext && props.record.options.titleConfig.subtext !== "");
-      },
-      set(val) {
-        ensureTitleObjects();
-        if (!val) {
-          props.record.options.titleConfig.subtext = "";
-        } else {
-          if (!props.record.options.titleConfig.subtext) props.record.options.titleConfig.subtext = "副标题";
-        }
-      }
-    });
-    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: "bar", data: [], itemStyle: {} });
-      s.itemStyle = s.itemStyle || {};
-      return s;
-    };
-    const seriesType = computed({
-      get() {
-        const list = props.record.options.seriesConfig || [];
-        return list[seriesIdx.value]?.type || "bar";
-      },
-      set(v) {
-        const list = props.record.options.seriesConfig || [];
-        if (!list[seriesIdx.value]) list[seriesIdx.value] = { type: "bar", data: [], itemStyle: {} };
-        list[seriesIdx.value].type = v;
-      }
-    });
-    const seriesColorPicker = ref(false);
-    const seriesBorderColorPicker = ref(false);
-    const gradStartPicker = ref(false);
-    const gradEndPicker = ref(false);
-    const seriesColorMode = ref("solid");
-    const seriesGradStart = ref("#83bff6");
-    const seriesGradEnd = ref("#188df0");
-    const seriesColor = computed({
-      get() {
-        const s = ensureSeriesItemStyle();
-        return s.itemStyle.color || "auto";
-      },
-      set(v) {
-        const s = ensureSeriesItemStyle();
-        s.itemStyle.color = v;
-      }
-    });
-    const seriesBorderColor = computed({
-      get() {
-        const s = ensureSeriesItemStyle();
-        return s.itemStyle.borderColor || "#000";
-      },
-      set(v) {
-        const s = ensureSeriesItemStyle();
-        s.itemStyle.borderColor = v;
-      }
-    });
-    const seriesBR = computed({
-      get() {
-        const s = ensureSeriesItemStyle();
-        const br = Array.isArray(s.itemStyle.borderRadius) ? s.itemStyle.borderRadius : [0, 0, 0, 0];
-        return br[0] ?? 0;
-      },
-      set(v) {
-        const s = ensureSeriesItemStyle();
-        const n = Number(v) || 0;
-        s.itemStyle.borderRadius = [n, n, 0, 0];
-      }
-    });
-    const seriesBorderWidth = computed({
-      get() {
-        const s = ensureSeriesItemStyle();
-        return s.itemStyle.borderWidth || 0;
-      },
-      set(v) {
-        const s = ensureSeriesItemStyle();
-        s.itemStyle.borderWidth = v;
-      }
-    });
-    const seriesColorName = computed(() => nameMap[seriesColor.value] || (seriesColor.value === "auto" ? "auto" : "自定义"));
-    const seriesBorderColorName = computed(() => nameMap[seriesBorderColor.value] || "自定义");
-    const toggleSeriesColorPicker = () => {
-      seriesColorPicker.value = !seriesColorPicker.value;
-      seriesBorderColorPicker.value = false;
-      gradStartPicker.value = false;
-      gradEndPicker.value = false;
-    };
-    const toggleSeriesBorderColorPicker = () => {
-      seriesBorderColorPicker.value = !seriesBorderColorPicker.value;
-      seriesColorPicker.value = false;
-      gradStartPicker.value = false;
-      gradEndPicker.value = false;
-    };
-    const pickSeriesColor = (hex) => {
-      seriesColor.value = hex;
-      seriesColorPicker.value = false;
-      const s = ensureSeriesItemStyle();
-      s.itemStyle.colorType = "solid";
-      seriesColorMode.value = "solid";
-    };
-    const toggleGradStartPicker = () => {
-      gradStartPicker.value = !gradStartPicker.value;
-      seriesColorPicker.value = false;
-      seriesBorderColorPicker.value = false;
-      gradEndPicker.value = false;
-    };
-    const toggleGradEndPicker = () => {
-      gradEndPicker.value = !gradEndPicker.value;
-      seriesColorPicker.value = false;
-      seriesBorderColorPicker.value = false;
-      gradStartPicker.value = false;
-    };
-    const pickGradStart = (hex) => {
-      seriesGradStart.value = hex;
-      gradStartPicker.value = false;
-    };
-    const pickGradEnd = (hex) => {
-      seriesGradEnd.value = hex;
-      gradEndPicker.value = false;
-    };
-    const pickSeriesBorderColor = (hex) => {
-      seriesBorderColor.value = hex;
-      seriesBorderColorPicker.value = false;
-    };
-    watch(seriesColorMode, (mode) => {
-      const s = ensureSeriesItemStyle();
-      s.itemStyle.colorType = mode;
-      if (mode === "solid") {
-        if (typeof s.itemStyle.color !== "string") s.itemStyle.color = "auto";
-      } else {
-        s.itemStyle.color = {
-          type: "linearGradient",
-          x: 0,
-          y: 0,
-          x2: 0,
-          y2: 1,
-          colorStops: [
-            { offset: 0, color: seriesGradStart.value },
-            { offset: 1, color: seriesGradEnd.value }
-          ]
-        };
-      }
-    });
-    watch([seriesGradStart, seriesGradEnd], () => {
-      if (seriesColorMode.value !== "gradient") return;
-      const s = ensureSeriesItemStyle();
-      s.itemStyle.colorType = "gradient";
-      s.itemStyle.color = {
-        type: "linearGradient",
-        x: 0,
-        y: 0,
-        x2: 0,
-        y2: 1,
-        colorStops: [
-          { offset: 0, color: seriesGradStart.value },
-          { offset: 1, color: seriesGradEnd.value }
-        ]
-      };
-    });
-    const initSeriesColorMode = () => {
-      const s = ensureSeriesItemStyle();
-      const type = s.itemStyle.colorType;
-      if (type === "gradient") {
-        seriesColorMode.value = "gradient";
-        if (s.itemStyle.color && s.itemStyle.color.colorStops) {
-          seriesGradStart.value = s.itemStyle.color.colorStops[0]?.color || "#83bff6";
-          seriesGradEnd.value = s.itemStyle.color.colorStops[1]?.color || "#188df0";
-        }
-      } else if (type === "solid") {
-        seriesColorMode.value = "solid";
-      } else {
-        seriesColorMode.value = typeof s.itemStyle.color === "string" ? "solid" : "gradient";
-        s.itemStyle.colorType = seriesColorMode.value;
-        if (seriesColorMode.value === "gradient" && s.itemStyle.color && s.itemStyle.color.colorStops) {
-          seriesGradStart.value = s.itemStyle.color.colorStops[0]?.color || "#83bff6";
-          seriesGradEnd.value = s.itemStyle.color.colorStops[1]?.color || "#188df0";
-        }
-      }
-    };
-    initSeriesColorMode();
-    watch(seriesIdx, () => {
-      initSeriesColorMode();
-    });
-    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_segmented = resolveComponent("a-segmented");
-      const _component_a_col = resolveComponent("a-col");
-      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[24] || (_cache[24] = 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_divider),
-                    _cache[20] || (_cache[20] = createElementVNode("div", { class: "title" }, "标签", -1)),
-                    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
-                    }),
-                    props.record.options.legendConfig.show ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                      createVNode(_component_a_form_item, { label: "方向" }, {
-                        default: withCtx(() => [
-                          createVNode(_component_a_segmented, {
-                            block: "",
-                            value: props.record.options.legendConfig.orient,
-                            "onUpdate:value": _cache[8] || (_cache[8] = ($event) => props.record.options.legendConfig.orient = $event),
-                            options: [
-                              { label: "水平", value: "horizontal" },
-                              { label: "垂直", value: "vertical" }
-                            ]
-                          }, null, 8, ["value"])
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(_component_a_form_item, { label: "水平位置" }, {
-                        default: withCtx(() => [
-                          createVNode(_component_a_segmented, {
-                            block: "",
-                            value: props.record.options.legendConfig.left,
-                            "onUpdate:value": _cache[9] || (_cache[9] = ($event) => props.record.options.legendConfig.left = $event),
-                            options: [
-                              { label: "左", value: "left" },
-                              { label: "中", value: "center" },
-                              { label: "右", value: "right" }
-                            ]
-                          }, null, 8, ["value"])
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(_component_a_form_item, { label: "垂直位置" }, {
-                        default: withCtx(() => [
-                          createVNode(_component_a_segmented, {
-                            block: "",
-                            value: props.record.options.legendConfig.top,
-                            "onUpdate:value": _cache[10] || (_cache[10] = ($event) => props.record.options.legendConfig.top = $event),
-                            options: [
-                              { label: "上", value: "top" },
-                              { label: "中", value: "center" },
-                              { label: "下", value: "bottom" }
-                            ]
-                          }, null, 8, ["value"])
-                        ]),
-                        _: 1
-                      })
-                    ], 64)) : createCommentVNode("", true)
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_a_col, { span: 24 }, {
-                  default: withCtx(() => [
-                    createVNode(_component_a_divider),
-                    _cache[23] || (_cache[23] = createElementVNode("div", { class: "title" }, "图形风格", -1)),
-                    createVNode(_component_a_form_item, { label: "选择图形" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_segmented, {
-                          value: seriesIdx.value,
-                          "onUpdate:value": _cache[11] || (_cache[11] = ($event) => seriesIdx.value = $event),
-                          options: seriesOptions.value,
-                          block: ""
-                        }, null, 8, ["value", "options"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "类型" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_segmented, {
-                          block: "",
-                          value: seriesType.value,
-                          "onUpdate:value": _cache[12] || (_cache[12] = ($event) => seriesType.value = $event),
-                          options: [{ label: "柱状", value: "bar" }, { label: "折线", value: "line" }]
-                        }, null, 8, ["value"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "柱/线颜色" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", null, [
-                          createVNode(_component_a_segmented, {
-                            block: "",
-                            value: seriesColorMode.value,
-                            "onUpdate:value": _cache[13] || (_cache[13] = ($event) => seriesColorMode.value = $event),
-                            options: [{ label: "纯色", value: "solid" }, { label: "渐变", value: "gradient" }],
-                            style: { "margin-bottom": "20px" }
-                          }, null, 8, ["value"]),
-                          seriesColorMode.value === "solid" ? (openBlock(), createElementBlock("div", {
-                            key: 0,
-                            class: "color-select",
-                            style: { "flex": "1" },
-                            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)
-                          ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                            createElementVNode("div", {
-                              class: "color-select",
-                              style: { "margin-bottom": "12px" },
-                              onClick: withModifiers(toggleGradStartPicker, ["stop"])
-                            }, [
-                              createElementVNode("span", {
-                                class: "swatch",
-                                style: normalizeStyle({ backgroundColor: seriesGradStart.value })
-                              }, null, 4),
-                              _cache[21] || (_cache[21] = createElementVNode("span", { class: "label" }, "起始色", -1)),
-                              createElementVNode("span", _hoisted_17, [
-                                createVNode(unref(DownOutlined))
-                              ]),
-                              gradStartPicker.value ? (openBlock(), createElementBlock("div", _hoisted_18, [
-                                createElementVNode("div", _hoisted_19, [
-                                  (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (c) => {
-                                    return openBlock(), createElementBlock("span", {
-                                      class: "chip",
-                                      key: "gst-" + c,
-                                      style: normalizeStyle({ backgroundColor: c }),
-                                      onClick: withModifiers(($event) => pickGradStart(c), ["stop"])
-                                    }, null, 12, _hoisted_20);
-                                  }), 128))
-                                ])
-                              ])) : createCommentVNode("", true)
-                            ]),
-                            createElementVNode("div", {
-                              class: "color-select",
-                              style: { "margin-bottom": "12px" },
-                              onClick: withModifiers(toggleGradEndPicker, ["stop"])
-                            }, [
-                              createElementVNode("span", {
-                                class: "swatch",
-                                style: normalizeStyle({ backgroundColor: seriesGradEnd.value })
-                              }, null, 4),
-                              _cache[22] || (_cache[22] = createElementVNode("span", { class: "label" }, "结束色", -1)),
-                              createElementVNode("span", _hoisted_21, [
-                                createVNode(unref(DownOutlined))
-                              ]),
-                              gradEndPicker.value ? (openBlock(), createElementBlock("div", _hoisted_22, [
-                                createElementVNode("div", _hoisted_23, [
-                                  (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (c) => {
-                                    return openBlock(), createElementBlock("span", {
-                                      class: "chip",
-                                      key: "ged-" + c,
-                                      style: normalizeStyle({ backgroundColor: c }),
-                                      onClick: withModifiers(($event) => pickGradEnd(c), ["stop"])
-                                    }, null, 12, _hoisted_24);
-                                  }), 128))
-                                ])
-                              ])) : createCommentVNode("", true)
-                            ])
-                          ], 64))
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    seriesType.value === "bar" ? (openBlock(), createBlock(_component_a_form_item, {
-                      key: 0,
-                      label: "边框颜色"
-                    }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", {
-                          class: "color-select",
-                          onClick: withModifiers(toggleSeriesBorderColorPicker, ["stop"])
-                        }, [
-                          createElementVNode("span", {
-                            class: "swatch",
-                            style: normalizeStyle({ backgroundColor: seriesBorderColor.value })
-                          }, null, 4),
-                          createElementVNode("span", _hoisted_25, toDisplayString(seriesBorderColorName.value), 1),
-                          createElementVNode("span", _hoisted_26, [
-                            createVNode(unref(DownOutlined))
-                          ]),
-                          seriesBorderColorPicker.value ? (openBlock(), createElementBlock("div", _hoisted_27, [
-                            createElementVNode("div", _hoisted_28, [
-                              (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (c) => {
-                                return openBlock(), createElementBlock("span", {
-                                  class: "chip",
-                                  key: "sbc-" + c,
-                                  style: normalizeStyle({ backgroundColor: c }),
-                                  onClick: withModifiers(($event) => pickSeriesBorderColor(c), ["stop"])
-                                }, null, 12, _hoisted_29);
-                              }), 128))
-                            ])
-                          ])) : createCommentVNode("", true)
-                        ])
-                      ]),
-                      _: 1
-                    })) : createCommentVNode("", true),
-                    seriesType.value === "bar" ? (openBlock(), createBlock(_component_a_form_item, {
-                      key: 1,
-                      label: "圆角"
-                    }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_30, [
-                          createVNode(_component_a_input_number, {
-                            min: 0,
-                            max: 20,
-                            value: seriesBR.value,
-                            "onUpdate:value": _cache[14] || (_cache[14] = ($event) => seriesBR.value = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    })) : createCommentVNode("", true),
-                    seriesType.value === "bar" ? (openBlock(), createBlock(_component_a_form_item, {
-                      key: 2,
-                      label: "边框宽度"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_input_number, {
-                          min: 0,
-                          max: 10,
-                          value: seriesBorderWidth.value,
-                          "onUpdate:value": _cache[15] || (_cache[15] = ($event) => seriesBorderWidth.value = $event)
-                        }, null, 8, ["value"])
-                      ]),
-                      _: 1
-                    })) : createCommentVNode("", true),
-                    createVNode(_component_a_form_item, { label: "上下边距" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_31, [
-                          createVNode(_component_a_slider, {
-                            min: 0,
-                            max: 10,
-                            value: props.record.options.style.tbPadding,
-                            "onUpdate:value": _cache[16] || (_cache[16] = ($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[17] || (_cache[17] = ($event) => props.record.options.style.tbPadding = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "左右边距" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_32, [
-                          createVNode(_component_a_slider, {
-                            min: 0,
-                            max: 10,
-                            value: props.record.options.style.lrPadding,
-                            "onUpdate:value": _cache[18] || (_cache[18] = ($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[19] || (_cache[19] = ($event) => props.record.options.style.lrPadding = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const BarChartStylePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-da4d4588"]]);
-export {
-  BarChartStylePes as default
-};