@gct-paas/design 0.1.4-dev.9 → 0.1.5-dev.0

package/es/components/editor/style/font-editor/font-style-group.vue3.mjs

@@ -1,105 +0,0 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
-import { BoldOutlined, ItalicOutlined, UnderlineOutlined, StrikethroughOutlined } from '@ant-design/icons-vue';
-import { emitFieldSet, t, TextDecoration } from '@gct-paas/core';
-import { DefaultFont } from './util.mjs';
-
-const _hoisted_1 = { class: "font-style-box" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "font-style-group",
-  props: {
-    value: {}
-  },
-  emits: ["update:value"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const local = computed(() => {
-      const defaultFont = {
-        bold: DefaultFont.bold,
-        italic: DefaultFont.italic,
-        textDecoration: DefaultFont.textDecoration
-      };
-      return props.value || defaultFont;
-    });
-    const { bold, italic, textDecoration } = emitFieldSet(local, (_k, _v, obj) => {
-      emit("update:value", obj);
-    });
-    const changeFontStyle = (key) => {
-      if (key === "bold") {
-        bold.value = !bold.value;
-      } else if (key === "italic") {
-        italic.value = !italic.value;
-      }
-    };
-    const changeTextDecoration = (v) => {
-      if (textDecoration.value === v) {
-        textDecoration.value = TextDecoration.NONE;
-      } else {
-        textDecoration.value = v;
-      }
-    };
-    return (_ctx, _cache) => {
-      const _component_a_tooltip = resolveComponent("a-tooltip");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          class: normalizeClass(["icon-box", unref(bold) ? "selected" : null]),
-          onClick: _cache[0] || (_cache[0] = ($event) => changeFontStyle("bold"))
-        }, [
-          createVNode(_component_a_tooltip, null, {
-            title: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.bold")), 1)
-            ]),
-            default: withCtx(() => [
-              createVNode(unref(BoldOutlined))
-            ]),
-            _: 1
-          })
-        ], 2),
-        createElementVNode("div", {
-          class: normalizeClass(["icon-box", unref(italic) ? "selected" : null]),
-          onClick: _cache[1] || (_cache[1] = ($event) => changeFontStyle("italic"))
-        }, [
-          createVNode(_component_a_tooltip, null, {
-            title: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.italic")), 1)
-            ]),
-            default: withCtx(() => [
-              createVNode(unref(ItalicOutlined))
-            ]),
-            _: 1
-          })
-        ], 2),
-        createElementVNode("div", {
-          class: normalizeClass(["icon-box", unref(textDecoration) === unref(TextDecoration).UNDERLINE ? "selected" : null]),
-          onClick: _cache[2] || (_cache[2] = ($event) => changeTextDecoration(unref(TextDecoration).UNDERLINE))
-        }, [
-          createVNode(_component_a_tooltip, null, {
-            title: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.underline")), 1)
-            ]),
-            default: withCtx(() => [
-              createVNode(unref(UnderlineOutlined))
-            ]),
-            _: 1
-          })
-        ], 2),
-        createElementVNode("div", {
-          class: normalizeClass(["icon-box", unref(textDecoration) === unref(TextDecoration).LINETHROUGH ? "selected" : null]),
-          onClick: _cache[3] || (_cache[3] = ($event) => changeTextDecoration(unref(TextDecoration).LINETHROUGH))
-        }, [
-          createVNode(_component_a_tooltip, null, {
-            title: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.linethrough")), 1)
-            ]),
-            default: withCtx(() => [
-              createVNode(unref(StrikethroughOutlined))
-            ]),
-            _: 1
-          })
-        ], 2)
-      ]);
-    };
-  }
-});
-
-export { _sfc_main as default };

package/es/components/editor/style/position-editor/position-editor.vue2.mjs

@@ -1,7 +0,0 @@
-import _sfc_main from './position-editor.vue3.mjs';
-import './position-editor.css';/* empty css                     */
-import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
-
-const PositionEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cc7cb9d8"]]);
-
-export { PositionEditor as default };

package/es/components/editor/style/position-editor/position-editor.vue3.mjs

