sun-card-design 1.1.37 → 1.1.38

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

@@ -1,283 +0,0 @@
-import { ref, computed, onMounted, watch, onBeforeUnmount, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, withModifiers, createCommentVNode, normalizeStyle, toDisplayString, unref, Fragment, renderList } from "vue";
-import { DownOutlined } from "@ant-design/icons-vue";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "title-style" };
-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: "slider-row" };
-const _hoisted_13 = { class: "slider-row" };
-const _sfc_main = {
-  __name: "audioStylePes",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const pickerOpen = ref("");
-    const playColor = ref("#4a6bff");
-    const progressColor = ref("linear-gradient(90deg, #E65C00, #F9D423)");
-    const colorList = ref([
-      "#1677ff",
-      "#409eff",
-      "#00b578",
-      "#ff4d4f",
-      "#fa8c16",
-      "#722ed1",
-      "#13c2c2",
-      "#2f54eb",
-      "#999999"
-    ]);
-    const progressColorList = ref([
-      "linear-gradient(90deg, #003D4D, #00C996)",
-      "linear-gradient(90deg, #00F5A0, #00D9F5)",
-      "linear-gradient(90deg, #02AAB0, #00CDAC)",
-      "linear-gradient(90deg, #4776E6, #8E54E9)",
-      "linear-gradient(90deg, #536976, #292E49)",
-      "linear-gradient(90deg, #9400D3, #4B0082)",
-      "linear-gradient(90deg, #9796F0, #FBC7D4)",
-      "linear-gradient(90deg, #AA076B, #61045F)",
-      "linear-gradient(90deg, #BF5AE0, #A811DA)",
-      "linear-gradient(90deg, #C84E89, #F15F79)",
-      "linear-gradient(90deg, #DDD6F3, #FAACA8)",
-      "linear-gradient(90deg, #E52D27, #B31217)",
-      "linear-gradient(90deg, #E65C00, #F9D423)",
-      "linear-gradient(90deg, #EC008C, #FC6767)",
-      "linear-gradient(90deg, #EC6F66, #F3A183)",
-      "linear-gradient(90deg, #F09819, #EDDE5D)",
-      "linear-gradient(90deg, #F857A6, #FF5858)",
-      "linear-gradient(90deg, #FBED96, #ABECD6)",
-      "linear-gradient(90deg, #FF512F, #DD2476)",
-      "#1677ff",
-      "#409eff",
-      "#00b578",
-      "#ff4d4f",
-      "#fa8c16",
-      "#722ed1",
-      "#13c2c2",
-      "#2f54eb",
-      "#999999"
-    ]);
-    const nameMap = {
-      "#1677ff": "蓝色",
-      "#409eff": "亮蓝",
-      "#00b578": "绿色",
-      "#ff4d4f": "红色",
-      "#fa8c16": "橙色",
-      "#722ed1": "紫色",
-      "#13c2c2": "青色",
-      "#2f54eb": "靛蓝",
-      "#999999": "灰色"
-    };
-    const progressNameMap = {
-      // 渐变色系
-      "linear-gradient(90deg, #003D4D, #00C996)": "深海绿",
-      "linear-gradient(90deg, #00F5A0, #00D9F5)": "薄荷蓝",
-      "linear-gradient(90deg, #02AAB0, #00CDAC)": "青绿",
-      "linear-gradient(90deg, #4776E6, #8E54E9)": "紫蓝",
-      "linear-gradient(90deg, #536976, #292E49)": "深灰蓝",
-      "linear-gradient(90deg, #9400D3, #4B0082)": "深紫",
-      "linear-gradient(90deg, #9796F0, #FBC7D4)": "粉紫",
-      "linear-gradient(90deg, #AA076B, #61045F)": "深粉",
-      "linear-gradient(90deg, #BF5AE0, #A811DA)": "紫粉",
-      "linear-gradient(90deg, #C84E89, #F15F79)": "粉红",
-      "linear-gradient(90deg, #DDD6F3, #FAACA8)": "浅粉",
-      "linear-gradient(90deg, #E52D27, #B31217)": "深红",
-      "linear-gradient(90deg, #E65C00, #F9D423)": "橙黄",
-      "linear-gradient(90deg, #EC008C, #FC6767)": "玫红",
-      "linear-gradient(90deg, #EC6F66, #F3A183)": "珊瑚",
-      "linear-gradient(90deg, #F09819, #EDDE5D)": "金黄",
-      "linear-gradient(90deg, #F857A6, #FF5858)": "粉橙",
-      "linear-gradient(90deg, #FBED96, #ABECD6)": "浅绿",
-      "linear-gradient(90deg, #FF512F, #DD2476)": "火红",
-      // 纯色系
-      "#1677ff": "蓝色",
-      "#409eff": "亮蓝",
-      "#00b578": "绿色",
-      "#ff4d4f": "红色",
-      "#fa8c16": "橙色",
-      "#722ed1": "紫色",
-      "#13c2c2": "青色",
-      "#2f54eb": "靛蓝",
-      "#999999": "灰色"
-    };
-    const playColorName = computed(() => nameMap[playColor.value] || "蓝色");
-    const progressColorName = computed(() => progressNameMap[progressColor.value] || "自定义");
-    const progressColorPreview = computed(() => progressColor.value);
-    onMounted(() => {
-      const style = props.record.options.style ||= {};
-      playColor.value = style.playBtnColor || "#4a6bff";
-      progressColor.value = style.progressColor || "linear-gradient(90deg, #E65C00, #F9D423)";
-    });
-    const togglePicker = (key) => {
-      pickerOpen.value = pickerOpen.value === key ? "" : key;
-    };
-    const pick = (key, hex) => {
-      if (key === "play") {
-        playColor.value = hex;
-      } else {
-        progressColor.value = hex;
-      }
-      pickerOpen.value = key;
-    };
-    watch(playColor, (newVal) => {
-      (props.record.options.style ||= {}).playBtnColor = newVal;
-    });
-    watch(progressColor, (newVal) => {
-      (props.record.options.style ||= {}).progressColor = newVal;
-    });
-    const onClickOutside = () => {
-      pickerOpen.value = "";
-    };
-    onMounted(() => {
-      document.addEventListener("click", onClickOutside);
-    });
-    onBeforeUnmount(() => {
-      document.removeEventListener("click", onClickOutside);
-    });
-    return (_ctx, _cache) => {
-      const _component_a_divider = resolveComponent("a-divider");
-      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_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[6] || (_cache[6] = 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(() => [
-                        createElementVNode("div", {
-                          class: "color-select",
-                          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => togglePicker("play"), ["stop"]))
-                        }, [
-                          createElementVNode("span", {
-                            class: "swatch",
-                            style: normalizeStyle({ backgroundColor: playColor.value })
-                          }, null, 4),
-                          createElementVNode("span", _hoisted_2, toDisplayString(playColorName.value), 1),
-                          createElementVNode("span", _hoisted_3, [
-                            createVNode(unref(DownOutlined))
-                          ]),
-                          pickerOpen.value === "play" ? (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) => pick("play", c), ["stop"])
-                                }, null, 12, _hoisted_6);
-                              }), 128))
-                            ])
-                          ])) : createCommentVNode("", true)
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "进度条" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", {
-                          class: "color-select",
-                          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => togglePicker("progress"), ["stop"]))
-                        }, [
-                          createElementVNode("span", {
-                            class: "swatch",
-                            style: normalizeStyle({ background: progressColorPreview.value })
-                          }, null, 4),
-                          createElementVNode("span", _hoisted_7, toDisplayString(progressColorName.value), 1),
-                          createElementVNode("span", _hoisted_8, [
-                            createVNode(unref(DownOutlined))
-                          ]),
-                          pickerOpen.value === "progress" ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                            createElementVNode("div", _hoisted_10, [
-                              (openBlock(true), createElementBlock(Fragment, null, renderList(progressColorList.value, (c) => {
-                                return openBlock(), createElementBlock("span", {
-                                  class: "chip",
-                                  key: c,
-                                  style: normalizeStyle({ background: c }),
-                                  onClick: withModifiers(($event) => pick("progress", c), ["stop"])
-                                }, null, 12, _hoisted_11);
-                              }), 128))
-                            ])
-                          ])) : createCommentVNode("", true)
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "上下边距" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_12, [
-                          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_13, [
-                          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
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const AudioStylePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3b4c19a8"]]);
-export {
-  AudioStylePes as default
-};

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

@@ -1,64 +0,0 @@
-import { ref, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx } from "vue";
-import OpenVariable from "./sun-card-designer.es91.js";
-import EditInput from "./sun-card-designer.es92.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "title-pes" };
-const _sfc_main = {
-  __name: "videoBasePes",
-  props: ["record", "sourceData"],
-  setup(__props) {
-    const props = __props;
-    const editInputRef = ref();
-    const selectTreeChange = (params) => {
-      const { item, node } = params;
-      editInputRef.value.insertToken(`{${item.name}#${node}}`);
-    };
-    const selectChange = (record) => {
-      editInputRef.value.insertToken(`{${record.name}}`);
-    };
-    return (_ctx, _cache) => {
-      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[0] || (_cache[0] = 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(OpenVariable, {
-                          onOnSelect: selectChange,
-                          onOnSelectTree: selectTreeChange
-                        }),
-                        createVNode(EditInput, {
-                          ref_key: "editInputRef",
-                          ref: editInputRef,
-                          record: props.record.options,
-                          filed: "src"
-                        }, null, 8, ["record"])
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const VideoBasePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e6efbbf3"]]);
-export {
-  VideoBasePes as default
-};

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

@@ -1,142 +0,0 @@
-import { ref, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createBlock, createCommentVNode } from "vue";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "video-style" };
-const _hoisted_2 = { class: "slider-row" };
-const _hoisted_3 = { class: "slider-row" };
-const _sfc_main = {
-  __name: "videoStylePes",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const modeOptions = ref([
-      { label: "宽度固定", value: "fixed" },
-      { label: "宽度铺满", value: "auto" }
-    ]);
-    const sizeOptions = ref([
-      { label: "小", value: "small" },
-      { label: "中", value: "middle" },
-      { label: "大", value: "large" },
-      { label: "自定义", value: "custom" }
-    ]);
-    const sizeChange = (value) => {
-      if (value === "small") {
-        props.record.options.style.width = 200;
-        props.record.options.style.height = "auto";
-      } else if (value === "middle") {
-        props.record.options.style.width = 300;
-        props.record.options.style.height = "auto";
-      } else if (value === "large") {
-        props.record.options.style.width = 400;
-        props.record.options.style.height = "auto";
-      } else if (value === "custom") {
-        props.record.options.style.width = 360;
-        props.record.options.style.height = "auto";
-      }
-    };
-    return (_ctx, _cache) => {
-      const _component_a_divider = resolveComponent("a-divider");
-      const _component_a_segmented = resolveComponent("a-segmented");
-      const _component_a_form_item = resolveComponent("a-form-item");
-      const _component_a_input_number = resolveComponent("a-input-number");
-      const _component_a_slider = resolveComponent("a-slider");
-      const _component_a_form = resolveComponent("a-form");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_component_a_divider, { style: { "margin-top": "0" } }),
-        _cache[7] || (_cache[7] = createElementVNode("div", { class: "title" }, "样式", -1)),
-        createVNode(_component_a_form, { layout: "vertical" }, {
-          default: withCtx(() => [
-            createVNode(_component_a_form_item, { label: "模式" }, {
-              default: withCtx(() => [
-                createVNode(_component_a_segmented, {
-                  style: { "font-size": "12px" },
-                  block: "",
-                  value: props.record.options.style.mode,
-                  "onUpdate:value": _cache[0] || (_cache[0] = ($event) => props.record.options.style.mode = $event),
-                  options: modeOptions.value
-                }, null, 8, ["value", "options"])
-              ]),
-              _: 1
-            }),
-            props.record.options.style.mode === "fixed" ? (openBlock(), createBlock(_component_a_form_item, {
-              key: 0,
-              label: "尺寸"
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_a_segmented, {
-                  block: "",
-                  value: props.record.options.style.size,
-                  "onUpdate:value": _cache[1] || (_cache[1] = ($event) => props.record.options.style.size = $event),
-                  options: sizeOptions.value,
-                  onChange: sizeChange
-                }, null, 8, ["value", "options"])
-              ]),
-              _: 1
-            })) : createCommentVNode("", true),
-            props.record.options.style.size === "custom" && props.record.options.style.mode === "fixed" ? (openBlock(), createBlock(_component_a_form_item, {
-              key: 1,
-              label: "宽度"
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_a_input_number, {
-                  value: props.record.options.style.width,
-                  "onUpdate:value": _cache[2] || (_cache[2] = ($event) => props.record.options.style.width = $event),
-                  min: 1,
-                  max: 2e3,
-                  style: { "width": "100%" },
-                  placeholder: "宽度"
-                }, null, 8, ["value"])
-              ]),
-              _: 1
-            })) : createCommentVNode("", true),
-            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[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_3, [
-                  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
-        })
-      ]);
-    };
-  }
-};
-const VideoStylePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-44d6e1b4"]]);
-export {
-  VideoStylePes as default
-};

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

