@epxing/designer 0.0.0-stage → 5.3.0-beta.1

package/dist/src/page-designer/previews/form-field/preview/Object.js

@@ -0,0 +1,76 @@
+import previewMixin from "../../../widget-preview/Mixin.js";
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createTextVNode, toDisplayString, createBlock, withCtx, createElementVNode, createCommentVNode, createVNode } from "vue";
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-form-object-field--preview",
+  mixins: [previewMixin],
+  computed: {
+    showLabel() {
+      return this.$configs.showLabel !== false && this.$configs.label;
+    },
+    labelAlign() {
+      return this.$configs.labelAlign || "left";
+    },
+    labelStyle() {
+      const { labelStyle: style = {}, labelColor, labelFontSize, labelWidthType, labelWidth } = this.$configs;
+      let labelStyle = { ...style };
+      if (labelWidthType === "auto") {
+        labelStyle = { width: "auto" };
+      } else if (labelWidth) {
+        labelStyle = { width: labelWidth + "px", ...labelStyle };
+      }
+      if (labelColor) {
+        labelStyle = { color: labelColor, ...labelStyle };
+      }
+      if (labelFontSize) {
+        labelStyle = { fontSize: labelFontSize + "px", ...labelStyle };
+      }
+      return { ...labelStyle };
+    },
+    placeholder() {
+      return this.$configs.placeholder || `请选择${this.$configs.label || ""}`;
+    }
+  }
+};
+const _hoisted_1 = { class: "epx-form-field__content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  const _component_el_input = resolveComponent("el-input");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["epx-form-field", [`epx-form-field--label-${_ctx.$configs.labelAlign || "left"}`]])
+  }, [
+    $options.showLabel ? (openBlock(), createElementBlock("label", {
+      key: 0,
+      class: normalizeClass(["epx-form-field__label", `epx-form-field__label--${_ctx.$configs.labelAlign || "left"}`]),
+      style: normalizeStyle($options.labelStyle)
+    }, [
+      createTextVNode(toDisplayString(_ctx.$configs.label) + " ", 1),
+      _ctx.$configs.notes ? (openBlock(), createBlock(_component_el_tooltip, {
+        key: 0,
+        class: "epx-form-field__tip",
+        effect: "dark",
+        content: _ctx.$configs.notes,
+        placement: "top"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("i", {
+            class: "el-icon-warning-outline",
+            style: normalizeStyle(_ctx.$configs.noteTipIconColor ? { color: _ctx.$configs.noteTipIconColor } : {})
+          }, null, 4)
+        ]),
+        _: 1
+      }, 8, ["content"])) : createCommentVNode("", true),
+      _cache[0] || (_cache[0] = createTextVNode(" ： ", -1))
+    ], 6)) : createCommentVNode("", true),
+    createElementVNode("div", _hoisted_1, [
+      createVNode(_component_el_input, {
+        placeholder: $options.placeholder,
+        "suffix-icon": "el-icon-search"
+      }, null, 8, ["placeholder"])
+    ])
+  ], 2);
+}
+const FormFieldObjectPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  FormFieldObjectPreview as default
+};

package/dist/src/page-designer/previews/form-field/preview/Radio.js