@@ -1,242 +0,0 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, createVNode, isRef, unref, withCtx, createCommentVNode, createElementVNode, withDirectives, vModelText } from 'vue';
-import UpleftIcon from '../../../icon/upleft-icon.vue2.mjs';
-import DownleftIcon from '../../../icon/downleft-icon.vue2.mjs';
-import DownrightIcon from '../../../icon/downright-icon.vue2.mjs';
-import UprightIcon from '../../../icon/upright-icon.vue2.mjs';
-import { Postion, emitFieldSet, t } from '@gct-paas/core';
-import { merge } from 'lodash-es';
-
-const _hoisted_1 = { class: "position-editor" };
-const _hoisted_2 = {
-  key: 0,
-  class: "ab-btn-box",
-  style: { "margin-top": "10px" }
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "position-box"
-};
-const _hoisted_4 = { class: "top-div" };
-const _hoisted_5 = { class: "next-input next-medium next-noborder" };
-const _hoisted_6 = { class: "right-div" };
-const _hoisted_7 = { class: "next-input next-medium next-noborder" };
-const _hoisted_8 = { class: "bottom-div" };
-const _hoisted_9 = { class: "next-input next-medium next-noborder" };
-const _hoisted_10 = { class: "left-div" };
-const _hoisted_11 = { class: "next-input next-medium next-noborder" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "position-editor",
-  props: {
-    value: { default: () => ({}) }
-  },
-  emits: ["update:value"],
-  setup(__props, { emit: __emit }) {
-    const positionOptions = [
-      {
-        label: Postion.RELATIVE,
-        value: Postion.RELATIVE
-      },
-      {
-        label: Postion.ABSOLUTE,
-        value: Postion.ABSOLUTE
-      },
-      {
-        label: Postion.FIXED,
-        value: Postion.FIXED
-      },
-      {
-        label: Postion.STICKY,
-        value: Postion.STICKY
-      }
-    ];
-    const props = __props;
-    const emit = __emit;
-    const local = computed(() => {
-      const result = {
-        top: void 0,
-        left: void 0,
-        bottom: void 0,
-        right: void 0,
-        position: void 0
-      };
-      merge(result, props.value || {});
-      return result;
-    });
-    const { top, left, bottom, right, position } = emitFieldSet(
-      local,
-      (k, v, obj) => {
-        const emitObj = k === "position" && !v ? void 0 : obj;
-        emit("update:value", emitObj);
-      }
-    );
-    let absolutePos = "";
-    const handleClickAbsolutePos = (pos) => {
-      absolutePos = pos;
-      switch (absolutePos) {
-        case "upLeft":
-          top.value = "0";
-          left.value = "0";
-          right.value = "";
-          bottom.value = "";
-          break;
-        case "downLeft":
-          top.value = "";
-          left.value = "0";
-          right.value = "";
-          bottom.value = "0";
-          break;
-        case "upRight":
-          top.value = "0";
-          left.value = "";
-          right.value = "0";
-          bottom.value = "";
-          break;
-        case "downRight":
-          top.value = "";
-          left.value = "";
-          right.value = "0";
-          bottom.value = "0";
-          break;
-      }
-    };
-    const clearPosition = () => {
-      top.value = "";
-      left.value = "";
-      right.value = "";
-      bottom.value = "";
-    };
-    return (_ctx, _cache) => {
-      const _component_a_select = resolveComponent("a-select");
-      const _component_a_tooltip = resolveComponent("a-tooltip");
-      const _component_a_button = resolveComponent("a-button");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_component_a_select, {
-          value: unref(position),
-          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(position) ? position.value = $event : null),
-          options: positionOptions,
-          "allow-clear": "",
-          size: "small",
-          onClear: clearPosition
-        }, null, 8, ["value"]),
-        unref(position) === "absolute" ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createVNode(_component_a_button, {
-            size: "middle",
-            onClick: _cache[1] || (_cache[1] = ($event) => handleClickAbsolutePos("upLeft"))
-          }, {
-            icon: withCtx(() => [
-              createVNode(_component_a_tooltip, {
-                title: unref(t)("sys.pageDesigner.upLeft")
-              }, {
-                default: withCtx(() => [
-                  createVNode(UpleftIcon)
-                ]),
-                _: 1
-              }, 8, ["title"])
-            ]),
-            _: 1
-          }),
-          createVNode(_component_a_button, {
-            size: "middle",
-            onClick: _cache[2] || (_cache[2] = ($event) => handleClickAbsolutePos("upRight"))
-          }, {
-            icon: withCtx(() => [
-              createVNode(_component_a_tooltip, {
-                title: unref(t)("sys.pageDesigner.upRight")
-              }, {
-                default: withCtx(() => [
-                  createVNode(UprightIcon)
-                ]),
-                _: 1
-              }, 8, ["title"])
-            ]),
-            _: 1
-          }),
-          createVNode(_component_a_button, {
-            size: "middle",
-            onClick: _cache[3] || (_cache[3] = ($event) => handleClickAbsolutePos("downLeft"))
-          }, {
-            icon: withCtx(() => [
-              createVNode(_component_a_tooltip, {
-                title: unref(t)("sys.pageDesigner.downLeft")
-              }, {
-                default: withCtx(() => [
-                  createVNode(DownleftIcon)
-                ]),
-                _: 1
-              }, 8, ["title"])
-            ]),
-            _: 1
-          }),
-          createVNode(_component_a_button, {
-            size: "middle",
-            onClick: _cache[4] || (_cache[4] = ($event) => handleClickAbsolutePos("downRight"))
-          }, {
-            icon: withCtx(() => [
-              createVNode(_component_a_tooltip, {
-                title: unref(t)("sys.pageDesigner.downRight")
-              }, {
-                default: withCtx(() => [
-                  createVNode(DownrightIcon)
-                ]),
-                _: 1
-              }, 8, ["title"])
-            ]),
-            _: 1
-          })
-        ])) : createCommentVNode("", true),
-        !["", "static", null, void 0].includes(unref(position)) ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          createElementVNode("div", _hoisted_4, [
-            createElementVNode("span", _hoisted_5, [
-              withDirectives(createElementVNode("input", {
-                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(top) ? top.value = $event : null),
-                placeholder: "auto",
-                maxlength: "4",
-                autocomplete: "off"
-              }, null, 512), [
-                [vModelText, unref(top)]
-              ])
-            ])
-          ]),
-          createElementVNode("div", _hoisted_6, [
-            createElementVNode("span", _hoisted_7, [
-              withDirectives(createElementVNode("input", {
-                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(right) ? right.value = $event : null),
-                placeholder: "auto",
-                maxlength: "4",
-                autocomplete: "off"
-              }, null, 512), [
-                [vModelText, unref(right)]
-              ])
-            ])
-          ]),
-          createElementVNode("div", _hoisted_8, [
-            createElementVNode("span", _hoisted_9, [
-              withDirectives(createElementVNode("input", {
-                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => isRef(bottom) ? bottom.value = $event : null),
-                placeholder: "auto",
-                maxlength: "4",
-                autocomplete: "off"
-              }, null, 512), [
-                [vModelText, unref(bottom)]
-              ])
-            ])
-          ]),
-          createElementVNode("div", _hoisted_10, [
-            createElementVNode("span", _hoisted_11, [
-              withDirectives(createElementVNode("input", {
-                "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isRef(left) ? left.value = $event : null),
-                placeholder: "auto",
-                maxlength: "4",
-                autocomplete: "off"
-              }, null, 512), [
-                [vModelText, unref(left)]
-              ])
-            ])
-          ])
-        ])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-
-export { _sfc_main as default };