@@ -1,52 +0,0 @@
-import { ref, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx } from "vue";
-import EditInput from "./sun-card-designer.es92.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "pes" };
-const _sfc_main = {
-  __name: "generateImgBasePes",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const editInputRef = ref();
-    return (_ctx, _cache) => {
-      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[0] || (_cache[0] = 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(EditInput, {
-                          ref_key: "editInputRef",
-                          ref: editInputRef,
-                          record: props.record.options,
-                          minRows: 1
-                        }, null, 8, ["record"])
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const GenerateImgBasePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-95c139c9"]]);
-export {
-  GenerateImgBasePes as default
-};

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

@@ -1,85 +0,0 @@
-import { resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx } from "vue";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "title-style" };
-const _hoisted_2 = { class: "slider-row" };
-const _hoisted_3 = { class: "slider-row" };
-const _sfc_main = {
-  __name: "generateImgStylePes",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      const _component_a_divider = resolveComponent("a-divider");
-      const _component_a_slider = resolveComponent("a-slider");
-      const _component_a_input_number = resolveComponent("a-input-number");
-      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, [
-        createVNode(_component_a_divider, { style: { "margin-top": "0" } }),
-        _cache[4] || (_cache[4] = 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(() => [
-                        createElementVNode("div", _hoisted_2, [
-                          createVNode(_component_a_slider, {
-                            min: 0,
-                            max: 20,
-                            value: props.record.options.style.tbPadding,
-                            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => props.record.options.style.tbPadding = $event),
-                            style: { "flex": "1", "margin-right": "12px" }
-                          }, null, 8, ["value"]),
-                          createVNode(_component_a_input_number, {
-                            min: 0,
-                            max: 20,
-                            value: props.record.options.style.tbPadding,
-                            "onUpdate:value": _cache[1] || (_cache[1] = ($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[2] || (_cache[2] = ($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[3] || (_cache[3] = ($event) => props.record.options.style.lrPadding = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const GenerateImgStylePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9e711a61"]]);
-export {
-  GenerateImgStylePes as default
-};