@@ -0,0 +1,145 @@
+import previewMixin from "../../../widget-preview/Mixin.js";
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createTextVNode, toDisplayString, createBlock, withCtx, createElementVNode, createCommentVNode, createVNode, Fragment } from "vue";
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-form-radio-field--preview",
+  mixins: [previewMixin],
+  data() {
+    return {
+      radio: ""
+    };
+  },
+  computed: {
+    showLabel() {
+      return this.$configs.showLabel !== false && this.$configs.label;
+    },
+    labelAlign() {
+      return this.$configs.labelAlign || "left";
+    },
+    labelStyle() {
+      const { labelStyle: style = {}, labelColor, labelFontSize, labelWidthType, labelWidth } = this.$configs;
+      let labelStyle = { ...style };
+      if (labelWidthType === "auto") {
+        labelStyle = { width: "auto" };
+      } else if (labelWidth) {
+        labelStyle = { width: labelWidth + "px", ...labelStyle };
+      }
+      if (labelColor) {
+        labelStyle = { color: labelColor, ...labelStyle };
+      }
+      if (labelFontSize) {
+        labelStyle = { fontSize: labelFontSize + "px", ...labelStyle };
+      }
+      return { ...labelStyle };
+    },
+    placeholder() {
+      return this.$configs.placeholder || `请选择${this.$configs.label}`;
+    }
+  }
+};
+const _hoisted_1 = { class: "epx-form-field__content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  const _component_el_radio_button = resolveComponent("el-radio-button");
+  const _component_el_radio = resolveComponent("el-radio");
+  const _component_el_radio_group = resolveComponent("el-radio-group");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["epx-form-field", [`epx-form-field--label-${_ctx.$configs.labelAlign || "left"}`]])
+  }, [
+    $options.showLabel ? (openBlock(), createElementBlock("label", {
+      key: 0,
+      class: normalizeClass(["epx-form-field__label", `epx-form-field__label--${_ctx.$configs.labelAlign || "left"}`]),
+      style: normalizeStyle($options.labelStyle)
+    }, [
+      createTextVNode(toDisplayString(_ctx.$configs.label) + " ", 1),
+      _ctx.$configs.notes ? (openBlock(), createBlock(_component_el_tooltip, {
+        key: 0,
+        class: "epx-form-field__tip",
+        effect: "dark",
+        content: _ctx.$configs.notes,
+        placement: "top"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("i", {
+            class: "el-icon-warning-outline",
+            style: normalizeStyle(_ctx.$configs.noteTipIconColor ? { color: _ctx.$configs.noteTipIconColor } : {})
+          }, null, 4)
+        ]),
+        _: 1
+      }, 8, ["content"])) : createCommentVNode("", true),
+      _cache[1] || (_cache[1] = createTextVNode(" ： ", -1))
+    ], 6)) : createCommentVNode("", true),
+    createElementVNode("div", _hoisted_1, [
+      createVNode(_component_el_radio_group, {
+        modelValue: $data.radio,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.radio = $event),
+        size: _ctx.$configs.size
+      }, {
+        default: withCtx(() => [
+          _ctx.$configs.radioType === "button" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createVNode(_component_el_radio_button, {
+              label: 3,
+              value: 3
+            }, {
+              default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                createTextVNode("备选项", -1)
+              ])]),
+              _: 1
+            }),
+            createVNode(_component_el_radio_button, {
+              label: 6,
+              value: 6
+            }, {
+              default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                createTextVNode("备选项", -1)
+              ])]),
+              _: 1
+            }),
+            createVNode(_component_el_radio_button, {
+              label: 9,
+              value: 9
+            }, {
+              default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                createTextVNode("备选项", -1)
+              ])]),
+              _: 1
+            })
+          ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createVNode(_component_el_radio, {
+              label: 3,
+              value: 3
+            }, {
+              default: withCtx(() => [..._cache[5] || (_cache[5] = [
+                createTextVNode("备选项", -1)
+              ])]),
+              _: 1
+            }),
+            createVNode(_component_el_radio, {
+              label: 6,
+              value: 6
+            }, {
+              default: withCtx(() => [..._cache[6] || (_cache[6] = [
+                createTextVNode("备选项", -1)
+              ])]),
+              _: 1
+            }),
+            createVNode(_component_el_radio, {
+              label: 9,
+              value: 9
+            }, {
+              default: withCtx(() => [..._cache[7] || (_cache[7] = [
+                createTextVNode("备选项", -1)
+              ])]),
+              _: 1
+            })
+          ], 64))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "size"])
+    ])
+  ], 2);
+}
+const FormFieldRadioPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  FormFieldRadioPreview as default
+};

package/dist/src/page-designer/previews/form-field/preview/Select.js

