sun-card-design 1.1.37 → 1.1.38

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

@@ -1,719 +0,0 @@
-import { ref, computed, onMounted, onBeforeUnmount, watch, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createBlock, createCommentVNode, withModifiers, normalizeStyle, toDisplayString, unref, Fragment, renderList, createTextVNode } from "vue";
-import { DownOutlined } from "@ant-design/icons-vue";
-import { ColorList, ColorNameMap } from "./sun-card-designer.es76.js";
-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-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 = { key: 1 };
-const _hoisted_8 = { class: "slider-row" };
-const _hoisted_9 = { class: "slider-row" };
-const _hoisted_10 = { class: "slider-row" };
-const _hoisted_11 = { class: "has-line" };
-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: "label" };
-const _hoisted_23 = { class: "arrow" };
-const _hoisted_24 = {
-  key: 0,
-  class: "color-picker"
-};
-const _hoisted_25 = { class: "color-grid" };
-const _hoisted_26 = ["onClick"];
-const _hoisted_27 = { class: "slider-row" };
-const _hoisted_28 = { class: "slider-row" };
-const _hoisted_29 = { class: "slider-row" };
-const _hoisted_30 = { class: "slider-row" };
-const _hoisted_31 = { class: "slider-row" };
-const _sfc_main = {
-  __name: "textStylePes",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const colorPicker = ref(false);
-    const color = ref("#000000");
-    const lineMode = ref("纯色");
-    const lineColorPicker = ref(false);
-    const lineColor = ref("#0066ff");
-    const lineStartColor = ref("#1677ff");
-    const lineEndColor = ref("#52c41a");
-    const lineAngle = ref(90);
-    const colorList = ref(ColorList);
-    const nameMap = ColorNameMap;
-    const editInputRef = ref();
-    const getDefaultTextSize = () => {
-      const size = props.record.options?.style?.textSize;
-      if (typeof size === "number") return size;
-      if (typeof size === "string") {
-        const parsed = parseFloat(size);
-        return Number.isNaN(parsed) ? 14 : parsed;
-      }
-      return 14;
-    };
-    const normalizeNumeric = (value, fallback) => {
-      if (value === void 0 || value === null || value === "") return fallback;
-      if (typeof value === "number") return value;
-      const parsed = parseFloat(value);
-      return Number.isNaN(parsed) ? fallback : parsed;
-    };
-    const ensureLineStyleDefaults = () => {
-      const style = props.record.options.hasLineStyle || (props.record.options.hasLineStyle = {});
-      style.width = Math.min(24, Math.max(0, normalizeNumeric(style.width, 4)));
-      style.height = Math.min(24, Math.max(0, normalizeNumeric(style.height, getDefaultTextSize())));
-      style.borderRadius = Math.min(12, Math.max(0, normalizeNumeric(style.borderRadius, 1)));
-      style.marginRight = Math.min(24, Math.max(0, normalizeNumeric(style.marginRight, 6)));
-    };
-    ensureLineStyleDefaults();
-    const colorName = computed(() => nameMap[color.value] || "自定义");
-    const lineColorName = computed(() => nameMap[lineColor.value] || "自定义");
-    const lineGradientCss = computed(() => `linear-gradient(${lineAngle.value}deg, ${lineStartColor.value}, ${lineEndColor.value})`);
-    const textSizeOptions = ref([
-      {
-        label: "特小",
-        value: "12px"
-      },
-      {
-        label: "小",
-        value: "13px"
-      },
-      {
-        label: "中",
-        value: "14px"
-      },
-      {
-        label: "大",
-        value: "16px"
-      },
-      {
-        label: "特大",
-        value: "18px"
-      }
-    ]);
-    const textAlignOptions = ref([
-      {
-        label: "左对齐",
-        value: "left"
-      },
-      {
-        label: "居中对齐",
-        value: "center"
-      },
-      {
-        label: "右对齐",
-        value: "right"
-      }
-    ]);
-    const colorOptions = ref([
-      {
-        label: "静态",
-        value: "static"
-      },
-      {
-        label: "动态",
-        value: "dynamic"
-      }
-    ]);
-    const onColorModeChange = () => {
-      color.value = props.record.options.style.color;
-    };
-    const selectTreeChange = (params) => {
-      const { item, node } = params;
-      editInputRef.value.insertToken(`{${item.name}#${node}}`);
-    };
-    const selectChange = (record) => {
-      editInputRef.value.insertToken(`{${record.name}}`);
-    };
-    const onTitleToggle = (checked) => {
-      if (!checked) {
-        props.record.options.titleValue = "";
-      }
-    };
-    const togglePicker = () => {
-      colorPicker.value = !colorPicker.value;
-    };
-    const pick = (hex) => {
-      color.value = hex;
-      colorPicker.value = false;
-    };
-    const toggleLinePicker = (which) => {
-      lineColorPicker.value = which || !lineColorPicker.value && "solid";
-    };
-    const pickLine = (hex) => {
-      lineColor.value = hex;
-      lineColorPicker.value = false;
-    };
-    const pickLineStart = (hex) => {
-      lineStartColor.value = hex;
-      lineColorPicker.value = false;
-    };
-    const pickLineEnd = (hex) => {
-      lineEndColor.value = hex;
-      lineColorPicker.value = false;
-    };
-    const onClickOutside = () => {
-      colorPicker.value = false;
-      lineColorPicker.value = false;
-    };
-    onMounted(() => {
-      document.addEventListener("click", onClickOutside);
-      color.value = props.record.options.style.textColor || "#000000";
-      const bg = props.record.options.hasLineStyle?.background || "#0066ff";
-      if (typeof bg === "string" && bg.includes("gradient")) {
-        lineMode.value = "渐变";
-        try {
-          const match = bg.match(/linear-gradient\(([^)]+)\)/);
-          if (match && match[1]) {
-            const parts = match[1].split(",").map((s) => s.trim());
-            const ang = parseInt(parts[0]);
-            if (!Number.isNaN(ang)) lineAngle.value = ang;
-            if (parts[1]) lineStartColor.value = parts[1];
-            if (parts[2]) lineEndColor.value = parts[2];
-          }
-        } catch (e) {
-        }
-      } else {
-        lineMode.value = "纯色";
-        lineColor.value = bg;
-      }
-    });
-    onBeforeUnmount(() => {
-      document.removeEventListener("click", onClickOutside);
-    });
-    watch(
-      () => props.record.options.hasLine,
-      (val) => {
-        if (val) ensureLineStyleDefaults();
-      }
-    );
-    watch(color, (newVal) => {
-      props.record.options.style.textColor = newVal;
-    });
-    watch(lineMode, (val) => {
-      if (!props.record.options.hasLine) return;
-      if (val === "纯色") props.record.options.hasLineStyle.background = lineColor.value;
-      else props.record.options.hasLineStyle.background = lineGradientCss.value;
-    });
-    watch([lineStartColor, lineEndColor, lineAngle], () => {
-      if (!props.record.options.hasLine) return;
-      if (lineMode.value === "渐变") props.record.options.hasLineStyle.background = lineGradientCss.value;
-    });
-    watch(lineColor, (newVal) => {
-      if (!props.record.options.hasLine) return;
-      if (lineMode.value === "纯色") props.record.options.hasLineStyle.background = newVal;
-    });
-    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_select = resolveComponent("a-select");
-      const _component_a_slider = resolveComponent("a-slider");
-      const _component_a_input_number = resolveComponent("a-input-number");
-      const _component_a_radio = resolveComponent("a-radio");
-      const _component_a_radio_group = resolveComponent("a-radio-group");
-      const _component_a_switch = resolveComponent("a-switch");
-      const _component_a_input = resolveComponent("a-input");
-      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[29] || (_cache[29] = 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_segmented, {
-                          block: "",
-                          value: props.record.options.style.colorMode,
-                          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => props.record.options.style.colorMode = $event),
-                          options: colorOptions.value,
-                          onChange: onColorModeChange
-                        }, null, 8, ["value", "options"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "颜色" }, {
-                      default: withCtx(() => [
-                        props.record.options.style.colorMode === "static" ? (openBlock(), createElementBlock("div", {
-                          key: 0,
-                          class: "color-select",
-                          onClick: withModifiers(togglePicker, ["stop"])
-                        }, [
-                          createElementVNode("span", {
-                            class: "swatch",
-                            style: normalizeStyle({ backgroundColor: color.value })
-                          }, null, 4),
-                          createElementVNode("span", _hoisted_2, toDisplayString(colorName.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) => pick(c), ["stop"])
-                                }, null, 12, _hoisted_6);
-                              }), 128))
-                            ])
-                          ])) : createCommentVNode("", true)
-                        ])) : (openBlock(), createElementBlock("div", _hoisted_7, [
-                          createVNode(OpenVariable, {
-                            disabled: true,
-                            onOnSelect: selectChange,
-                            onOnSelectTree: selectTreeChange
-                          }),
-                          createVNode(EditInput, {
-                            ref_key: "editInputRef",
-                            ref: editInputRef,
-                            record: props.record.options.style,
-                            filed: "textColor",
-                            minRows: 2
-                          }, null, 8, ["record"])
-                        ]))
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "字体大小" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_select, {
-                          value: props.record.options.style.textSize,
-                          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => props.record.options.style.textSize = $event),
-                          options: textSizeOptions.value,
-                          style: { "width": "100%" }
-                        }, null, 8, ["value", "options"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "对齐方式" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_select, {
-                          value: props.record.options.style.textAlign,
-                          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => props.record.options.style.textAlign = $event),
-                          options: textAlignOptions.value,
-                          style: { "width": "100%" }
-                        }, null, 8, ["value", "options"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "字符缩进" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_8, [
-                          createVNode(_component_a_slider, {
-                            min: 0,
-                            max: 10,
-                            value: props.record.options.style.textIndent,
-                            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => props.record.options.style.textIndent = $event),
-                            style: { "flex": "1", "margin-right": "12px" }
-                          }, null, 8, ["value"]),
-                          createVNode(_component_a_input_number, {
-                            min: 0,
-                            max: 10,
-                            value: props.record.options.style.textIndent,
-                            "onUpdate:value": _cache[4] || (_cache[4] = ($event) => props.record.options.style.textIndent = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "下划线" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_radio_group, {
-                          value: props.record.options.style.underline,
-                          "onUpdate:value": _cache[5] || (_cache[5] = ($event) => props.record.options.style.underline = $event)
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(_component_a_radio, { value: "auto" }, {
-                              default: withCtx(() => [..._cache[26] || (_cache[26] = [
-                                createTextVNode("隐藏", -1)
-                              ])]),
-                              _: 1
-                            }),
-                            createVNode(_component_a_radio, { value: "underline" }, {
-                              default: withCtx(() => [..._cache[27] || (_cache[27] = [
-                                createTextVNode("显示", -1)
-                              ])]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["value"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "上下边距" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_9, [
-                          createVNode(_component_a_slider, {
-                            min: 0,
-                            max: 10,
-                            value: props.record.options.style.tbPadding,
-                            "onUpdate:value": _cache[6] || (_cache[6] = ($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[7] || (_cache[7] = ($event) => props.record.options.style.tbPadding = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "左右边距" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_10, [
-                          createVNode(_component_a_slider, {
-                            min: 0,
-                            max: 10,
-                            value: props.record.options.style.lrPadding,
-                            "onUpdate:value": _cache[8] || (_cache[8] = ($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[9] || (_cache[9] = ($event) => props.record.options.style.lrPadding = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "标题" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_switch, {
-                          checked: props.record.options.hasTitle,
-                          "onUpdate:checked": _cache[10] || (_cache[10] = ($event) => props.record.options.hasTitle = $event),
-                          onChange: onTitleToggle
-                        }, null, 8, ["checked"])
-                      ]),
-                      _: 1
-                    }),
-                    props.record.options.hasTitle ? (openBlock(), createBlock(_component_a_form_item, {
-                      key: 0,
-                      label: "标题内容"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_input, {
-                          value: props.record.options.titleValue,
-                          "onUpdate:value": _cache[11] || (_cache[11] = ($event) => props.record.options.titleValue = $event),
-                          placeholder: "请输入标题"
-                        }, null, 8, ["value"])
-                      ]),
-                      _: 1
-                    })) : createCommentVNode("", true),
-                    createVNode(_component_a_form_item, { label: "" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_11, [
-                          _cache[28] || (_cache[28] = createElementVNode("span", null, "标记", -1)),
-                          createVNode(_component_a_switch, {
-                            checked: props.record.options.hasLine,
-                            "onUpdate:checked": _cache[12] || (_cache[12] = ($event) => props.record.options.hasLine = $event)
-                          }, null, 8, ["checked"])
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    props.record.options.hasLine ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                      createVNode(_component_a_form_item, { label: "标线颜色模式" }, {
-                        default: withCtx(() => [
-                          createVNode(_component_a_segmented, {
-                            value: lineMode.value,
-                            "onUpdate:value": _cache[13] || (_cache[13] = ($event) => lineMode.value = $event),
-                            options: ["纯色", "渐变"]
-                          }, null, 8, ["value"])
-                        ]),
-                        _: 1
-                      }),
-                      lineMode.value === "纯色" ? (openBlock(), createBlock(_component_a_form_item, {
-                        key: 0,
-                        label: "标线颜色"
-                      }, {
-                        default: withCtx(() => [
-                          createElementVNode("div", {
-                            class: "color-select",
-                            onClick: withModifiers(toggleLinePicker, ["stop"])
-                          }, [
-                            createElementVNode("span", {
-                              class: "swatch",
-                              style: normalizeStyle({ background: lineColor.value })
-                            }, null, 4),
-                            createElementVNode("span", _hoisted_12, toDisplayString(lineColorName.value), 1),
-                            createElementVNode("span", _hoisted_13, [
-                              createVNode(unref(DownOutlined))
-                            ]),
-                            lineColorPicker.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: "l-" + c,
-                                    style: normalizeStyle({ backgroundColor: c }),
-                                    onClick: withModifiers(($event) => pickLine(c), ["stop"])
-                                  }, null, 12, _hoisted_16);
-                                }), 128))
-                              ])
-                            ])) : createCommentVNode("", true)
-                          ])
-                        ]),
-                        _: 1
-                      })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                        createVNode(_component_a_form_item, { label: "渐变预览" }, {
-                          default: withCtx(() => [
-                            createElementVNode("div", {
-                              class: "gradient-preview",
-                              style: normalizeStyle({ background: lineGradientCss.value })
-                            }, null, 4)
-                          ]),
-                          _: 1
-                        }),
-                        createVNode(_component_a_row, { gutter: [8, 8] }, {
-                          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[14] || (_cache[14] = withModifiers(($event) => toggleLinePicker("start"), ["stop"]))
-                                    }, [
-                                      createElementVNode("span", {
-                                        class: "swatch",
-                                        style: normalizeStyle({ background: lineStartColor.value })
-                                      }, null, 4),
-                                      createElementVNode("span", _hoisted_17, toDisplayString(unref(nameMap)[lineStartColor.value] || "自定义"), 1),
-                                      createElementVNode("span", _hoisted_18, [
-                                        createVNode(unref(DownOutlined))
-                                      ]),
-                                      lineColorPicker.value === "start" ? (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: "ls-" + c,
-                                              style: normalizeStyle({ backgroundColor: c }),
-                                              onClick: withModifiers(($event) => pickLineStart(c), ["stop"])
-                                            }, null, 12, _hoisted_21);
-                                          }), 128))
-                                        ])
-                                      ])) : createCommentVNode("", true)
-                                    ])
-                                  ]),
-                                  _: 1
-                                })
-                              ]),
-                              _: 1
-                            }),
-                            createVNode(_component_a_col, { span: 24 }, {
-                              default: withCtx(() => [
-                                createVNode(_component_a_form_item, { label: "结束颜色" }, {
-                                  default: withCtx(() => [
-                                    createElementVNode("div", {
-                                      class: "color-select",
-                                      onClick: _cache[15] || (_cache[15] = withModifiers(($event) => toggleLinePicker("end"), ["stop"]))
-                                    }, [
-                                      createElementVNode("span", {
-                                        class: "swatch",
-                                        style: normalizeStyle({ background: lineEndColor.value })
-                                      }, null, 4),
-                                      createElementVNode("span", _hoisted_22, toDisplayString(unref(nameMap)[lineEndColor.value] || "自定义"), 1),
-                                      createElementVNode("span", _hoisted_23, [
-                                        createVNode(unref(DownOutlined))
-                                      ]),
-                                      lineColorPicker.value === "end" ? (openBlock(), createElementBlock("div", _hoisted_24, [
-                                        createElementVNode("div", _hoisted_25, [
-                                          (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (c) => {
-                                            return openBlock(), createElementBlock("span", {
-                                              class: "chip",
-                                              key: "le-" + c,
-                                              style: normalizeStyle({ backgroundColor: c }),
-                                              onClick: withModifiers(($event) => pickLineEnd(c), ["stop"])
-                                            }, null, 12, _hoisted_26);
-                                          }), 128))
-                                        ])
-                                      ])) : createCommentVNode("", true)
-                                    ])
-                                  ]),
-                                  _: 1
-                                })
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        }),
-                        createVNode(_component_a_form_item, { label: "角度" }, {
-                          default: withCtx(() => [
-                            createElementVNode("div", _hoisted_27, [
-                              createVNode(_component_a_slider, {
-                                min: 0,
-                                max: 360,
-                                value: lineAngle.value,
-                                "onUpdate:value": _cache[16] || (_cache[16] = ($event) => lineAngle.value = $event),
-                                style: { "flex": "1", "margin-right": "12px" }
-                              }, null, 8, ["value"]),
-                              createVNode(_component_a_input_number, {
-                                min: 0,
-                                max: 360,
-                                value: lineAngle.value,
-                                "onUpdate:value": _cache[17] || (_cache[17] = ($event) => lineAngle.value = $event)
-                              }, null, 8, ["value"])
-                            ])
-                          ]),
-                          _: 1
-                        })
-                      ], 64)),
-                      createVNode(_component_a_row, { gutter: [8, 8] }, {
-                        default: withCtx(() => [
-                          createVNode(_component_a_col, { span: 24 }, {
-                            default: withCtx(() => [
-                              createVNode(_component_a_form_item, { label: "宽" }, {
-                                default: withCtx(() => [
-                                  createElementVNode("div", _hoisted_28, [
-                                    createVNode(_component_a_slider, {
-                                      min: 0,
-                                      max: 24,
-                                      value: props.record.options.hasLineStyle.width,
-                                      "onUpdate:value": _cache[18] || (_cache[18] = ($event) => props.record.options.hasLineStyle.width = $event),
-                                      style: { "flex": "1", "margin-right": "12px" }
-                                    }, null, 8, ["value"]),
-                                    createVNode(_component_a_input_number, {
-                                      min: 0,
-                                      max: 24,
-                                      value: props.record.options.hasLineStyle.width,
-                                      "onUpdate:value": _cache[19] || (_cache[19] = ($event) => props.record.options.hasLineStyle.width = $event)
-                                    }, null, 8, ["value"])
-                                  ])
-                                ]),
-                                _: 1
-                              })
-                            ]),
-                            _: 1
-                          }),
-                          createVNode(_component_a_col, { span: 24 }, {
-                            default: withCtx(() => [
-                              createVNode(_component_a_form_item, { label: "高" }, {
-                                default: withCtx(() => [
-                                  createElementVNode("div", _hoisted_29, [
-                                    createVNode(_component_a_slider, {
-                                      min: 0,
-                                      max: 24,
-                                      value: props.record.options.hasLineStyle.height,
-                                      "onUpdate:value": _cache[20] || (_cache[20] = ($event) => props.record.options.hasLineStyle.height = $event),
-                                      style: { "flex": "1", "margin-right": "12px" }
-                                    }, null, 8, ["value"]),
-                                    createVNode(_component_a_input_number, {
-                                      min: 0,
-                                      max: 24,
-                                      value: props.record.options.hasLineStyle.height,
-                                      "onUpdate:value": _cache[21] || (_cache[21] = ($event) => props.record.options.hasLineStyle.height = $event)
-                                    }, null, 8, ["value"])
-                                  ])
-                                ]),
-                                _: 1
-                              })
-                            ]),
-                            _: 1
-                          }),
-                          createVNode(_component_a_col, { span: 24 }, {
-                            default: withCtx(() => [
-                              createVNode(_component_a_form_item, { label: "圆角" }, {
-                                default: withCtx(() => [
-                                  createElementVNode("div", _hoisted_30, [
-                                    createVNode(_component_a_slider, {
-                                      min: 0,
-                                      max: 12,
-                                      value: props.record.options.hasLineStyle.borderRadius,
-                                      "onUpdate:value": _cache[22] || (_cache[22] = ($event) => props.record.options.hasLineStyle.borderRadius = $event),
-                                      style: { "flex": "1", "margin-right": "12px" }
-                                    }, null, 8, ["value"]),
-                                    createVNode(_component_a_input_number, {
-                                      min: 0,
-                                      max: 12,
-                                      value: props.record.options.hasLineStyle.borderRadius,
-                                      "onUpdate:value": _cache[23] || (_cache[23] = ($event) => props.record.options.hasLineStyle.borderRadius = $event)
-                                    }, null, 8, ["value"])
-                                  ])
-                                ]),
-                                _: 1
-                              })
-                            ]),
-                            _: 1
-                          }),
-                          createVNode(_component_a_col, { span: 24 }, {
-                            default: withCtx(() => [
-                              createVNode(_component_a_form_item, { label: "右边距" }, {
-                                default: withCtx(() => [
-                                  createElementVNode("div", _hoisted_31, [
-                                    createVNode(_component_a_slider, {
-                                      min: 0,
-                                      max: 24,
-                                      value: props.record.options.hasLineStyle.marginRight,
-                                      "onUpdate:value": _cache[24] || (_cache[24] = ($event) => props.record.options.hasLineStyle.marginRight = $event),
-                                      style: { "flex": "1", "margin-right": "12px" }
-                                    }, null, 8, ["value"]),
-                                    createVNode(_component_a_input_number, {
-                                      min: 0,
-                                      max: 24,
-                                      value: props.record.options.hasLineStyle.marginRight,
-                                      "onUpdate:value": _cache[25] || (_cache[25] = ($event) => props.record.options.hasLineStyle.marginRight = $event)
-                                    }, null, 8, ["value"])
-                                  ])
-                                ]),
-                                _: 1
-                              })
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      })
-                    ], 64)) : createCommentVNode("", true)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const TextStylePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-62eb7c1c"]]);
-export {
-  TextStylePes as default
-};