@g1cloud/bluesea 5.0.0-beta.9 → 6.0.0-alpha.0

package/dist/BSAlertModal-DypUvVcH.js

@@ -1,52 +0,0 @@
-import { defineComponent, createBlock, openBlock, withCtx, withDirectives, createElementVNode, unref, createVNode } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, v as vT, B as BSButton, j as vFocusOnLoad } from "./index-DxMqs72-.js";
-const _hoisted_1 = { class: "text-right" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "BSAlertModal",
-  props: {
-    title: {},
-    message: {}
-  },
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const modalHandle = useModalHandle();
-    modalHandle.setDefaultStyle({
-      minWidth: "300px",
-      escToClose: true
-    });
-    const clickOk = () => {
-      emit("click");
-      modalHandle.close();
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, {
-        title: _ctx.title,
-        "auto-focus": ""
-      }, {
-        buttons: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            withDirectives(createVNode(BSButton, {
-              caption: { key: "bs.ok" },
-              "button-color": "blue",
-              class: "min-w-80",
-              "data-id": "okBtn",
-              onClick: clickOk
-            }, null, 512), [
-              [unref(vFocusOnLoad)]
-            ])
-          ])
-        ]),
-        default: withCtx(() => [
-          withDirectives(createElementVNode("div", null, null, 512), [
-            [unref(vT), _ctx.message]
-          ])
-        ]),
-        _: 1
-      }, 8, ["title"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/BSGridColumnSettingModal-DhGr9UtK.js

@@ -1,149 +0,0 @@
-import { defineComponent, ref, onMounted, createBlock, openBlock, withCtx, createElementVNode, createVNode, mergeProps, unref, toHandlers, nextTick } from "vue";
-import { f as createInputGridHandler, u as useModalHandle, _ as _sfc_main$1, B as BSButton, g as _sfc_main$2, h as _sfc_main$3, i as _sfc_main$4, n as notNull } from "./index-DxMqs72-.js";
-const _hoisted_1 = { class: "text-center" };
-const _hoisted_2 = { class: "text-center" };
-const _hoisted_3 = { class: "bs-layout-horizontal" };
-const _hoisted_4 = { class: "bs-layout-horizontal flex-grow-1 justify-content-end gap-8" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "BSGridColumnSettingModal",
-  props: {
-    columns: {},
-    columnSettings: {},
-    fixedColumnCount: {}
-  },
-  emits: ["settingChanged"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const settingColumns = [
-      { propertyId: "caption", caption: { key: "bs.grid.caption" }, width: 200, cellType: "MULTI_LANG_STRING" },
-      { propertyId: "visible", caption: { key: "bs.grid.visible" }, width: 60 },
-      { propertyId: "fixed", caption: { key: "bs.grid.fixed" }, width: 60 },
-      { propertyId: "width", caption: { key: "bs.width" }, width: 100 }
-    ];
-    const gridHandler = createInputGridHandler({
-      getRowKey: (row) => row.propertyId
-    });
-    const editingColumns = ref([]);
-    const margeColumnSettingsAndOrigColumns = (columnSettings, columns) => {
-      const origColumns = [...columns || []];
-      const result = columnSettings.map((col) => {
-        const origIndex = origColumns.findIndex((orig) => orig.propertyId === col.propertyId);
-        if (origIndex >= 0) {
-          const orig = origColumns.splice(origIndex, 1)[0];
-          return { ...orig, hidden: col.hidden, width: col.width || orig.width };
-        } else {
-          return void 0;
-        }
-      }).filter(notNull);
-      origColumns.forEach((orig) => {
-        result.push({ ...orig, width: orig.width });
-      });
-      return result;
-    };
-    onMounted(() => {
-      var _a;
-      const columns = props.columnSettings ? margeColumnSettingsAndOrigColumns(props.columnSettings, props.columns) : ((_a = props.columns) == null ? void 0 : _a.map((orig) => ({ ...orig }))) || [];
-      editingColumns.value = columns.map((col, idx) => ({ ...col, fixed: idx < (props.fixedColumnCount || 0) }));
-      gridHandler.setGridData(editingColumns.value);
-    });
-    const updateFixedColumn = async (value, row) => {
-      const rowIndex = editingColumns.value.indexOf(row);
-      const oldFixedIndex = editingColumns.value.findLastIndex((col) => col.fixed) + 1;
-      await nextTick();
-      const fixedIndex = !value && oldFixedIndex === 0 && rowIndex === 0 ? -1 : rowIndex;
-      editingColumns.value.forEach((col, idx) => col.fixed = idx <= fixedIndex);
-    };
-    const modalHandle = useModalHandle();
-    const save = () => {
-      const columnSettings = editingColumns.value.map((col) => {
-        var _a;
-        const orig = (_a = props.columns) == null ? void 0 : _a.find((c) => c.propertyId === col.propertyId);
-        return {
-          propertyId: col.propertyId,
-          hidden: col.hidden ? true : void 0,
-          width: col.width !== (orig == null ? void 0 : orig.width) ? col.width : void 0
-        };
-      });
-      const fixedColumnCount = editingColumns.value.findLastIndex((col) => col.fixed) + 1;
-      emit("settingChanged", columnSettings, fixedColumnCount);
-      modalHandle.close();
-    };
-    const close = () => {
-      modalHandle.close();
-    };
-    const restore = () => {
-      emit("settingChanged", void 0, void 0);
-      modalHandle.close();
-    };
-    modalHandle.setDefaultStyle({
-      maxWidth: "600px",
-      maxHeight: "80%"
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, { title: { key: "bs.gridcontrol.columnSetting" } }, {
-        default: withCtx(() => [
-          createVNode(_sfc_main$2, mergeProps({
-            columns: settingColumns,
-            height: "100%",
-            "show-drag-handle": "",
-            "show-serial": ""
-          }, unref(gridHandler).grid, toHandlers(unref(gridHandler).gridEventListener)), {
-            visible: withCtx(({ row }) => [
-              createElementVNode("div", _hoisted_1, [
-                createVNode(_sfc_main$4, {
-                  "model-value": !row.hidden,
-                  class: "reverted",
-                  "onUpdate:modelValue": (value) => row.hidden = !value
-                }, null, 8, ["model-value", "onUpdate:modelValue"])
-              ])
-            ]),
-            fixed: withCtx(({ row }) => [
-              createElementVNode("div", _hoisted_2, [
-                createVNode(_sfc_main$4, {
-                  modelValue: row.fixed,
-                  "onUpdate:modelValue": [($event) => row.fixed = $event, ($event) => updateFixedColumn($event, row)],
-                  class: "reverted"
-                }, null, 8, ["modelValue", "onUpdate:modelValue"])
-              ])
-            ]),
-            width: withCtx(({ row }) => [
-              createVNode(_sfc_main$3, {
-                modelValue: row.width,
-                "onUpdate:modelValue": ($event) => row.width = $event,
-                width: "100%"
-              }, null, 8, ["modelValue", "onUpdate:modelValue"])
-            ]),
-            _: 1
-          }, 16)
-        ]),
-        buttons: withCtx(() => [
-          createElementVNode("div", _hoisted_3, [
-            createElementVNode("div", null, [
-              createVNode(BSButton, {
-                caption: { key: "bs.grid.restoreSetting" },
-                "button-color": "gray",
-                onClick: restore
-              })
-            ]),
-            createElementVNode("div", _hoisted_4, [
-              createVNode(BSButton, {
-                caption: { key: "bs.cancel" },
-                onClick: close
-              }),
-              createVNode(BSButton, {
-                caption: { key: "bs.ok" },
-                "button-color": "blue",
-                onClick: save
-              })
-            ])
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/BSRichTextMaximizedModal-DmPabr58.js

@@ -1,62 +0,0 @@
-import { defineComponent, mergeModels, useModel, useTemplateRef, createBlock, openBlock } from "vue";
-import { u as useModalHandle, d as _sfc_main$1 } from "./index-DxMqs72-.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "BSRichTextMaximizedModal",
-  props: /* @__PURE__ */ mergeModels({
-    contentMaxWidth: {},
-    disabled: { type: Boolean },
-    viewMode: { type: Boolean },
-    required: { type: Boolean },
-    validationMessageRequired: {},
-    extraValidationRules: {},
-    ignoreSavePoint: { type: Boolean },
-    hideErrorMessage: { type: Boolean },
-    toolButtons: {},
-    contentClass: {}
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["editorIframeReady"], ["update:modelValue"]),
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const modelValue = useModel(__props, "modelValue");
-    const richTextRef = useTemplateRef("richText");
-    const modalHandle = useModalHandle();
-    const closeModal = () => {
-      var _a;
-      (_a = richTextRef.value) == null ? void 0 : _a.forceUpdateModelValue();
-      modalHandle.close();
-    };
-    modalHandle.setDefaultStyle({
-      width: "90vw",
-      height: "90vh",
-      maxWidth: "1280px"
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, {
-        ref: "richText",
-        modelValue: modelValue.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
-        "content-class": _ctx.contentClass,
-        "content-max-width": _ctx.contentMaxWidth,
-        disabled: _ctx.disabled,
-        "extra-validation-rules": _ctx.extraValidationRules,
-        "hide-error-message": _ctx.hideErrorMessage,
-        "ignore-save-point": _ctx.ignoreSavePoint,
-        required: _ctx.required,
-        "tool-buttons": _ctx.toolButtons,
-        "validation-message-required": _ctx.validationMessageRequired,
-        "view-mode": _ctx.viewMode,
-        class: "h-full",
-        "internal-maximized": "",
-        maximized: "",
-        onMaximized: closeModal,
-        onEditorIframeReady: _cache[1] || (_cache[1] = ($event) => emit("editorIframeReady", $event))
-      }, null, 8, ["modelValue", "content-class", "content-max-width", "disabled", "extra-validation-rules", "hide-error-message", "ignore-save-point", "required", "tool-buttons", "validation-message-required", "view-mode"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/BSYesNoModal-CBrzf4F5.js

@@ -1,57 +0,0 @@
-import { defineComponent, createBlock, openBlock, withCtx, withDirectives, createElementVNode, unref, createVNode } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, v as vT, B as BSButton } from "./index-DxMqs72-.js";
-const _hoisted_1 = { class: "text-right" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "BSYesNoModal",
-  props: {
-    title: {},
-    message: {}
-  },
-  emits: ["clickNo", "clickYes"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const modalHandle = useModalHandle();
-    modalHandle.setDefaultStyle({
-      minWidth: "300px",
-      escToClose: true
-    });
-    const clickNo = () => {
-      emit("clickNo");
-      modalHandle.close();
-    };
-    const clickYes = () => {
-      emit("clickYes");
-      modalHandle.close();
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, { title: _ctx.title }, {
-        buttons: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(BSButton, {
-              caption: { key: "bs.no" },
-              class: "min-w-80",
-              "data-id": "noBtn",
-              onClick: clickNo
-            }),
-            createVNode(BSButton, {
-              caption: { key: "bs.yes" },
-              "button-color": "blue",
-              class: "ml-8 min-w-80",
-              "data-id": "yesBtn",
-              onClick: clickYes
-            })
-          ])
-        ]),
-        default: withCtx(() => [
-          withDirectives(createElementVNode("div", null, null, 512), [
-            [unref(vT), _ctx.message]
-          ])
-        ]),
-        _: 1
-      }, 8, ["title"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/BSYoutubeInputModal-BxabTSWx.js

@@ -1,76 +0,0 @@
-import { defineComponent, useModel, ref, createBlock, openBlock, withCtx, createElementVNode, createVNode, createCommentVNode, unref } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, b as _sfc_main$2, c as _sfc_main$3, e as extractYoutubeVideoId } from "./index-DxMqs72-.js";
-import YouTube from "vue3-youtube";
-const _hoisted_1 = { class: "bs-layout-vertical gap-16" };
-const _hoisted_2 = { class: "bs-layout-horizontal align-items-center" };
-const _hoisted_3 = { class: "align-self-center" };
-const _hoisted_4 = { class: "bs-layout-horizontal justify-content-end gap-4" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "BSYoutubeInputModal",
-  props: {
-    "modelValue": {},
-    "modelModifiers": {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const modelValue = useModel(__props, "modelValue");
-    const url = ref(modelValue.value || "");
-    const modalHandle = useModalHandle();
-    const select = () => {
-      const videoId = extractYoutubeVideoId(url.value);
-      modelValue.value = videoId ? `https://youtu.be/${videoId}` : void 0;
-      modalHandle.close();
-    };
-    const close = () => {
-      modalHandle.close();
-    };
-    modalHandle.setDefaultStyle({
-      width: "600px",
-      height: "560px"
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, { title: { key: "bs.youtubeUrl" } }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createElementVNode("div", _hoisted_2, [
-              createVNode(_sfc_main$2, { label: { key: "bs.youtubeUrl" } }),
-              createVNode(_sfc_main$3, {
-                modelValue: url.value,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => url.value = $event),
-                class: "flex-grow-1 ml-8",
-                name: "youtubeUrl"
-              }, null, 8, ["modelValue"])
-            ]),
-            createElementVNode("div", _hoisted_3, [
-              url.value ? (openBlock(), createBlock(unref(YouTube), {
-                key: 0,
-                ref: "youtube",
-                src: url.value,
-                class: "youtube",
-                width: "550px"
-              }, null, 8, ["src"])) : createCommentVNode("", true)
-            ])
-          ])
-        ]),
-        buttons: withCtx(() => [
-          createElementVNode("div", _hoisted_4, [
-            createVNode(BSButton, {
-              caption: { key: "bs.cancel" },
-              class: "ml-8",
-              onClick: close
-            }),
-            createVNode(BSButton, {
-              caption: { key: "bs.ok" },
-              "button-color": "blue",
-              onClick: select
-            })
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/ImageInsertModal-K1Tx7ys2.js

@@ -1,106 +0,0 @@
-import { defineComponent, computed, ref, createBlock, openBlock, withCtx, createElementVNode, createVNode, withDirectives, vShow } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, a as _sfc_main$2, b as _sfc_main$3, c as _sfc_main$4 } from "./index-DxMqs72-.js";
-import { _ as _sfc_main$5 } from "./ImageProperties.vue_vue_type_script_setup_true_lang-D8KH2XwP.js";
-const _hoisted_1 = { class: "bs-layout-form title-w-8" };
-const _hoisted_2 = { class: "title" };
-const _hoisted_3 = { class: "bs-layout-horizontal justify-content-end gap-8" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ImageInsertModal",
-  props: {
-    editor: {}
-  },
-  emits: ["insertImage"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const disabled = computed(() => !props.editor.isEditable);
-    const emit = __emit;
-    const tabs = [
-      // {tabId: 'upload', caption: {key: 'Upload'}},
-      { tabId: "input", caption: { key: "bs.url" } }
-    ];
-    const currentTab = ref("upload");
-    const image = ref();
-    const data = ref({ src: "" });
-    const modalHandle = useModalHandle();
-    const insert = () => {
-      if (currentTab.value === "upload" && (image.value && image.value.fileUrl)) {
-        emit("insertImage", {
-          src: image.value.fileUrl,
-          alt: image.value.altText
-        });
-        modalHandle.close();
-      } else if (currentTab.value === "input" && data.value.src) {
-        emit("insertImage", data.value);
-        modalHandle.close();
-      }
-    };
-    const close = () => modalHandle.close();
-    modalHandle.setDefaultStyle({
-      width: "540px",
-      height: "460px"
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, { title: { key: "bs.richtext.insertImage" } }, {
-        default: withCtx(() => [
-          createVNode(_sfc_main$2, {
-            "tab-id": currentTab.value,
-            "onUpdate:tabId": _cache[1] || (_cache[1] = ($event) => currentTab.value = $event),
-            tabs,
-            class: "compact",
-            "keep-tabs": ""
-          }, {
-            input: withCtx(({ active }) => [
-              withDirectives(createElementVNode("div", _hoisted_1, [
-                createElementVNode("div", null, [
-                  createElementVNode("div", _hoisted_2, [
-                    createVNode(_sfc_main$3, {
-                      label: { key: "bs.url" },
-                      required: ""
-                    })
-                  ]),
-                  createElementVNode("div", null, [
-                    createVNode(_sfc_main$4, {
-                      modelValue: data.value.src,
-                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value.src = $event),
-                      disabled: disabled.value,
-                      class: "flex-grow-1",
-                      name: "url",
-                      required: "",
-                      width: "100%"
-                    }, null, 8, ["modelValue", "disabled"])
-                  ])
-                ]),
-                createVNode(_sfc_main$5, {
-                  disabled: disabled.value,
-                  "image-info": data.value
-                }, null, 8, ["disabled", "image-info"])
-              ], 512), [
-                [vShow, active]
-              ])
-            ]),
-            _: 1
-          }, 8, ["tab-id"])
-        ]),
-        buttons: withCtx(() => [
-          createElementVNode("div", _hoisted_3, [
-            createVNode(BSButton, {
-              caption: { key: "bs.ok" },
-              "button-color": "blue",
-              "data-id": "okBtn",
-              onClick: insert
-            }),
-            createVNode(BSButton, {
-              caption: { key: "bs.cancel" },
-              "data-id": "cancelBtn",
-              onClick: close
-            })
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/ImageProperties.vue_vue_type_script_setup_true_lang-D8KH2XwP.js

@@ -1,180 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, withDirectives, createTextVNode, unref } from "vue";
-import { b as _sfc_main$1, c as _sfc_main$2, v as vT } from "./index-DxMqs72-.js";
-const _hoisted_1 = { class: "title" };
-const _hoisted_2 = { class: "title" };
-const _hoisted_3 = { class: "title" };
-const _hoisted_4 = { class: "title" };
-const _hoisted_5 = { class: "bs-layout-horizontal gap-2" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ImageProperties",
-  props: {
-    imageInfo: {},
-    disabled: { type: Boolean }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", null, [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(_sfc_main$1, { label: { key: "bs.fileupload.alt" } })
-          ]),
-          createElementVNode("div", null, [
-            createVNode(_sfc_main$2, {
-              modelValue: _ctx.imageInfo.alt,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.imageInfo.alt = $event),
-              disabled: _ctx.disabled,
-              name: "alt",
-              width: "100%"
-            }, null, 8, ["modelValue", "disabled"])
-          ])
-        ]),
-        createElementVNode("div", null, [
-          createElementVNode("div", _hoisted_2, [
-            createVNode(_sfc_main$1, { label: { key: "bs.size" } })
-          ]),
-          createElementVNode("div", null, [
-            withDirectives(createVNode(_sfc_main$2, {
-              modelValue: _ctx.imageInfo.width,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.imageInfo.width = $event),
-              disabled: _ctx.disabled,
-              name: "width",
-              prefix: "W",
-              width: "100px"
-            }, null, 8, ["modelValue", "disabled"]), [
-              [
-                unref(vT),
-                { key: "bs.width" },
-                void 0,
-                { title: true }
-              ]
-            ]),
-            _cache[9] || (_cache[9] = createTextVNode(" x ")),
-            withDirectives(createVNode(_sfc_main$2, {
-              modelValue: _ctx.imageInfo.height,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.imageInfo.height = $event),
-              disabled: _ctx.disabled,
-              name: "height",
-              prefix: "H",
-              width: "100px"
-            }, null, 8, ["modelValue", "disabled"]), [
-              [
-                unref(vT),
-                { key: "bs.height" },
-                void 0,
-                { title: true }
-              ]
-            ])
-          ])
-        ]),
-        createElementVNode("div", null, [
-          createElementVNode("div", _hoisted_3, [
-            createVNode(_sfc_main$1, { label: { key: "bs.maxSize" } })
-          ]),
-          createElementVNode("div", null, [
-            withDirectives(createVNode(_sfc_main$2, {
-              modelValue: _ctx.imageInfo.maxWidth,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.imageInfo.maxWidth = $event),
-              disabled: _ctx.disabled,
-              name: "maxWidth",
-              prefix: "W",
-              width: "100px"
-            }, null, 8, ["modelValue", "disabled"]), [
-              [
-                unref(vT),
-                { key: "bs.maxWidth" },
-                void 0,
-                { title: true }
-              ]
-            ]),
-            _cache[10] || (_cache[10] = createTextVNode(" x ")),
-            withDirectives(createVNode(_sfc_main$2, {
-              modelValue: _ctx.imageInfo.maxHeight,
-              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.imageInfo.maxHeight = $event),
-              disabled: _ctx.disabled,
-              name: "maxHeight",
-              prefix: "H",
-              width: "100px"
-            }, null, 8, ["modelValue", "disabled"]), [
-              [
-                unref(vT),
-                { key: "bs.maxHeight" },
-                void 0,
-                { title: true }
-              ]
-            ])
-          ])
-        ]),
-        createElementVNode("div", null, [
-          createElementVNode("div", _hoisted_4, [
-            createVNode(_sfc_main$1, { label: { key: "bs.margin" } })
-          ]),
-          createElementVNode("div", _hoisted_5, [
-            withDirectives(createVNode(_sfc_main$2, {
-              modelValue: _ctx.imageInfo.marginLeft,
-              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.imageInfo.marginLeft = $event),
-              disabled: _ctx.disabled,
-              prefix: { type: "font-icon", value: "keyboard_arrow_left" },
-              name: "marginLeft",
-              width: "80px"
-            }, null, 8, ["modelValue", "disabled"]), [
-              [
-                unref(vT),
-                { key: "bs.left" },
-                void 0,
-                { title: true }
-              ]
-            ]),
-            withDirectives(createVNode(_sfc_main$2, {
-              modelValue: _ctx.imageInfo.marginTop,
-              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.imageInfo.marginTop = $event),
-              disabled: _ctx.disabled,
-              prefix: { type: "font-icon", value: "keyboard_arrow_up" },
-              name: "marginTop",
-              width: "80px"
-            }, null, 8, ["modelValue", "disabled"]), [
-              [
-                unref(vT),
-                { key: "bs.top" },
-                void 0,
-                { title: true }
-              ]
-            ]),
-            withDirectives(createVNode(_sfc_main$2, {
-              modelValue: _ctx.imageInfo.marginBottom,
-              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => _ctx.imageInfo.marginBottom = $event),
-              disabled: _ctx.disabled,
-              prefix: { type: "font-icon", value: "keyboard_arrow_down" },
-              name: "marginBottom",
-              width: "80px"
-            }, null, 8, ["modelValue", "disabled"]), [
-              [
-                unref(vT),
-                { key: "bs.bottom" },
-                void 0,
-                { title: true }
-              ]
-            ]),
-            withDirectives(createVNode(_sfc_main$2, {
-              modelValue: _ctx.imageInfo.marginRight,
-              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => _ctx.imageInfo.marginRight = $event),
-              disabled: _ctx.disabled,
-              prefix: { type: "font-icon", value: "keyboard_arrow_right" },
-              name: "marginRight",
-              width: "80px"
-            }, null, 8, ["modelValue", "disabled"]), [
-              [
-                unref(vT),
-                { key: "bs.right" },
-                void 0,
-                { title: true }
-              ]
-            ])
-          ])
-        ])
-      ], 64);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};