sun-card-design 1.1.37 → 1.1.38

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

@@ -1,857 +0,0 @@
-import { ref, computed, onMounted, watch, onBeforeUnmount, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, createBlock, createCommentVNode, withCtx, createTextVNode, withModifiers, 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: "grid-style" };
-const _hoisted_2 = { class: "layout" };
-const _hoisted_3 = { class: "style-block" };
-const _hoisted_4 = {
-  class: "sub-title",
-  style: { "display": "flex", "justify-content": "space-between", "align-items": "center", "gap": "8px" }
-};
-const _hoisted_5 = { class: "label" };
-const _hoisted_6 = { class: "arrow" };
-const _hoisted_7 = {
-  key: 0,
-  class: "color-picker"
-};
-const _hoisted_8 = { class: "color-grid" };
-const _hoisted_9 = ["onClick"];
-const _hoisted_10 = { class: "label" };
-const _hoisted_11 = { class: "arrow" };
-const _hoisted_12 = {
-  key: 0,
-  class: "color-picker"
-};
-const _hoisted_13 = { class: "color-grid" };
-const _hoisted_14 = ["onClick"];
-const _hoisted_15 = { class: "label" };
-const _hoisted_16 = { class: "arrow" };
-const _hoisted_17 = {
-  key: 0,
-  class: "color-picker"
-};
-const _hoisted_18 = { class: "color-grid" };
-const _hoisted_19 = ["onClick"];
-const _hoisted_20 = { class: "slider-row" };
-const _hoisted_21 = {
-  class: "sub-title",
-  style: { "display": "flex", "justify-content": "space-between", "align-items": "center", "gap": "8px", "margin-top": "8px" }
-};
-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 _hoisted_32 = { class: "slider-row" };
-const _hoisted_33 = { class: "slider-row" };
-const _hoisted_34 = { class: "slider-row" };
-const _hoisted_35 = { class: "slider-row" };
-const _sfc_main = {
-  __name: "gridStylePes",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const layout = ref("vertical");
-    const handleChange = (value) => {
-      props.record.options.mode = value;
-      props.record.columns.forEach((e) => {
-        e.flex = 1;
-      });
-    };
-    const bgMode = ref("纯色");
-    const enableBg = ref(true);
-    const activePicker = ref(null);
-    const colorList = ref(ColorList);
-    const nameMap = ColorNameMap;
-    const colorName = (hex) => hex === "none" ? "无色" : nameMap[hex] || "自定义";
-    const backgroundColor = ref("#ffffff");
-    const startColor = ref("#ffffff");
-    const endColor = ref("#f5f5f5");
-    const angle = ref(90);
-    const gradientCss = computed(
-      () => `linear-gradient(${angle.value}deg, ${startColor.value}, ${endColor.value})`
-    );
-    const borderColor = ref("#d9d9d9");
-    const enableBorder = ref(true);
-    const borderRadius = ref(0);
-    const tbPadding = ref(0);
-    const lrPadding = ref(0);
-    const alignItems = ref("start");
-    const boxShadow = ref(null);
-    const shadowPreset = ref("none");
-    const shadowBlur = ref(10);
-    const shadowSpread = ref(2);
-    const shadowOpacityPct = ref(12);
-    const buildShadow = () => {
-      const a = Math.max(0, Math.min(100, Number(shadowOpacityPct.value))) / 100;
-      const blur = Math.max(0, Number(shadowBlur.value));
-      const spread = Math.max(0, Number(shadowSpread.value));
-      return `0 0 ${blur}px ${spread}px rgba(0, 0, 0, ${a})`;
-    };
-    const presetToShadow = (preset) => {
-      if (preset === "none") {
-        shadowBlur.value = 0;
-        shadowSpread.value = 0;
-        shadowOpacityPct.value = 0;
-        return null;
-      }
-      if (preset === "hairline") {
-        shadowBlur.value = 6;
-        shadowSpread.value = 1;
-        shadowOpacityPct.value = 8;
-        return buildShadow();
-      }
-      if (preset === "soft") {
-        shadowBlur.value = 10;
-        shadowSpread.value = 2;
-        shadowOpacityPct.value = 12;
-        return buildShadow();
-      }
-      if (preset === "medium") {
-        shadowBlur.value = 14;
-        shadowSpread.value = 3;
-        shadowOpacityPct.value = 16;
-        return buildShadow();
-      }
-      if (preset === "deep") {
-        shadowBlur.value = 20;
-        shadowSpread.value = 4;
-        shadowOpacityPct.value = 20;
-        return buildShadow();
-      }
-      if (preset === "float") {
-        shadowBlur.value = 28;
-        shadowSpread.value = 6;
-        shadowOpacityPct.value = 22;
-        return buildShadow();
-      }
-      return buildShadow();
-    };
-    const onShadowPresetChange = (val) => {
-      boxShadow.value = presetToShadow(val);
-    };
-    const togglePicker = (type) => {
-      activePicker.value = activePicker.value === type ? null : type;
-    };
-    const pickBg = (hex) => {
-      backgroundColor.value = hex;
-      activePicker.value = null;
-    };
-    const pickStart = (hex) => {
-      startColor.value = hex;
-      activePicker.value = null;
-    };
-    const pickEnd = (hex) => {
-      endColor.value = hex;
-      activePicker.value = null;
-    };
-    const pickBorder = (hex) => {
-      borderColor.value = hex;
-      activePicker.value = null;
-    };
-    const onClickOutside = () => {
-      activePicker.value = null;
-    };
-    onMounted(() => {
-      document.addEventListener("click", onClickOutside);
-      const cfg = props.record.options.style || {};
-      const bg = cfg.background ?? "#ffffff";
-      if (bg === "none") enableBg.value = false;
-      if (typeof bg === "string" && bg.includes("gradient")) {
-        bgMode.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)) angle.value = ang;
-            if (parts[1]) startColor.value = parts[1];
-            if (parts[2]) endColor.value = parts[2];
-          }
-        } catch (e) {
-          return e;
-        }
-      } else {
-        bgMode.value = "纯色";
-        backgroundColor.value = bg;
-      }
-      borderColor.value = cfg.borderColor || "#d9d9d9";
-      if (cfg.borderColor === "none") enableBorder.value = false;
-      borderRadius.value = cfg.borderRadius ?? 0;
-      tbPadding.value = cfg.tbPadding ?? 0;
-      lrPadding.value = cfg.lrPadding ?? 0;
-      alignItems.value = cfg.alignItems || "start";
-      boxShadow.value = cfg.boxShadow ?? null;
-      if (!boxShadow.value) {
-        shadowPreset.value = "none";
-        shadowBlur.value = 0;
-        shadowSpread.value = 0;
-        shadowOpacityPct.value = 0;
-      } else {
-        shadowPreset.value = "medium";
-      }
-    });
-    watch(enableBg, (val) => {
-      ensureCfg();
-      if (!val) props.record.options.style.background = "none";
-      else {
-        if (bgMode.value === "纯色") props.record.options.style.background = backgroundColor.value || "#ffffff";
-        else props.record.options.style.background = gradientCss.value;
-      }
-    });
-    watch(enableBorder, (val) => {
-      ensureCfg();
-      props.record.options.style.borderColor = val ? borderColor.value || "#d9d9d9" : "none";
-    });
-    onBeforeUnmount(() => {
-      document.removeEventListener("click", onClickOutside);
-    });
-    const ensureCfg = () => {
-      props.record.config = props.record.config || {};
-    };
-    watch(bgMode, (val) => {
-      ensureCfg();
-      if (val === "纯色") props.record.config.background = backgroundColor.value;
-      else props.record.config.background = gradientCss.value;
-    });
-    watch([startColor, endColor, angle], () => {
-      if (bgMode.value === "渐变") {
-        ensureCfg();
-        props.record.options.style.background = gradientCss.value;
-      }
-    });
-    watch(backgroundColor, (val) => {
-      if (bgMode.value === "纯色") {
-        ensureCfg();
-        props.record.options.style.background = val;
-      }
-    });
-    watch(borderColor, (val) => {
-      ensureCfg();
-      props.record.options.style.borderColor = val;
-    });
-    watch(borderRadius, (val) => {
-      ensureCfg();
-      props.record.options.style.borderRadius = val;
-    });
-    watch(tbPadding, (val) => {
-      ensureCfg();
-      props.record.options.style.tbPadding = val;
-    });
-    watch(lrPadding, (val) => {
-      ensureCfg();
-      props.record.options.style.lrPadding = val;
-    });
-    watch(alignItems, (val) => {
-      ensureCfg();
-      props.record.options.style.alignItems = val;
-    });
-    watch(boxShadow, (val) => {
-      ensureCfg();
-      props.record.options.style.boxShadow = val;
-    });
-    watch([shadowBlur, shadowSpread, shadowOpacityPct], () => {
-      const shadow = buildShadow();
-      boxShadow.value = shadowOpacityPct.value === 0 ? null : shadow;
-    });
-    return (_ctx, _cache) => {
-      const _component_a_divider = resolveComponent("a-divider");
-      const _component_a_select_option = resolveComponent("a-select-option");
-      const _component_a_select = resolveComponent("a-select");
-      const _component_a_radio_group = resolveComponent("a-radio-group");
-      const _component_a_switch = resolveComponent("a-switch");
-      const _component_a_segmented = resolveComponent("a-segmented");
-      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_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),
-        _cache[48] || (_cache[48] = createElementVNode("div", { class: "title" }, "样式", -1)),
-        createElementVNode("div", _hoisted_2, [
-          _cache[34] || (_cache[34] = createElementVNode("div", { style: { "margin-bottom": "10px" } }, "布局", -1)),
-          createVNode(_component_a_select, {
-            ref: "select",
-            value: layout.value,
-            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => layout.value = $event),
-            style: { "width": "100%" },
-            onChange: handleChange
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_a_select_option, { value: "vertical" }, {
-                default: withCtx(() => [..._cache[31] || (_cache[31] = [
-                  createTextVNode("多列布局", -1)
-                ])]),
-                _: 1
-              }),
-              createVNode(_component_a_select_option, { value: "horizontal" }, {
-                default: withCtx(() => [..._cache[32] || (_cache[32] = [
-                  createTextVNode("列表布局", -1)
-                ])]),
-                _: 1
-              }),
-              createVNode(_component_a_select_option, { value: "auto" }, {
-                default: withCtx(() => [..._cache[33] || (_cache[33] = [
-                  createTextVNode("网格布局", -1)
-                ])]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["value"]),
-          props.record.options.mode === "auto" ? (openBlock(), createBlock(_component_a_radio_group, {
-            key: 0,
-            style: { "margin": "16px 0" },
-            value: props.record.options.autoNumber,
-            "onUpdate:value": _cache[1] || (_cache[1] = ($event) => props.record.options.autoNumber = $event),
-            options: props.record.options.autoNumberOptions
-          }, null, 8, ["value", "options"])) : createCommentVNode("", true)
-        ]),
-        createElementVNode("div", _hoisted_3, [
-          createElementVNode("div", _hoisted_4, [
-            _cache[35] || (_cache[35] = createElementVNode("span", null, "背景", -1)),
-            createVNode(_component_a_switch, {
-              checked: enableBg.value,
-              "onUpdate:checked": _cache[2] || (_cache[2] = ($event) => enableBg.value = $event),
-              "checked-children": "开",
-              "un-checked-children": "关"
-            }, null, 8, ["checked"])
-          ]),
-          createVNode(_component_a_form, { layout: "vertical" }, {
-            default: withCtx(() => [
-              enableBg.value ? (openBlock(), createBlock(_component_a_form_item, {
-                key: 0,
-                label: ""
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_a_segmented, {
-                    value: bgMode.value,
-                    "onUpdate:value": _cache[3] || (_cache[3] = ($event) => bgMode.value = $event),
-                    options: ["纯色", "渐变"]
-                  }, null, 8, ["value"])
-                ]),
-                _: 1
-              })) : createCommentVNode("", true),
-              enableBg.value && bgMode.value === "纯色" ? (openBlock(), createBlock(_component_a_form_item, {
-                key: 1,
-                label: "背景颜色"
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", {
-                    class: "color-select",
-                    onClick: _cache[4] || (_cache[4] = withModifiers(($event) => togglePicker("bg"), ["stop"]))
-                  }, [
-                    createElementVNode("span", {
-                      class: "swatch",
-                      style: normalizeStyle({ background: backgroundColor.value })
-                    }, null, 4),
-                    createElementVNode("span", _hoisted_5, toDisplayString(colorName(backgroundColor.value)), 1),
-                    createElementVNode("span", _hoisted_6, [
-                      createVNode(unref(DownOutlined))
-                    ]),
-                    activePicker.value === "bg" ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                      createElementVNode("div", _hoisted_8, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (c) => {
-                          return openBlock(), createElementBlock("span", {
-                            class: "chip",
-                            key: "bg-" + c,
-                            style: normalizeStyle({ backgroundColor: c }),
-                            onClick: withModifiers(($event) => pickBg(c), ["stop"])
-                          }, null, 12, _hoisted_9);
-                        }), 128))
-                      ])
-                    ])) : createCommentVNode("", true)
-                  ])
-                ]),
-                _: 1
-              })) : enableBg.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                createVNode(_component_a_form_item, { label: "渐变预览" }, {
-                  default: withCtx(() => [
-                    createElementVNode("div", {
-                      class: "gradient-preview",
-                      style: normalizeStyle({ background: gradientCss.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[5] || (_cache[5] = withModifiers(($event) => togglePicker("start"), ["stop"]))
-                            }, [
-                              createElementVNode("span", {
-                                class: "swatch",
-                                style: normalizeStyle({ background: startColor.value })
-                              }, null, 4),
-                              createElementVNode("span", _hoisted_10, toDisplayString(unref(nameMap)[startColor.value] || "自定义"), 1),
-                              createElementVNode("span", _hoisted_11, [
-                                createVNode(unref(DownOutlined))
-                              ]),
-                              activePicker.value === "start" ? (openBlock(), createElementBlock("div", _hoisted_12, [
-                                createElementVNode("div", _hoisted_13, [
-                                  (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) => pickStart(c), ["stop"])
-                                    }, null, 12, _hoisted_14);
-                                  }), 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[6] || (_cache[6] = withModifiers(($event) => togglePicker("end"), ["stop"]))
-                            }, [
-                              createElementVNode("span", {
-                                class: "swatch",
-                                style: normalizeStyle({ background: endColor.value })
-                              }, null, 4),
-                              createElementVNode("span", _hoisted_15, toDisplayString(unref(nameMap)[endColor.value] || "自定义"), 1),
-                              createElementVNode("span", _hoisted_16, [
-                                createVNode(unref(DownOutlined))
-                              ]),
-                              activePicker.value === "end" ? (openBlock(), createElementBlock("div", _hoisted_17, [
-                                createElementVNode("div", _hoisted_18, [
-                                  (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (c) => {
-                                    return openBlock(), createElementBlock("span", {
-                                      class: "chip",
-                                      key: "e-" + c,
-                                      style: normalizeStyle({ backgroundColor: c }),
-                                      onClick: withModifiers(($event) => pickEnd(c), ["stop"])
-                                    }, null, 12, _hoisted_19);
-                                  }), 128))
-                                ])
-                              ])) : createCommentVNode("", true)
-                            ])
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_a_form_item, { label: "角度" }, {
-                  default: withCtx(() => [
-                    createElementVNode("div", _hoisted_20, [
-                      createVNode(_component_a_slider, {
-                        min: 0,
-                        max: 360,
-                        value: angle.value,
-                        "onUpdate:value": _cache[7] || (_cache[7] = ($event) => angle.value = $event),
-                        style: { "flex": "1", "margin-right": "12px" }
-                      }, null, 8, ["value"]),
-                      createVNode(_component_a_input_number, {
-                        min: 0,
-                        max: 360,
-                        value: angle.value,
-                        "onUpdate:value": _cache[8] || (_cache[8] = ($event) => angle.value = $event)
-                      }, null, 8, ["value"])
-                    ])
-                  ]),
-                  _: 1
-                })
-              ], 64)) : (openBlock(), createBlock(_component_a_form_item, {
-                key: 3,
-                label: "背景颜色"
-              }, {
-                default: withCtx(() => [..._cache[36] || (_cache[36] = [
-                  createElementVNode("div", {
-                    class: "color-select",
-                    style: { "cursor": "not-allowed", "opacity": ".6" }
-                  }, [
-                    createElementVNode("span", {
-                      class: "swatch",
-                      style: { background: "#ffffff" }
-                    }),
-                    createElementVNode("span", { class: "label" }, "无色")
-                  ], -1)
-                ])]),
-                _: 1
-              })),
-              createElementVNode("div", _hoisted_21, [
-                _cache[37] || (_cache[37] = createElementVNode("span", null, "边框", -1)),
-                createVNode(_component_a_switch, {
-                  checked: enableBorder.value,
-                  "onUpdate:checked": _cache[9] || (_cache[9] = ($event) => enableBorder.value = $event),
-                  "checked-children": "开",
-                  "un-checked-children": "关"
-                }, null, 8, ["checked"])
-              ]),
-              enableBorder.value ? (openBlock(), createBlock(_component_a_form_item, {
-                key: 4,
-                label: "边框颜色"
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", {
-                    class: "color-select",
-                    onClick: _cache[10] || (_cache[10] = withModifiers(($event) => togglePicker("border"), ["stop"]))
-                  }, [
-                    createElementVNode("span", {
-                      class: "swatch",
-                      style: normalizeStyle({ background: borderColor.value })
-                    }, null, 4),
-                    createElementVNode("span", _hoisted_22, toDisplayString(colorName(borderColor.value)), 1),
-                    createElementVNode("span", _hoisted_23, [
-                      createVNode(unref(DownOutlined))
-                    ]),
-                    activePicker.value === "border" ? (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: "bd-" + c,
-                            style: normalizeStyle({ backgroundColor: c }),
-                            onClick: withModifiers(($event) => pickBorder(c), ["stop"])
-                          }, null, 12, _hoisted_26);
-                        }), 128))
-                      ])
-                    ])) : createCommentVNode("", true)
-                  ])
-                ]),
-                _: 1
-              })) : (openBlock(), createBlock(_component_a_form_item, {
-                key: 5,
-                label: "边框颜色"
-              }, {
-                default: withCtx(() => [..._cache[38] || (_cache[38] = [
-                  createElementVNode("div", {
-                    class: "color-select",
-                    style: { "cursor": "not-allowed", "opacity": ".6" }
-                  }, [
-                    createElementVNode("span", {
-                      class: "swatch",
-                      style: { background: "#ffffff" }
-                    }),
-                    createElementVNode("span", { class: "label" }, "无色")
-                  ], -1)
-                ])]),
-                _: 1
-              })),
-              createVNode(_component_a_form_item, { label: "圆角" }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_27, [
-                    createVNode(_component_a_slider, {
-                      min: 0,
-                      max: 20,
-                      value: borderRadius.value,
-                      "onUpdate:value": _cache[11] || (_cache[11] = ($event) => borderRadius.value = $event),
-                      style: { "flex": "1", "margin-right": "12px" }
-                    }, null, 8, ["value"]),
-                    createVNode(_component_a_input_number, {
-                      min: 0,
-                      max: 20,
-                      value: borderRadius.value,
-                      "onUpdate:value": _cache[12] || (_cache[12] = ($event) => borderRadius.value = $event)
-                    }, null, 8, ["value"])
-                  ])
-                ]),
-                _: 1
-              }),
-              createVNode(_component_a_form_item, { label: "阴影" }, {
-                default: withCtx(() => [
-                  createVNode(_component_a_select, {
-                    value: shadowPreset.value,
-                    "onUpdate:value": _cache[13] || (_cache[13] = ($event) => shadowPreset.value = $event),
-                    onChange: onShadowPresetChange
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(_component_a_select_option, { value: "none" }, {
-                        default: withCtx(() => [..._cache[39] || (_cache[39] = [
-                          createTextVNode("无", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      createVNode(_component_a_select_option, { value: "hairline" }, {
-                        default: withCtx(() => [..._cache[40] || (_cache[40] = [
-                          createTextVNode("极浅", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      createVNode(_component_a_select_option, { value: "soft" }, {
-                        default: withCtx(() => [..._cache[41] || (_cache[41] = [
-                          createTextVNode("柔和", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      createVNode(_component_a_select_option, { value: "medium" }, {
-                        default: withCtx(() => [..._cache[42] || (_cache[42] = [
-                          createTextVNode("中", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      createVNode(_component_a_select_option, { value: "deep" }, {
-                        default: withCtx(() => [..._cache[43] || (_cache[43] = [
-                          createTextVNode("深", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      createVNode(_component_a_select_option, { value: "float" }, {
-                        default: withCtx(() => [..._cache[44] || (_cache[44] = [
-                          createTextVNode("悬浮", -1)
-                        ])]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["value"])
-                ]),
-                _: 1
-              }),
-              shadowPreset.value !== "none" ? (openBlock(), createBlock(_component_a_row, {
-                key: 6,
-                gutter: [8, 8]
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_a_col, { span: 24 }, {
-                    default: withCtx(() => [
-                      createVNode(_component_a_form_item, { label: "模糊（blur）" }, {
-                        default: withCtx(() => [
-                          createElementVNode("div", _hoisted_28, [
-                            createVNode(_component_a_slider, {
-                              min: 0,
-                              max: 40,
-                              value: shadowBlur.value,
-                              "onUpdate:value": _cache[14] || (_cache[14] = ($event) => shadowBlur.value = $event),
-                              style: { "flex": "1", "margin-right": "12px" }
-                            }, null, 8, ["value"]),
-                            createVNode(_component_a_input_number, {
-                              min: 0,
-                              max: 40,
-                              value: shadowBlur.value,
-                              "onUpdate:value": _cache[15] || (_cache[15] = ($event) => shadowBlur.value = $event)
-                            }, null, 8, ["value"])
-                          ])
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(_component_a_col, { span: 24 }, {
-                    default: withCtx(() => [
-                      createVNode(_component_a_form_item, { label: "扩散（spread）" }, {
-                        default: withCtx(() => [
-                          createElementVNode("div", _hoisted_29, [
-                            createVNode(_component_a_slider, {
-                              min: 0,
-                              max: 20,
-                              value: shadowSpread.value,
-                              "onUpdate:value": _cache[16] || (_cache[16] = ($event) => shadowSpread.value = $event),
-                              style: { "flex": "1", "margin-right": "12px" }
-                            }, null, 8, ["value"]),
-                            createVNode(_component_a_input_number, {
-                              min: 0,
-                              max: 20,
-                              value: shadowSpread.value,
-                              "onUpdate:value": _cache[17] || (_cache[17] = ($event) => shadowSpread.value = $event)
-                            }, null, 8, ["value"])
-                          ])
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(_component_a_col, { span: 24 }, {
-                    default: withCtx(() => [
-                      createVNode(_component_a_form_item, { label: "透明度（opacity）" }, {
-                        default: withCtx(() => [
-                          createElementVNode("div", _hoisted_30, [
-                            createVNode(_component_a_slider, {
-                              min: 0,
-                              max: 100,
-                              value: shadowOpacityPct.value,
-                              "onUpdate:value": _cache[18] || (_cache[18] = ($event) => shadowOpacityPct.value = $event),
-                              style: { "flex": "1", "margin-right": "12px" }
-                            }, null, 8, ["value"]),
-                            createVNode(_component_a_input_number, {
-                              min: 0,
-                              max: 100,
-                              value: shadowOpacityPct.value,
-                              "onUpdate:value": _cache[19] || (_cache[19] = ($event) => shadowOpacityPct.value = $event)
-                            }, null, 8, ["value"])
-                          ])
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })) : createCommentVNode("", true),
-              createVNode(_component_a_form_item, { label: "上下边距" }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_31, [
-                    createVNode(_component_a_slider, {
-                      min: 0,
-                      max: 48,
-                      value: tbPadding.value,
-                      "onUpdate:value": _cache[20] || (_cache[20] = ($event) => tbPadding.value = $event),
-                      style: { "flex": "1", "margin-right": "12px" }
-                    }, null, 8, ["value"]),
-                    createVNode(_component_a_input_number, {
-                      min: 0,
-                      max: 48,
-                      value: tbPadding.value,
-                      "onUpdate:value": _cache[21] || (_cache[21] = ($event) => tbPadding.value = $event)
-                    }, null, 8, ["value"])
-                  ])
-                ]),
-                _: 1
-              }),
-              createVNode(_component_a_form_item, { label: "左右边距" }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_32, [
-                    createVNode(_component_a_slider, {
-                      min: 0,
-                      max: 48,
-                      value: lrPadding.value,
-                      "onUpdate:value": _cache[22] || (_cache[22] = ($event) => lrPadding.value = $event),
-                      style: { "flex": "1", "margin-right": "12px" }
-                    }, null, 8, ["value"]),
-                    createVNode(_component_a_input_number, {
-                      min: 0,
-                      max: 48,
-                      value: lrPadding.value,
-                      "onUpdate:value": _cache[23] || (_cache[23] = ($event) => lrPadding.value = $event)
-                    }, null, 8, ["value"])
-                  ])
-                ]),
-                _: 1
-              }),
-              createVNode(_component_a_form_item, { label: "栅格水平" }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_33, [
-                    createVNode(_component_a_slider, {
-                      min: 0,
-                      max: 48,
-                      value: props.record.options.style.lrGutter,
-                      "onUpdate:value": _cache[24] || (_cache[24] = ($event) => props.record.options.style.lrGutter = $event),
-                      style: { "flex": "1", "margin-right": "12px" }
-                    }, null, 8, ["value"]),
-                    createVNode(_component_a_input_number, {
-                      min: 0,
-                      max: 48,
-                      value: props.record.options.style.lrGutter,
-                      "onUpdate:value": _cache[25] || (_cache[25] = ($event) => props.record.options.style.lrGutter = $event)
-                    }, null, 8, ["value"])
-                  ])
-                ]),
-                _: 1
-              }),
-              createVNode(_component_a_form_item, { label: "栅格垂直" }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_34, [
-                    createVNode(_component_a_slider, {
-                      min: 0,
-                      max: 48,
-                      value: props.record.options.style.tbGutter,
-                      "onUpdate:value": _cache[26] || (_cache[26] = ($event) => props.record.options.style.tbGutter = $event),
-                      style: { "flex": "1", "margin-right": "12px" }
-                    }, null, 8, ["value"]),
-                    createVNode(_component_a_input_number, {
-                      min: 0,
-                      max: 48,
-                      value: props.record.options.style.tbGutter,
-                      "onUpdate:value": _cache[27] || (_cache[27] = ($event) => props.record.options.style.tbGutter = $event)
-                    }, null, 8, ["value"])
-                  ])
-                ]),
-                _: 1
-              }),
-              createVNode(_component_a_form_item, { label: "高度" }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_35, [
-                    createVNode(_component_a_slider, {
-                      min: 20,
-                      max: 100,
-                      value: props.record.options.style.minHeight,
-                      "onUpdate:value": _cache[28] || (_cache[28] = ($event) => props.record.options.style.minHeight = $event),
-                      style: { "flex": "1", "margin-right": "12px" }
-                    }, null, 8, ["value"]),
-                    createVNode(_component_a_input_number, {
-                      min: 20,
-                      max: 100,
-                      value: props.record.options.style.minHeight,
-                      "onUpdate:value": _cache[29] || (_cache[29] = ($event) => props.record.options.style.minHeight = $event)
-                    }, null, 8, ["value"])
-                  ])
-                ]),
-                _: 1
-              }),
-              createVNode(_component_a_form_item, { label: "垂直对齐" }, {
-                default: withCtx(() => [
-                  createVNode(_component_a_select, {
-                    value: alignItems.value,
-                    "onUpdate:value": _cache[30] || (_cache[30] = ($event) => alignItems.value = $event),
-                    placeholder: "选择对齐方式"
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(_component_a_select_option, { value: "start" }, {
-                        default: withCtx(() => [..._cache[45] || (_cache[45] = [
-                          createTextVNode("顶部", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      createVNode(_component_a_select_option, { value: "center" }, {
-                        default: withCtx(() => [..._cache[46] || (_cache[46] = [
-                          createTextVNode("居中", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      createVNode(_component_a_select_option, { value: "end" }, {
-                        default: withCtx(() => [..._cache[47] || (_cache[47] = [
-                          createTextVNode("底部", -1)
-                        ])]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["value"])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ])
-      ]);
-    };
-  }
-};
-const GridStylePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5c5e2533"]]);
-export {
-  GridStylePes as default
-};