@@ -0,0 +1,77 @@
+import previewMixin from "../../../widget-preview/Mixin.js";
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createTextVNode, toDisplayString, createBlock, withCtx, createElementVNode, createCommentVNode, createVNode } from "vue";
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-form-select-field--preview",
+  mixins: [previewMixin],
+  computed: {
+    showLabel() {
+      return this.$configs.showLabel !== false && this.$configs.label;
+    },
+    labelAlign() {
+      return this.$configs.labelAlign || "left";
+    },
+    labelStyle() {
+      const { labelStyle: style = {}, labelColor, labelFontSize, labelWidthType, labelWidth } = this.$configs;
+      let labelStyle = { ...style };
+      if (labelWidthType === "auto") {
+        labelStyle = { width: "auto" };
+      } else if (labelWidth) {
+        labelStyle = { width: labelWidth + "px", ...labelStyle };
+      }
+      if (labelColor) {
+        labelStyle = { color: labelColor, ...labelStyle };
+      }
+      if (labelFontSize) {
+        labelStyle = { fontSize: labelFontSize + "px", ...labelStyle };
+      }
+      return { ...labelStyle };
+    },
+    placeholder() {
+      return this.$configs.placeholder || `请选择${this.$configs.label || ""}`;
+    }
+  }
+};
+const _hoisted_1 = { class: "epx-form-field__content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  const _component_el_select = resolveComponent("el-select");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["epx-form-field", [`epx-form-field--label-${_ctx.$configs.labelAlign || "left"}`]])
+  }, [
+    $options.showLabel ? (openBlock(), createElementBlock("label", {
+      key: 0,
+      class: normalizeClass(["epx-form-field__label", `epx-form-field__label--${_ctx.$configs.labelAlign || "left"}`]),
+      style: normalizeStyle($options.labelStyle)
+    }, [
+      createTextVNode(toDisplayString(_ctx.$configs.label) + " ", 1),
+      _ctx.$configs.notes ? (openBlock(), createBlock(_component_el_tooltip, {
+        key: 0,
+        class: "epx-form-field__tip",
+        effect: "dark",
+        content: _ctx.$configs.notes,
+        placement: "top"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("i", {
+            class: "el-icon-warning-outline",
+            style: normalizeStyle(_ctx.$configs.noteTipIconColor ? { color: _ctx.$configs.noteTipIconColor } : {})
+          }, null, 4)
+        ]),
+        _: 1
+      }, 8, ["content"])) : createCommentVNode("", true),
+      _cache[1] || (_cache[1] = createTextVNode(" ： ", -1))
+    ], 6)) : createCommentVNode("", true),
+    createElementVNode("div", _hoisted_1, [
+      createVNode(_component_el_select, {
+        modelValue: _ctx.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.value = $event),
+        placeholder: $options.placeholder
+      }, null, 8, ["modelValue", "placeholder"])
+    ])
+  ], 2);
+}
+const FormFieldSelectPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  FormFieldSelectPreview as default
+};

package/dist/src/page-designer/previews/form-field/preview/Textarea.js

@@ -0,0 +1,77 @@
+import previewMixin from "../../../widget-preview/Mixin.js";
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createTextVNode, toDisplayString, createBlock, withCtx, createElementVNode, createCommentVNode, createVNode } from "vue";
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-form-textarea-field--preview",
+  mixins: [previewMixin],
+  computed: {
+    showLabel() {
+      return this.$configs.showLabel !== false && this.$configs.label;
+    },
+    labelAlign() {
+      return this.$configs.labelAlign || "left";
+    },
+    labelStyle() {
+      const { labelStyle: style = {}, labelColor, labelFontSize, labelWidthType, labelWidth } = this.$configs;
+      let labelStyle = { ...style };
+      if (labelWidthType === "auto") {
+        labelStyle = { width: "auto" };
+      } else if (labelWidth) {
+        labelStyle = { width: labelWidth + "px", ...labelStyle };
+      }
+      if (labelColor) {
+        labelStyle = { color: labelColor, ...labelStyle };
+      }
+      if (labelFontSize) {
+        labelStyle = { fontSize: labelFontSize + "px", ...labelStyle };
+      }
+      return { ...labelStyle };
+    },
+    placeholder() {
+      return this.$configs.placeholder || `请输入${this.$configs.label}`;
+    }
+  }
+};
+const _hoisted_1 = { class: "epx-form-field__content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  const _component_el_input = resolveComponent("el-input");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["epx-form-field", [`epx-form-field--label-${_ctx.$configs.labelAlign || "left"}`]])
+  }, [
+    $options.showLabel ? (openBlock(), createElementBlock("label", {
+      key: 0,
+      class: normalizeClass(["epx-form-field__label", `epx-form-field__label--${_ctx.$configs.labelAlign || "left"}`]),
+      style: normalizeStyle($options.labelStyle)
+    }, [
+      createTextVNode(toDisplayString(_ctx.$configs.label) + " ", 1),
+      _ctx.$configs.notes ? (openBlock(), createBlock(_component_el_tooltip, {
+        key: 0,
+        class: "epx-form-field__tip",
+        effect: "dark",
+        content: _ctx.$configs.notes,
+        placement: "top"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("i", {
+            class: "el-icon-warning-outline",
+            style: normalizeStyle(_ctx.$configs.noteTipIconColor ? { color: _ctx.$configs.noteTipIconColor } : {})
+          }, null, 4)
+        ]),
+        _: 1
+      }, 8, ["content"])) : createCommentVNode("", true),
+      _cache[0] || (_cache[0] = createTextVNode(" ： ", -1))
+    ], 6)) : createCommentVNode("", true),
+    createElementVNode("div", _hoisted_1, [
+      createVNode(_component_el_input, {
+        type: "textarea",
+        rows: 3,
+        placeholder: $options.placeholder
+      }, null, 8, ["placeholder"])
+    ])
+  ], 2);
+}
+const FormFieldTextareaPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  FormFieldTextareaPreview as default
+};

