sun-card-design 1.1.37 → 1.1.38

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

@@ -1,225 +0,0 @@
-import { ref, onMounted, watch, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode } from "vue";
-import OpenVariable from "./sun-card-designer.es91.js";
-import _sfc_main$1 from "./sun-card-designer.es95.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-action" };
-const _hoisted_2 = { class: "click-action" };
-const _sfc_main = {
-  __name: "columnsActionPes",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const qflowRef = ref();
-    const modalBindOptions = ref([
-      {
-        label: "日期组件",
-        value: "dateComponent"
-      },
-      {
-        label: "文本组件",
-        value: "textComponent"
-      },
-      {
-        label: "图形组件",
-        value: "echartsComponent"
-      }
-    ]);
-    const clickEventConfigOptions = ref([
-      {
-        label: "打开URL",
-        value: "url"
-      },
-      {
-        label: "自定义事件",
-        value: "event"
-      },
-      {
-        label: "给智能体发消息",
-        value: "agent"
-      },
-      {
-        label: "调用工具",
-        value: "tool"
-      },
-      {
-        label: "关联弹窗",
-        value: "modal"
-      }
-    ]);
-    const autoLabel = ref("URL");
-    const obj = {
-      url: "URL",
-      event: "事件",
-      agent: "消息",
-      tool: "调用工具",
-      modal: "关联弹窗"
-    };
-    const switchChange = (val) => {
-      if (!val) {
-        props.record.options.clickEventConfig.type = "url";
-        props.record.options.clickEventConfig.value = "";
-        props.record.options.clickEventConfig.variableName = null;
-        props.record.options.clickEventConfig.toolItem = null;
-        props.record.options.clickEventConfig.modalComponent = null;
-      }
-    };
-    const onChange = () => {
-      props.record.options.clickEventConfig.value = "";
-      props.record.options.clickEventConfig.variableName = null;
-      props.record.options.clickEventConfig.toolItem = null;
-      props.record.options.clickEventConfig.modalComponent = null;
-    };
-    const onOpen = () => {
-      qflowRef.value.onOpen(props.record.options.clickEventConfig.toolItem);
-    };
-    const selectQFlow = (params) => {
-      props.record.options.clickEventConfig.toolItem = params;
-    };
-    const onOpenConfig = () => {
-      props.record.options.clickEventConfig.toolItem.configParams;
-      props.record.options.clickEventConfig.tooltemParams;
-    };
-    onMounted(() => {
-      autoLabel.value = obj[props.record.options.clickEventConfig.type];
-    });
-    watch(
-      () => props.record.options.clickEventConfig.type,
-      (val) => {
-        autoLabel.value = obj[val];
-      }
-    );
-    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_switch = resolveComponent("a-switch");
-      const _component_a_select = resolveComponent("a-select");
-      const _component_a_form_item = resolveComponent("a-form-item");
-      const _component_a_button = resolveComponent("a-button");
-      const _component_a_textarea = resolveComponent("a-textarea");
-      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[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(() => [
-                    createElementVNode("div", _hoisted_2, [
-                      _cache[3] || (_cache[3] = createElementVNode("span", null, "点击事件", -1)),
-                      createVNode(_component_a_switch, {
-                        checked: props.record.options.clickEvent,
-                        "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => props.record.options.clickEvent = $event),
-                        onChange: switchChange
-                      }, null, 8, ["checked"])
-                    ]),
-                    props.record.options.clickEvent ? (openBlock(), createBlock(_component_a_form_item, {
-                      key: 0,
-                      label: ""
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_select, {
-                          value: props.record.options.clickEventConfig.type,
-                          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => props.record.options.clickEventConfig.type = $event),
-                          options: clickEventConfigOptions.value,
-                          style: { "width": "100%" },
-                          onChange
-                        }, null, 8, ["value", "options"])
-                      ]),
-                      _: 1
-                    })) : createCommentVNode("", true),
-                    props.record.options.clickEvent && props.record.options.clickEventConfig.type === "modal" ? (openBlock(), createBlock(_component_a_form_item, {
-                      key: 1,
-                      label: "关联组件"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_select, {
-                          value: props.record.options.clickEventConfig.modalComponent,
-                          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => props.record.options.clickEventConfig.modalComponent = $event),
-                          options: modalBindOptions.value,
-                          placeholder: "请选择关联组件",
-                          style: { "width": "100%" }
-                        }, null, 8, ["value", "options"])
-                      ]),
-                      _: 1
-                    })) : createCommentVNode("", true),
-                    props.record.options.clickEvent ? (openBlock(), createBlock(_component_a_form_item, {
-                      key: 2,
-                      label: autoLabel.value
-                    }, {
-                      default: withCtx(() => [
-                        props.record.options.clickEventConfig.type != "tool" ? (openBlock(), createBlock(OpenVariable, {
-                          key: 0,
-                          showCom: false,
-                          onOnSelect: selectChange,
-                          onOnSelectTree: selectTreeChange
-                        })) : createCommentVNode("", true),
-                        props.record.options.clickEventConfig.type != "tool" ? (openBlock(), createBlock(EditInput, {
-                          key: 1,
-                          ref_key: "editInputRef",
-                          ref: editInputRef,
-                          record: props.record.options.clickEventConfig,
-                          filed: "value",
-                          minRows: 2
-                        }, null, 8, ["record"])) : (openBlock(), createBlock(_component_a_button, {
-                          key: 2,
-                          style: { "width": "100%", "background": "#f0f0f0" },
-                          onClick: onOpen
-                        }, {
-                          default: withCtx(() => [..._cache[4] || (_cache[4] = [
-                            createTextVNode(" + 选择 ", -1)
-                          ])]),
-                          _: 1
-                        })),
-                        !!props.record.options.clickEventConfig.toolItem ? (openBlock(), createBlock(_component_a_textarea, {
-                          key: 3,
-                          autoSize: { minRows: 1, maxRows: 2 },
-                          disabled: true,
-                          value: props.record.options.clickEventConfig.toolItem.label,
-                          style: { "width": "100%", "margin-top": "10px", "border": "none" }
-                        }, null, 8, ["value"])) : createCommentVNode("", true),
-                        !!props.record.options.clickEventConfig.toolItem ? (openBlock(), createBlock(_component_a_button, {
-                          key: 4,
-                          style: { "width": "100%", "background": "#0066ff1a", "color": "#0066ff", "margin-top": "16px" },
-                          onClick: onOpenConfig
-                        }, {
-                          default: withCtx(() => [..._cache[5] || (_cache[5] = [
-                            createTextVNode("配置参数", -1)
-                          ])]),
-                          _: 1
-                        })) : createCommentVNode("", true)
-                      ]),
-                      _: 1
-                    }, 8, ["label"])) : createCommentVNode("", true)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }),
-        createVNode(_sfc_main$1, {
-          ref_key: "qflowRef",
-          ref: qflowRef,
-          onConfirm: selectQFlow
-        }, null, 512)
-      ]);
-    };
-  }
-};
-const ColumnsActionPes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-73261873"]]);
-export {
-  ColumnsActionPes as default
-};

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