package/es/components/editor/style/spacing-editor/spacing-editor.vue2.mjs

@@ -1,7 +0,0 @@
-import _sfc_main from './spacing-editor.vue3.mjs';
-import './spacing-editor.css';/* empty css                    */
-import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
-
-const SpacingEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-18c72ccf"]]);
-
-export { SpacingEditor as default };

package/es/components/editor/style/spacing-editor/spacing-editor.vue3.mjs

@@ -1,311 +0,0 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, createBlock, withCtx, createVNode, toDisplayString, createElementVNode, normalizeClass, isRef, unref, createCommentVNode } from 'vue';
-import { emitFieldSet, parseValueUnit } from '@gct-paas/core';
-
-const _hoisted_1 = { class: "spacing-editor" };
-const _hoisted_2 = {
-  key: 1,
-  class: "label"
-};
-const _hoisted_3 = { class: "spacing-editor__container pb20px" };
-const _hoisted_4 = {
-  key: 0,
-  class: "box"
-};
-const _hoisted_5 = { class: "box-inner" };
-const _hoisted_6 = {
-  key: 1,
-  class: "box"
-};
-const _hoisted_7 = { class: "box-inner" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "spacing-editor",
-  props: {
-    padding: {},
-    margin: {},
-    showArea: { default: () => ["padding", "margin"] }
-  },
-  emits: ["update:padding", "update:margin"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const _activeTab = ref("margin");
-    const activeTab = computed({
-      get: () => {
-        return props.showArea.length > 1 ? _activeTab.value : props.showArea[0];
-      },
-      set: (val) => {
-        if (props.showArea.length > 1) {
-          _activeTab.value = val;
-        }
-      }
-    });
-    const curFocus = ref();
-    const handleFocus = (c) => {
-      curFocus.value = c;
-    };
-    const handleBlur = (_e, _position) => {
-      curFocus.value = "";
-    };
-    function calcLocalSpacing(spacing) {
-      function toNum(val) {
-        return val ? parseValueUnit(val).value : 0;
-      }
-      const nums = {
-        top: toNum(spacing?.top),
-        right: toNum(spacing?.right),
-        bottom: toNum(spacing?.bottom),
-        left: toNum(spacing?.left)
-      };
-      const isSame = nums.top === nums.right && nums.top === nums.bottom && nums.top === nums.left;
-      return {
-        top: nums.top,
-        right: nums.right,
-        bottom: nums.bottom,
-        left: nums.left,
-        center: isSame ? nums.top : void 0
-      };
-    }
-    function calcEmitSpacing(local, isCenterChange = false) {
-      const centerVal = local.center ? local.center : 0;
-      return {
-        top: (isCenterChange ? centerVal : local.top || 0) + "px",
-        right: (isCenterChange ? centerVal : local.right || 0) + "px",
-        bottom: (isCenterChange ? centerVal : local.bottom || 0) + "px",
-        left: (isCenterChange ? centerVal : local.left || 0) + "px"
-      };
-    }
-    const _localPadding = computed(() => {
-      return calcLocalSpacing(props.padding);
-    });
-    const {
-      top: paddingTop,
-      bottom: paddingBottom,
-      left: paddingLeft,
-      right: paddingRight,
-      center: paddingAll
-    } = emitFieldSet(_localPadding, (f, _v, obj) => {
-      emit("update:padding", calcEmitSpacing(obj, f === "center"));
-    });
-    const _localMargin = computed(() => {
-      return calcLocalSpacing(props.margin);
-    });
-    const {
-      top: marginTop,
-      bottom: marginBottom,
-      left: marginLeft,
-      right: marginRight,
-      center: marginAll
-    } = emitFieldSet(_localMargin, (f, _v, obj) => {
-      emit("update:margin", calcEmitSpacing(obj, f === "center"));
-    });
-    return (_ctx, _cache) => {
-      const _component_a_tab_pane = resolveComponent("a-tab-pane");
-      const _component_a_tabs = resolveComponent("a-tabs");
-      const _component_a_input_number = resolveComponent("a-input-number");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        __props.showArea.length > 1 ? (openBlock(), createBlock(_component_a_tabs, {
-          key: 0,
-          "active-key": activeTab.value,
-          "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => activeTab.value = $event),
-          class: "margin-padding-tabs"
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_a_tab_pane, {
-              key: "margin",
-              tab: "外边距"
-            }),
-            createVNode(_component_a_tab_pane, {
-              key: "padding",
-              tab: "内边距"
-            })
-          ]),
-          _: 1
-        }, 8, ["active-key"])) : (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.showArea.includes("margin") ? "外边距" : "内边距"), 1)),
-        createElementVNode("div", _hoisted_3, [
-          activeTab.value === "margin" ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            createElementVNode("div", _hoisted_5, [
-              createElementVNode("div", {
-                class: normalizeClass([{ highlight: curFocus.value === "top" || curFocus.value === "center" }, "box-inner-line line-top"])
-              }, null, 2),
-              createElementVNode("div", {
-                class: normalizeClass([{
-                  highlight: curFocus.value === "right" || curFocus.value === "center"
-                }, "box-inner-line line-right"])
-              }, null, 2),
-              createElementVNode("div", {
-                class: normalizeClass([{
-                  highlight: curFocus.value === "bottom" || curFocus.value === "center"
-                }, "box-inner-line line-bottom"])
-              }, null, 2),
-              createElementVNode("div", {
-                class: normalizeClass([{ highlight: curFocus.value === "left" || curFocus.value === "center" }, "box-inner-line line-left"])
-              }, null, 2)
-            ]),
-            createVNode(_component_a_input_number, {
-              value: unref(marginTop),
-              "onUpdate:value": _cache[1] || (_cache[1] = ($event) => isRef(marginTop) ? marginTop.value = $event : null),
-              "allow-clear": false,
-              controls: false,
-              size: "small",
-              min: 0,
-              max: 999,
-              step: 1,
-              precision: 0,
-              class: "top input",
-              onFocus: _cache[2] || (_cache[2] = ($event) => handleFocus("top")),
-              onBlur: _cache[3] || (_cache[3] = ($event) => handleBlur())
-            }, null, 8, ["value"]),
-            createVNode(_component_a_input_number, {
-              value: unref(marginRight),
-              "onUpdate:value": _cache[4] || (_cache[4] = ($event) => isRef(marginRight) ? marginRight.value = $event : null),
-              "allow-clear": false,
-              controls: false,
-              size: "small",
-              min: 0,
-              max: 999,
-              step: 1,
-              precision: 0,
-              class: "right input",
-              onFocus: _cache[5] || (_cache[5] = ($event) => handleFocus("right")),
-              onBlur: _cache[6] || (_cache[6] = ($event) => handleBlur())
-            }, null, 8, ["value"]),
-            createVNode(_component_a_input_number, {
-              value: unref(marginBottom),
-              "onUpdate:value": _cache[7] || (_cache[7] = ($event) => isRef(marginBottom) ? marginBottom.value = $event : null),
-              "allow-clear": false,
-              controls: false,
-              size: "small",
-              min: 0,
-              max: 999,
-              step: 1,
-              precision: 0,
-              class: "bottom input",
-              onFocus: _cache[8] || (_cache[8] = ($event) => handleFocus("bottom")),
-              onBlur: _cache[9] || (_cache[9] = ($event) => handleBlur())
-            }, null, 8, ["value"]),
-            createVNode(_component_a_input_number, {
-              value: unref(marginLeft),
-              "onUpdate:value": _cache[10] || (_cache[10] = ($event) => isRef(marginLeft) ? marginLeft.value = $event : null),
-              "allow-clear": false,
-              controls: false,
-              size: "small",
-              min: 0,
-              max: 999,
-              step: 1,
-              precision: 0,
-              class: "left input",
-              onFocus: _cache[11] || (_cache[11] = ($event) => handleFocus("left")),
-              onBlur: _cache[12] || (_cache[12] = ($event) => handleBlur())
-            }, null, 8, ["value"]),
-            createVNode(_component_a_input_number, {
-              value: unref(marginAll),
-              "onUpdate:value": _cache[13] || (_cache[13] = ($event) => isRef(marginAll) ? marginAll.value = $event : null),
-              "allow-clear": false,
-              controls: false,
-              size: "small",
-              min: 0,
-              max: 999,
-              step: 1,
-              precision: 0,
-              class: "center input",
-              onFocus: _cache[14] || (_cache[14] = ($event) => handleFocus("center")),
-              onBlur: _cache[15] || (_cache[15] = ($event) => handleBlur())
-            }, null, 8, ["value"])
-          ])) : createCommentVNode("", true),
-          activeTab.value === "padding" ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            createElementVNode("div", _hoisted_7, [
-              createElementVNode("div", {
-                class: normalizeClass([{ highlight: curFocus.value === "top" || curFocus.value === "center" }, "box-inner-line line-top line-padding"])
-              }, null, 2),
-              createElementVNode("div", {
-                class: normalizeClass([{
-                  highlight: curFocus.value === "right" || curFocus.value === "center"
-                }, "box-inner-line line-right line-padding"])
-              }, null, 2),
-              createElementVNode("div", {
-                class: normalizeClass([{
-                  highlight: curFocus.value === "bottom" || curFocus.value === "center"
-                }, "box-inner-line line-bottom line-padding"])
-              }, null, 2),
-              createElementVNode("div", {
-                class: normalizeClass([{ highlight: curFocus.value === "left" || curFocus.value === "center" }, "box-inner-line line-left line-padding"])
-              }, null, 2)
-            ]),
-            createVNode(_component_a_input_number, {
-              value: unref(paddingTop),
-              "onUpdate:value": _cache[16] || (_cache[16] = ($event) => isRef(paddingTop) ? paddingTop.value = $event : null),
-              class: "top input",
-              "allow-clear": false,
-              controls: false,
-              size: "small",
-              min: 0,
-              max: 999,
-              step: 1,
-              precision: 0,
-              onFocus: _cache[17] || (_cache[17] = ($event) => handleFocus("top")),
-              onBlur: _cache[18] || (_cache[18] = ($event) => handleBlur())
-            }, null, 8, ["value"]),
-            createVNode(_component_a_input_number, {
-              value: unref(paddingRight),
-              "onUpdate:value": _cache[19] || (_cache[19] = ($event) => isRef(paddingRight) ? paddingRight.value = $event : null),
-              class: "right input",
-              "allow-clear": false,
-              controls: false,
-              size: "small",
-              min: 0,
-              max: 999,
-              step: 1,
-              precision: 0,
-              onFocus: _cache[20] || (_cache[20] = ($event) => handleFocus("right")),
-              onBlur: _cache[21] || (_cache[21] = ($event) => handleBlur())
-            }, null, 8, ["value"]),
-            createVNode(_component_a_input_number, {
-              value: unref(paddingBottom),
-              "onUpdate:value": _cache[22] || (_cache[22] = ($event) => isRef(paddingBottom) ? paddingBottom.value = $event : null),
-              class: "bottom input",
-              "allow-clear": false,
-              controls: false,
-              size: "small",
-              min: 0,
-              max: 999,
-              step: 1,
-              precision: 0,
-              onFocus: _cache[23] || (_cache[23] = ($event) => handleFocus("bottom")),
-              onBlur: _cache[24] || (_cache[24] = ($event) => handleBlur())
-            }, null, 8, ["value"]),
-            createVNode(_component_a_input_number, {
-              value: unref(paddingLeft),
-              "onUpdate:value": _cache[25] || (_cache[25] = ($event) => isRef(paddingLeft) ? paddingLeft.value = $event : null),
-              class: "left input",
-              "allow-clear": false,
-              controls: false,
-              size: "small",
-              min: 0,
-              max: 999,
-              step: 1,
-              precision: 0,
-              onFocus: _cache[26] || (_cache[26] = ($event) => handleFocus("left")),
-              onBlur: _cache[27] || (_cache[27] = ($event) => handleBlur())
-            }, null, 8, ["value"]),
-            createVNode(_component_a_input_number, {
-              value: unref(paddingAll),
-              "onUpdate:value": _cache[28] || (_cache[28] = ($event) => isRef(paddingAll) ? paddingAll.value = $event : null),
-              class: "center input",
-              "allow-clear": false,
-              controls: false,
-              size: "small",
-              min: 0,
-              max: 999,
-              step: 1,
-              precision: 0,
-              onFocus: _cache[29] || (_cache[29] = ($event) => handleFocus("center")),
-              onBlur: _cache[30] || (_cache[30] = ($event) => handleBlur())
-            }, null, 8, ["value"])
-          ])) : createCommentVNode("", true)
-        ])
-      ]);
-    };
-  }
-});
-
-export { _sfc_main as default };