package/dist/src/page-designer/previews/grid/Preview.js

@@ -0,0 +1,138 @@
+import previewMixin from "../../widget-preview/Mixin.js";
+import { MobileGridItem, MobileGrid } from "@epxing/components/src/mobile";
+import { resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementBlock, Fragment, renderList, createVNode, mergeProps, createElementVNode } from "vue";
+/* empty css            */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-grid--preview",
+  components: { MobileGrid, MobileGridItem },
+  mixins: [previewMixin],
+  mounted() {
+    this.$nextTick(() => {
+      var _a;
+      const dropZone = (_a = this.$refs.gridDropZone) == null ? void 0 : _a.$el;
+      if (dropZone) {
+        this._dragEnterHandler = this.onContainerDragEnter.bind(this);
+        this._dragOverHandler = (e) => {
+          e.preventDefault();
+          this.onContainerDragOver(e);
+        };
+        this._dragLeaveHandler = this.onContainerDragLeave.bind(this);
+        this._dropHandler = (e) => {
+          e.preventDefault();
+          this.onContainerDrop(e);
+        };
+        dropZone.addEventListener("dragenter", this._dragEnterHandler);
+        dropZone.addEventListener("dragover", this._dragOverHandler);
+        dropZone.addEventListener("dragleave", this._dragLeaveHandler);
+        dropZone.addEventListener("drop", this._dropHandler);
+      }
+    });
+  },
+  beforeUnmount() {
+    var _a;
+    const dropZone = (_a = this.$refs.gridDropZone) == null ? void 0 : _a.$el;
+    if (this._dragEnterHandler && dropZone) {
+      dropZone.removeEventListener("dragenter", this._dragEnterHandler);
+      dropZone.removeEventListener("dragover", this._dragOverHandler);
+      dropZone.removeEventListener("dragleave", this._dragLeaveHandler);
+      dropZone.removeEventListener("drop", this._dropHandler);
+    }
+  },
+  methods: {
+    // 覆盖 Mixin 的方法，Grid 组件总是添加到末尾
+    onContainerDragOver(e) {
+      if (this.isDraggingFromLibrary(e)) {
+        e.preventDefault();
+        e.stopPropagation();
+        e.dataTransfer.dropEffect = "copy";
+        const index = this.childWidgetList.length;
+        this.designer.setPreviewDragTarget({
+          widgetId: this.widget.id,
+          index,
+          position: "inside"
+        });
+      }
+    },
+    // 覆盖 Mixin 的方法，Grid 使用 currentTarget 而不是 $el
+    onContainerDragLeave(e) {
+      const dropZone = e.currentTarget;
+      if (!dropZone.contains(e.relatedTarget)) {
+        this.designer.clearDragOverTarget();
+        this.designer.clearDragInsertLine();
+        this.designer.clearPreviewDragTarget();
+      }
+    },
+    // 覆盖 Mixin 的方法，Grid 总是插入到末尾
+    onContainerDrop(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      this.designer.clearDragOverTarget();
+      this.designer.clearDragInsertLine();
+      this.designer.clearPreviewDragTarget();
+      if (this.designer && this.designer.vueInstance) {
+        this.designer.emitEvent("drag-end");
+      }
+      const raw = e.dataTransfer.getData("text/plain");
+      if (!raw) return;
+      const index = this.childWidgetList.length;
+      const TEMPLATE_PAYLOAD_PREFIX = "page-designer-template:";
+      if (raw.startsWith(TEMPLATE_PAYLOAD_PREFIX)) {
+        this.handleTemplateDrop(raw, index);
+      } else {
+        this.handleWidgetDrop(raw, index);
+      }
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_widget_preview = resolveComponent("widget-preview");
+  const _component_mobile_grid_item = resolveComponent("mobile-grid-item");
+  const _component_mobile_grid = resolveComponent("mobile-grid");
+  return openBlock(), createBlock(_component_mobile_grid, {
+    "data-id": _ctx.widget.id,
+    style: normalizeStyle(_ctx.widgetStyle),
+    "column-num": _ctx.$configs.column || 3,
+    border: _ctx.$configs.border,
+    center: _ctx.$configs.center,
+    gutter: _ctx.$configs.gutter,
+    square: _ctx.$configs.square,
+    direction: _ctx.$configs.direction
+  }, {
+    footer: withCtx(() => [
+      createVNode(_component_mobile_grid_item, {
+        class: "epx-grid__item epx-page-designer-widget-preview__drop-zone",
+        ref: "gridDropZone"
+      }, {
+        default: withCtx(() => [..._cache[0] || (_cache[0] = [
+          createElementVNode("div", { class: "epx-page-designer-widget-preview__draggable" }, [
+            createElementVNode("div", { class: "epx-page-designer-widget-preview__no-widget" }, "拖拽组件到这里")
+          ], -1)
+        ])]),
+        _: 1
+      }, 512)
+    ]),
+    default: withCtx(() => [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.childWidgetList, (childWidget) => {
+        return openBlock(), createBlock(_component_mobile_grid_item, {
+          class: "epx-grid__item",
+          key: childWidget.id
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_widget_preview, mergeProps({ ref_for: true }, _ctx.$forwardAttrs(_ctx.$attrs), {
+              designer: _ctx.designer,
+              widget: childWidget,
+              "parent-widget": _ctx.widget
+            }), null, 16, ["designer", "widget", "parent-widget"])
+          ]),
+          _: 2
+        }, 1024);
+      }), 128))
+    ]),
+    _: 1
+  }, 8, ["data-id", "style", "column-num", "border", "center", "gutter", "square", "direction"]);
+}
+const GridPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-21ae337e"]]);
+export {
+  GridPreview as default
+};

