sun-card-design 1.1.37 → 1.1.39

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

@@ -1,315 +0,0 @@
-import { ref, computed, watch, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, withModifiers, createCommentVNode, normalizeStyle, toDisplayString, unref, Fragment, 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: "bar3d-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 = { key: 1 };
-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: "arrow" };
-const _hoisted_13 = {
-  key: 0,
-  class: "color-picker"
-};
-const _hoisted_14 = { class: "color-grid" };
-const _hoisted_15 = ["onClick"];
-const _hoisted_16 = { class: "slider-row" };
-const _hoisted_17 = { class: "slider-row" };
-const _sfc_main = {
-  __name: "barChart3DStylePes",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const colorList = ref(ColorList);
-    const nameMap = ColorNameMap;
-    const colorPicker = ref(false);
-    const ensureSeries = () => {
-      props.record.options.seriesConfig = props.record.options.seriesConfig || [{}];
-      props.record.options.seriesConfig[0] = props.record.options.seriesConfig[0] || {};
-      props.record.options.seriesConfig[0].itemStyle = props.record.options.seriesConfig[0].itemStyle || {};
-    };
-    const seriesColor = computed({
-      get() {
-        ensureSeries();
-        const c = props.record.options.seriesConfig[0].itemStyle.color;
-        return typeof c === "string" && c !== "auto" ? c : "#2b7fff";
-      },
-      set(v) {
-        ensureSeries();
-        props.record.options.seriesConfig[0].itemStyle.color = v;
-      }
-    });
-    const colorMode = computed({
-      get() {
-        ensureSeries();
-        const c = props.record.options.seriesConfig[0].itemStyle.color;
-        return typeof c === "object" ? "gradient" : "solid";
-      },
-      set(v) {
-        ensureSeries();
-        if (v === "solid") {
-          props.record.options.seriesConfig[0].itemStyle.colorType = "solid";
-          props.record.options.seriesConfig[0].itemStyle.color = seriesColor.value;
-        } else {
-          props.record.options.seriesConfig[0].itemStyle.colorType = "gradient";
-          props.record.options.seriesConfig[0].itemStyle.color = {
-            type: "linearGradient",
-            x: 0,
-            y: 0,
-            x2: 0,
-            y2: 1,
-            colorStops: [
-              { offset: 0, color: gradStart.value },
-              { offset: 1, color: gradEnd.value }
-            ]
-          };
-        }
-      }
-    });
-    const seriesColorName = computed(() => nameMap[seriesColor.value] || "自定义");
-    const toggleColorPicker = () => {
-      colorPicker.value = !colorPicker.value;
-    };
-    const pickColor = (hex) => {
-      seriesColor.value = hex;
-      colorPicker.value = false;
-    };
-    const gradStartPicker = ref(false);
-    const gradEndPicker = ref(false);
-    const gradStart = ref("#83bff6");
-    const gradEnd = ref("#188df0");
-    const toggleGradStartPicker = () => {
-      gradStartPicker.value = !gradStartPicker.value;
-    };
-    const toggleGradEndPicker = () => {
-      gradEndPicker.value = !gradEndPicker.value;
-    };
-    const pickGradStart = (hex) => {
-      gradStart.value = hex;
-      gradStartPicker.value = false;
-    };
-    const pickGradEnd = (hex) => {
-      gradEnd.value = hex;
-      gradEndPicker.value = false;
-    };
-    watch([gradStart, gradEnd], () => {
-      ensureSeries();
-      if (colorMode.value !== "gradient") return;
-      props.record.options.seriesConfig[0].itemStyle.colorType = "gradient";
-      props.record.options.seriesConfig[0].itemStyle.color = {
-        type: "linearGradient",
-        x: 0,
-        y: 0,
-        x2: 0,
-        y2: 1,
-        colorStops: [
-          { offset: 0, color: gradStart.value },
-          { offset: 1, color: gradEnd.value }
-        ]
-      };
-    });
-    if (!props.record.options.seriesConfig?.[0]?.itemStyle?.color) {
-      ensureSeries();
-      props.record.options.seriesConfig[0].itemStyle.colorType = "solid";
-      props.record.options.seriesConfig[0].itemStyle.color = "#2b7fff";
-    }
-    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_segmented = resolveComponent("a-segmented");
-      const _component_a_slider = resolveComponent("a-slider");
-      const _component_a_input_number = resolveComponent("a-input-number");
-      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, [
-        createVNode(_component_a_divider, { style: { "margin-top": "0" } }),
-        _cache[9] || (_cache[9] = 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_segmented, {
-                          value: colorMode.value,
-                          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => colorMode.value = $event),
-                          options: [{ label: "纯色", value: "solid" }, { label: "渐变", value: "gradient" }],
-                          style: { "margin-bottom": "10px" }
-                        }, null, 8, ["value"]),
-                        colorMode.value === "solid" ? (openBlock(), createElementBlock("div", {
-                          key: 0,
-                          class: "color-select",
-                          onClick: withModifiers(toggleColorPicker, ["stop"])
-                        }, [
-                          createElementVNode("span", {
-                            class: "swatch",
-                            style: normalizeStyle({ backgroundColor: seriesColor.value })
-                          }, null, 4),
-                          createElementVNode("span", _hoisted_2, toDisplayString(seriesColorName.value), 1),
-                          createElementVNode("span", _hoisted_3, [
-                            createVNode(unref(DownOutlined))
-                          ]),
-                          colorPicker.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: c,
-                                  style: normalizeStyle({ backgroundColor: c }),
-                                  onClick: withModifiers(($event) => pickColor(c), ["stop"])
-                                }, null, 12, _hoisted_6);
-                              }), 128))
-                            ])
-                          ])) : createCommentVNode("", true)
-                        ])) : (openBlock(), createElementBlock("div", _hoisted_7, [
-                          createElementVNode("div", {
-                            class: "color-select",
-                            style: { "margin-bottom": "12px" },
-                            onClick: withModifiers(toggleGradStartPicker, ["stop"])
-                          }, [
-                            createElementVNode("span", {
-                              class: "swatch",
-                              style: normalizeStyle({ backgroundColor: gradStart.value })
-                            }, null, 4),
-                            _cache[7] || (_cache[7] = createElementVNode("span", { class: "label" }, "起始色", -1)),
-                            createElementVNode("span", _hoisted_8, [
-                              createVNode(unref(DownOutlined))
-                            ]),
-                            gradStartPicker.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: "gs-" + c,
-                                    style: normalizeStyle({ backgroundColor: c }),
-                                    onClick: withModifiers(($event) => pickGradStart(c), ["stop"])
-                                  }, null, 12, _hoisted_11);
-                                }), 128))
-                              ])
-                            ])) : createCommentVNode("", true)
-                          ]),
-                          createElementVNode("div", {
-                            class: "color-select",
-                            style: { "margin-bottom": "12px" },
-                            onClick: withModifiers(toggleGradEndPicker, ["stop"])
-                          }, [
-                            createElementVNode("span", {
-                              class: "swatch",
-                              style: normalizeStyle({ backgroundColor: gradEnd.value })
-                            }, null, 4),
-                            _cache[8] || (_cache[8] = createElementVNode("span", { class: "label" }, "结束色", -1)),
-                            createElementVNode("span", _hoisted_12, [
-                              createVNode(unref(DownOutlined))
-                            ]),
-                            gradEndPicker.value ? (openBlock(), createElementBlock("div", _hoisted_13, [
-                              createElementVNode("div", _hoisted_14, [
-                                (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (c) => {
-                                  return openBlock(), createElementBlock("span", {
-                                    class: "chip",
-                                    key: "ge-" + c,
-                                    style: normalizeStyle({ backgroundColor: c }),
-                                    onClick: withModifiers(($event) => pickGradEnd(c), ["stop"])
-                                  }, null, 12, _hoisted_15);
-                                }), 128))
-                              ])
-                            ])) : createCommentVNode("", true)
-                          ])
-                        ]))
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "上下边距" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_16, [
-                          createVNode(_component_a_slider, {
-                            min: 0,
-                            max: 10,
-                            value: props.record.options.style.tbPadding,
-                            "onUpdate:value": _cache[3] || (_cache[3] = ($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[4] || (_cache[4] = ($event) => props.record.options.style.tbPadding = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "左右边距" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_17, [
-                          createVNode(_component_a_slider, {
-                            min: 0,
-                            max: 10,
-                            value: props.record.options.style.lrPadding,
-                            "onUpdate:value": _cache[5] || (_cache[5] = ($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[6] || (_cache[6] = ($event) => props.record.options.style.lrPadding = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const BarChart3DStylePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-94301d75"]]);
-export {
-  BarChart3DStylePes as default
-};

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

@@ -1,114 +0,0 @@
-import { computed, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx } from "vue";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "panorama-style" };
-const _hoisted_2 = { class: "slider-row" };
-const _hoisted_3 = { class: "slider-row" };
-const _sfc_main = {
-  __name: "panoramaStylePes",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const widthVal = computed({
-      get() {
-        return props.record?.options?.style?.width ?? "100%";
-      },
-      set(v) {
-        if (!props.record.options) props.record.options = {};
-        if (!props.record.options.style) props.record.options.style = {};
-        props.record.options.style.width = v;
-      }
-    });
-    const heightVal = computed({
-      get() {
-        return props.record?.options?.style?.height ?? "360px";
-      },
-      set(v) {
-        if (!props.record.options) props.record.options = {};
-        if (!props.record.options.style) props.record.options.style = {};
-        props.record.options.style.height = v;
-      }
-    });
-    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_slider = resolveComponent("a-slider");
-      const _component_a_input_number = resolveComponent("a-input-number");
-      const _component_a_form = resolveComponent("a-form");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_component_a_divider, { style: { "margin-top": "0" } }),
-        _cache[6] || (_cache[6] = createElementVNode("div", { class: "title" }, "样式", -1)),
-        createVNode(_component_a_form, { layout: "vertical" }, {
-          default: withCtx(() => [
-            createVNode(_component_a_form_item, { label: "宽度" }, {
-              default: withCtx(() => [
-                createVNode(_component_a_input, {
-                  value: widthVal.value,
-                  "onUpdate:value": _cache[0] || (_cache[0] = ($event) => widthVal.value = $event),
-                  placeholder: "如 100% 或 360px"
-                }, null, 8, ["value"])
-              ]),
-              _: 1
-            }),
-            createVNode(_component_a_form_item, { label: "高度" }, {
-              default: withCtx(() => [
-                createVNode(_component_a_input, {
-                  value: heightVal.value,
-                  "onUpdate:value": _cache[1] || (_cache[1] = ($event) => heightVal.value = $event),
-                  placeholder: "如 360px"
-                }, null, 8, ["value"])
-              ]),
-              _: 1
-            }),
-            createVNode(_component_a_form_item, { label: "上下边距" }, {
-              default: withCtx(() => [
-                createElementVNode("div", _hoisted_2, [
-                  createVNode(_component_a_slider, {
-                    min: 0,
-                    max: 10,
-                    value: props.record.options.style.tbPadding,
-                    "onUpdate:value": _cache[2] || (_cache[2] = ($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[3] || (_cache[3] = ($event) => props.record.options.style.tbPadding = $event)
-                  }, null, 8, ["value"])
-                ])
-              ]),
-              _: 1
-            }),
-            createVNode(_component_a_form_item, { label: "左右边距" }, {
-              default: withCtx(() => [
-                createElementVNode("div", _hoisted_3, [
-                  createVNode(_component_a_slider, {
-                    min: 0,
-                    max: 10,
-                    value: props.record.options.style.lrPadding,
-                    "onUpdate:value": _cache[4] || (_cache[4] = ($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[5] || (_cache[5] = ($event) => props.record.options.style.lrPadding = $event)
-                  }, null, 8, ["value"])
-                ])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const PanoramaStylePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-400185b3"]]);
-export {
-  PanoramaStylePes as default
-};