@@ -1,69 +0,0 @@
-import { ref, computed, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx } from "vue";
-import OpenVariable from "./sun-card-designer.es91.js";
-import EditInput from "./sun-card-designer.es92.js";
-import "./sun-card-designer.es13.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "button-pes" };
-const _sfc_main = {
-  __name: "buttonBasePes",
-  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}}`);
-    };
-    const inGridWithVariableName = computed(() => {
-      return true;
-    });
-    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, {
-                          disabled: inGridWithVariableName.value,
-                          onOnSelect: selectChange,
-                          onOnSelectTree: selectTreeChange
-                        }, null, 8, ["disabled"]),
-                        createVNode(EditInput, {
-                          ref_key: "editInputRef",
-                          ref: editInputRef,
-                          record: props.record.options,
-                          minRows: 1
-                        }, null, 8, ["record"])
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const ButtonBasePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c885ec04"]]);
-export {
-  ButtonBasePes as default
-};

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

@@ -1,375 +0,0 @@
-import { ref, computed, onMounted, onBeforeUnmount, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createBlock, createCommentVNode, withModifiers, resolveDynamicComponent, unref, Fragment, renderList, normalizeStyle, toDisplayString } from "vue";
-import { EditOutlined, DeleteOutlined, CloseOutlined, CheckOutlined, ClearOutlined, DownloadOutlined, SearchOutlined, 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: "title-style" };
-const _hoisted_2 = { class: "swatch icon" };
-const _hoisted_3 = { class: "arrow" };
-const _hoisted_4 = {
-  key: 0,
-  class: "color-picker"
-};
-const _hoisted_5 = { class: "color-grid icons" };
-const _hoisted_6 = ["onClick"];
-const _hoisted_7 = { class: "label" };
-const _hoisted_8 = { class: "arrow" };
-const _hoisted_9 = {
-  key: 0,
-  class: "color-picker"
-};
-const _hoisted_10 = { class: "color-grid" };
-const _hoisted_11 = ["onClick"];
-const _hoisted_12 = { class: "label" };
-const _hoisted_13 = { class: "arrow" };
-const _hoisted_14 = {
-  key: 0,
-  class: "color-picker"
-};
-const _hoisted_15 = { class: "color-grid" };
-const _hoisted_16 = ["onClick"];
-const _hoisted_17 = { class: "slider-row" };
-const _hoisted_18 = { class: "slider-row" };
-const _hoisted_19 = { class: "slider-row" };
-const _sfc_main = {
-  __name: "buttonStylePes",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const iconMap = {
-      SearchOutlined,
-      DownloadOutlined,
-      ClearOutlined,
-      CheckOutlined,
-      CloseOutlined,
-      DeleteOutlined,
-      EditOutlined
-    };
-    const iconKeys = ref(Object.keys(iconMap));
-    const iconPicker = ref(false);
-    const backgroundPicker = ref(false);
-    const textColorPicker = ref(false);
-    const colorList = ref(ColorList);
-    const nameMap = ColorNameMap;
-    const backgroundColor = ref("#0066ff");
-    const backgroundColorName = computed(() => nameMap[backgroundColor.value] || "自定义");
-    const textColor = ref("#fff");
-    const textColorName = computed(() => nameMap[textColor.value] || "自定义");
-    const buttonSizeOptions = ref([
-      {
-        label: "小",
-        value: "small"
-      },
-      {
-        label: "中",
-        value: "middle"
-      },
-      {
-        label: "大",
-        value: "large"
-      }
-    ]);
-    const buttonAlignOptions = ref([
-      {
-        label: "左对齐",
-        value: "left"
-      },
-      {
-        label: "居中对齐",
-        value: "center"
-      },
-      {
-        label: "右对齐",
-        value: "right"
-      }
-    ]);
-    const buttonWidthOptions = ref([
-      {
-        label: "自适应",
-        value: "auto"
-      },
-      {
-        label: "拉伸",
-        value: "all"
-      },
-      {
-        label: "固定",
-        value: "fixed"
-      }
-    ]);
-    const buttonWidthChange = (val) => {
-      props.record.options.style.widthValue = val !== "fixed" ? null : 72;
-    };
-    const toggleIconPicker = () => {
-      iconPicker.value = !iconPicker.value;
-    };
-    const pickIcon = (name) => {
-      props.record.options.style.iconName = name;
-      iconPicker.value = false;
-    };
-    const toggleBackgroundPicker = () => {
-      backgroundPicker.value = !backgroundPicker.value;
-    };
-    const pickBackground = (hex) => {
-      backgroundColor.value = hex;
-      backgroundPicker.value = false;
-      props.record.options.style.background = hex;
-    };
-    const toggleTextColorPicker = () => {
-      textColorPicker.value = !textColorPicker.value;
-    };
-    const pickTextColor = (hex) => {
-      textColor.value = hex;
-      textColorPicker.value = false;
-      props.record.options.style.color = hex;
-    };
-    const onClickOutside = () => {
-      iconPicker.value = false;
-      backgroundPicker.value = false;
-      textColorPicker.value = false;
-    };
-    onMounted(() => {
-      document.addEventListener("click", onClickOutside);
-      backgroundColor.value = props.record.options.style.background || "#0066ff";
-      textColor.value = props.record.options.style.color || "#fff";
-    });
-    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_select = resolveComponent("a-select");
-      const _component_a_input_number = resolveComponent("a-input-number");
-      const _component_a_slider = resolveComponent("a-slider");
-      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[11] || (_cache[11] = 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: withModifiers(toggleIconPicker, ["stop"])
-                        }, [
-                          createElementVNode("span", _hoisted_2, [
-                            props.record.options.style.iconName ? (openBlock(), createBlock(resolveDynamicComponent(iconMap[props.record.options.style.iconName]), {
-                              key: 0,
-                              class: "icon-preview"
-                            })) : createCommentVNode("", true)
-                          ]),
-                          _cache[10] || (_cache[10] = createElementVNode("span", { class: "label" }, null, -1)),
-                          createElementVNode("span", _hoisted_3, [
-                            createVNode(unref(DownOutlined))
-                          ]),
-                          iconPicker.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                            createElementVNode("div", _hoisted_5, [
-                              (openBlock(true), createElementBlock(Fragment, null, renderList(iconKeys.value, (name) => {
-                                return openBlock(), createElementBlock("span", {
-                                  class: "chip icon-chip",
-                                  key: "i-" + name,
-                                  onClick: withModifiers(($event) => pickIcon(name), ["stop"])
-                                }, [
-                                  (openBlock(), createBlock(resolveDynamicComponent(iconMap[name]), { class: "icon-preview" }))
-                                ], 8, _hoisted_6);
-                              }), 128))
-                            ])
-                          ])) : createCommentVNode("", true)
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "尺寸" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_select, {
-                          value: props.record.options.style.size,
-                          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => props.record.options.style.size = $event),
-                          options: buttonSizeOptions.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.align,
-                          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => props.record.options.style.align = $event),
-                          options: buttonAlignOptions.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.widthType,
-                          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => props.record.options.style.widthType = $event),
-                          options: buttonWidthOptions.value,
-                          style: { "width": "100%" },
-                          onChange: buttonWidthChange
-                        }, null, 8, ["value", "options"])
-                      ]),
-                      _: 1
-                    }),
-                    props.record.options.style.widthType === "fixed" ? (openBlock(), createBlock(_component_a_form_item, {
-                      key: 0,
-                      label: "宽度值"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_input_number, {
-                          style: { "margin-top": "10px", "width": "100%" },
-                          value: props.record.options.style.widthValue,
-                          "onUpdate:value": _cache[3] || (_cache[3] = ($event) => props.record.options.style.widthValue = $event),
-                          min: 72,
-                          max: 360
-                        }, null, 8, ["value"])
-                      ]),
-                      _: 1
-                    })) : createCommentVNode("", true),
-                    createVNode(_component_a_form_item, { label: "背景颜色" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", {
-                          class: "color-select",
-                          onClick: withModifiers(toggleBackgroundPicker, ["stop"])
-                        }, [
-                          createElementVNode("span", {
-                            class: "swatch",
-                            style: normalizeStyle({ backgroundColor: backgroundColor.value })
-                          }, null, 4),
-                          createElementVNode("span", _hoisted_7, toDisplayString(backgroundColorName.value), 1),
-                          createElementVNode("span", _hoisted_8, [
-                            createVNode(unref(DownOutlined))
-                          ]),
-                          backgroundPicker.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                            createElementVNode("div", _hoisted_10, [
-                              (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (c) => {
-                                return openBlock(), createElementBlock("span", {
-                                  class: "chip",
-                                  key: "bg-" + c,
-                                  style: normalizeStyle({ backgroundColor: c }),
-                                  onClick: withModifiers(($event) => pickBackground(c), ["stop"])
-                                }, null, 12, _hoisted_11);
-                              }), 128))
-                            ])
-                          ])) : createCommentVNode("", true)
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "字体颜色" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", {
-                          class: "color-select",
-                          onClick: withModifiers(toggleTextColorPicker, ["stop"])
-                        }, [
-                          createElementVNode("span", {
-                            class: "swatch",
-                            style: normalizeStyle({ backgroundColor: textColor.value })
-                          }, null, 4),
-                          createElementVNode("span", _hoisted_12, toDisplayString(textColorName.value), 1),
-                          createElementVNode("span", _hoisted_13, [
-                            createVNode(unref(DownOutlined))
-                          ]),
-                          textColorPicker.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: "text-" + c,
-                                  style: normalizeStyle({ backgroundColor: c }),
-                                  onClick: withModifiers(($event) => pickTextColor(c), ["stop"])
-                                }, null, 12, _hoisted_16);
-                              }), 128))
-                            ])
-                          ])) : createCommentVNode("", true)
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "圆角" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_17, [
-                          createVNode(_component_a_slider, {
-                            min: 0,
-                            max: 20,
-                            value: props.record.options.style.borderRadius,
-                            "onUpdate:value": _cache[4] || (_cache[4] = ($event) => props.record.options.style.borderRadius = $event),
-                            style: { "flex": "1", "margin-right": "12px" }
-                          }, null, 8, ["value"]),
-                          createVNode(_component_a_input_number, {
-                            min: 0,
-                            max: 20,
-                            value: props.record.options.style.borderRadius,
-                            "onUpdate:value": _cache[5] || (_cache[5] = ($event) => props.record.options.style.borderRadius = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "上下边距" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_18, [
-                          createVNode(_component_a_slider, {
-                            min: 0,
-                            max: 20,
-                            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: 20,
-                            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_19, [
-                          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
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const ButtonStylePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4072e452"]]);
-export {
-  ButtonStylePes as default
-};