package/dist/src/page-designer/previews/html/Preview.js

@@ -0,0 +1,17 @@
+import previewMixin from "../../widget-preview/Mixin.js";
+import { openBlock, createElementBlock } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-html--preview",
+  mixins: [previewMixin]
+};
+const _hoisted_1 = ["innerHTML"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    innerHTML: _ctx.xss.process(_ctx.$configs.content)
+  }, null, 8, _hoisted_1);
+}
+const HtmlPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  HtmlPreview as default
+};

package/dist/src/page-designer/previews/icon/Preview.js

@@ -0,0 +1,19 @@
+import previewMixin from "../../widget-preview/Mixin.js";
+import { openBlock, createElementBlock, normalizeStyle, normalizeClass } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-icon--preview",
+  mixins: [previewMixin]
+};
+const _hoisted_1 = { key: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return _ctx.$configs.icon ? (openBlock(), createElementBlock("i", {
+    key: 0,
+    class: normalizeClass(`epx-icon ${_ctx.$configs.icon}`),
+    style: normalizeStyle(_ctx.style)
+  }, null, 6)) : (openBlock(), createElementBlock("span", _hoisted_1, "请选择图标"));
+}
+const IconPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  IconPreview as default
+};

package/dist/src/page-designer/previews/image/Preview.js

@@ -0,0 +1,35 @@
+import previewMixin from "../../widget-preview/Mixin.js";
+import { resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode } from "vue";
+/* empty css            */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-image--preview",
+  mixins: [previewMixin],
+  computed: {
+    widgetStyle() {
+      const { style = {} } = this.widget;
+      const { imageW, imageH } = this.$configs;
+      return { width: imageW, height: imageH, ...style };
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_image = resolveComponent("el-image");
+  return openBlock(), createBlock(_component_el_image, {
+    src: _ctx.$util.getFileUrl(_ctx.$configs.image),
+    fit: _ctx.$configs.imageFit,
+    style: normalizeStyle(_ctx.style),
+    class: "avatar"
+  }, {
+    error: withCtx(() => [..._cache[0] || (_cache[0] = [
+      createElementVNode("div", { class: "image-slot" }, [
+        createElementVNode("i", { class: "el-icon-picture-outline" })
+      ], -1)
+    ])]),
+    _: 1
+  }, 8, ["src", "fit", "style"]);
+}
+const ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4d336c5e"]]);
+export {
+  ImagePreview as default
+};

package/dist/src/page-designer/previews/index.js

@@ -0,0 +1,73 @@
+import ButtonPreview from "./button/Preview.js";
+import CardPreview from "./card/Preview.js";
+import IconPreview from "./icon/Preview.js";
+import HtmlPreview from "./html/Preview.js";
+import ImagePreview from "./image/Preview.js";
+import NumPreview from "./num/Preview.js";
+import _sfc_main$1 from "./video/Preview.js";
+import TextPreview from "./text/Preview.js";
+import StepPreview from "./step/Preview.js";
+import GridPreview from "./grid/Preview.js";
+import PageTabsPreview from "./page-tabs/Preview.js";
+import TextEditorPreview from "./text-editor/Preview.js";
+import AddFormPreview from "./add-form/Preview.js";
+import AddFormItemPreview from "./add-form-item/Preview.js";
+import EntityListPreview from "./entity-list/Preview.js";
+import EntitySubListPreview from "./entity-sub-list/Preview.js";
+import _sfc_main from "./entity-virtual-list/Preview.js";
+import LayoutPreview from "./layout/Preview.js";
+import LayoutColumnPreview from "./layout/ColumnPreview.js";
+import CarouselPreview from "./carousel/Preview.js";
+import CarouselItemPreview from "./carousel/CarouselItemPreview.js";
+import CollapsePreview from "./collapse/Preview.js";
+import CollapseItemPreview from "./collapse/CollapseItemPreview.js";
+import DropdownPreview from "./dropdown/Preview.js";
+import TabsPreview from "./tabs/Preview.js";
+import TabsTabPanePreview from "./tabs/tab-pane/Preview.js";
+import FormFieldTextareaPreview from "./form-field/preview/Textarea.js";
+import FormFieldSelectPreview from "./form-field/preview/Select.js";
+import FormFieldRadioPreview from "./form-field/preview/Radio.js";
+import FormFieldObjectPreview from "./form-field/preview/Object.js";
+import FormFieldInputNumberPreview from "./form-field/preview/InputNumber.js";
+import FormFieldInputPreview from "./form-field/preview/Input.js";
+import FormFieldDatePreview from "./form-field/preview/Date.js";
+import FormFieldCheckboxPreview from "./form-field/preview/Checkbox.js";
+const widgetPreviews = {
+  ButtonPreview,
+  CardPreview,
+  IconPreview,
+  HtmlPreview,
+  ImagePreview,
+  NumPreview,
+  VideoPreview: _sfc_main$1,
+  TextPreview,
+  StepPreview,
+  GridPreview,
+  PageTabsPreview,
+  TextEditorPreview,
+  AddFormPreview,
+  AddFormItemPreview,
+  EntityListPreview,
+  EntitySubListPreview,
+  EntityVirtualListPreview: _sfc_main,
+  LayoutPreview,
+  LayoutColumnPreview,
+  CarouselPreview,
+  CarouselItemPreview,
+  CollapsePreview,
+  CollapseItemPreview,
+  DropdownPreview,
+  TabsPreview,
+  TabsTabPanePreview,
+  FormFieldTextareaPreview,
+  FormFieldSelectPreview,
+  FormFieldRadioPreview,
+  FormFieldObjectPreview,
+  FormFieldInputNumberPreview,
+  FormFieldInputPreview,
+  FormFieldDatePreview,
+  FormFieldCheckboxPreview
+};
+export {
+  widgetPreviews as default
+};