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

package/dist/src/page-designer/previews/entity-sub-list/Preview.js

@@ -0,0 +1,352 @@
+import '../../../../style.css';
+import previewMixin from "../../widget-preview/Mixin.js";
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, toDisplayString, createTextVNode, createCommentVNode, createBlock, withCtx, Fragment, renderList, mergeProps, createVNode } from "vue";
+/* empty css            */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-entity-sub-list--preview",
+  mixins: [previewMixin],
+  computed: {
+    currentMetaId() {
+      const { metaId = this.designer.page.metaId } = this.$configs;
+      return this.componentMetaId || metaId;
+    },
+    operateFlag() {
+      const { operateFlag = true } = this.$configs;
+      return operateFlag;
+    },
+    searchFlag() {
+      const { searchFlag = true } = this.$configs;
+      return searchFlag;
+    },
+    totalFlag() {
+      const { totalFlag = true } = this.$configs;
+      return totalFlag;
+    },
+    searchMode() {
+      const { searchMode = "keyword" } = this.$configs;
+      return searchMode;
+    },
+    pageFlag() {
+      const { pageFlag = true } = this.$configs;
+      return pageFlag;
+    },
+    pageSize() {
+      const { pageSize = 20 } = this.$configs;
+      return pageSize;
+    },
+    buttonUi() {
+      return (ui) => ui === "blue" || ui === "soft-blue" ? "primary" : ui;
+    },
+    checkRightOperates() {
+      let { operates } = this.$configs;
+      if (!operates) {
+        operates = [
+          {
+            text: this.$t("add"),
+            ui: "primary"
+          },
+          {
+            text: this.$t("delete")
+          },
+          {
+            text: this.$t("import")
+          },
+          {
+            text: this.$t("export")
+          }
+        ];
+      }
+      return operates;
+    },
+    operates() {
+      let { operateEllipsis } = this.$configs;
+      if (operateEllipsis == null) operateEllipsis = 2;
+      let showOperateLength = 0;
+      if (operateEllipsis === false) return this.checkRightOperates;
+      if (operateEllipsis !== true) {
+        showOperateLength = operateEllipsis;
+      }
+      const cOperates = [...this.checkRightOperates];
+      if (cOperates.length > showOperateLength) {
+        cOperates.length = showOperateLength;
+      }
+      return cOperates;
+    },
+    moreOperates() {
+      let { operateEllipsis } = this.$configs;
+      if (operateEllipsis == null) operateEllipsis = 2;
+      let showOperateLength = 0;
+      if (operateEllipsis === false) return [];
+      if (operateEllipsis !== true) {
+        showOperateLength = operateEllipsis;
+      }
+      const cOperates = [...this.checkRightOperates];
+      if (cOperates.length > showOperateLength) {
+        cOperates.splice(0, showOperateLength);
+        return cOperates;
+      }
+      return [];
+    }
+  },
+  data() {
+    return {
+      isFold: false,
+      loadSearch: true,
+      tableData: [],
+      listFields: [],
+      componentMetaId: null
+    };
+  },
+  watch: {
+    "$configs.keywords"(v) {
+      this.loadSearch = false;
+      this.$nextTick(() => {
+        this.loadSearch = true;
+      });
+    },
+    "$configs.searchFields"(v) {
+      this.loadSearch = false;
+      this.$nextTick(() => {
+        this.loadSearch = true;
+      });
+    },
+    "$configs.filterFields"(v) {
+      this.loadSearch = false;
+      this.$nextTick(() => {
+        this.loadSearch = true;
+      });
+    },
+    "$configs.listFields": {
+      handler(v) {
+        this.getFields();
+      },
+      immediate: true
+    },
+    "$configs.relationId": {
+      handler(v) {
+        this.getFields();
+      }
+    },
+    pageRelationList: {
+      handler(v) {
+        this.getFields();
+      },
+      deep: true
+    }
+  },
+  methods: {
+    formatter(row, column) {
+      return row.address;
+    },
+    getFields() {
+      const { listFields, relationId } = this.$configs;
+      if (this.pageRelationList) {
+        this.pageRelationList.forEach((entity) => {
+          if (entity.value === relationId) {
+            this.componentMetaId = entity.entityA;
+          } else if (entity.children && entity.children.length > 0) {
+            entity.children.forEach((item) => {
+              if (item.value === relationId) {
+                this.componentMetaId = item.entityA;
+              }
+            });
+          }
+        });
+      }
+      this.$FieldFactory.createFields({
+        fields: listFields,
+        metaId: this.currentMetaId
+      }).then((data) => {
+        this.listFields = [...data];
+      });
+    }
+  }
+};
+const _hoisted_1 = { class: "epx-add-form-item__title" };
+const _hoisted_2 = { class: "epx-add-form-item__title-operate fr" };
+const _hoisted_3 = {
+  key: 0,
+  class: "epx-add-form-item__title-edit"
+};
+const _hoisted_4 = { class: "list-content" };
+const _hoisted_5 = {
+  key: 0,
+  class: "epx-add-form-item__note"
+};
+const _hoisted_6 = { class: "epx-add-form-item__note-html" };
+const _hoisted_7 = ["innerHTML"];
+const _hoisted_8 = { class: "list-operates" };
+const _hoisted_9 = {
+  key: 0,
+  class: "button-group"
+};
+const _hoisted_10 = {
+  key: 0,
+  class: "search-simple fr"
+};
+const _hoisted_11 = { key: 1 };
+const _hoisted_12 = { class: "list" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_epx_search_fields = resolveComponent("epx-search-fields");
+  const _component_epx_search_filter = resolveComponent("epx-search-filter");
+  const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+  const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+  const _component_el_dropdown = resolveComponent("el-dropdown");
+  const _component_epx_search_keyword = resolveComponent("epx-search-keyword");
+  const _component_el_table_column = resolveComponent("el-table-column");
+  const _component_el_table = resolveComponent("el-table");
+  const _component_el_pagination = resolveComponent("el-pagination");
+  return openBlock(), createElementBlock("div", {
+    style: normalizeStyle(_ctx.style),
+    class: normalizeClass({ "is-fold": $data.isFold })
+  }, [
+    createElementVNode("p", {
+      class: normalizeClass(["epx-add-form-item__header", `epx-add-form-item__header--${_ctx.$configs.formTitleStyle}`])
+    }, [
+      createElementVNode("span", _hoisted_1, toDisplayString(_ctx.$configs.componentName || _ctx.widget.title), 1),
+      createElementVNode("span", _hoisted_2, [
+        _ctx.$configs.componentType !== "READONLY" && _ctx.$configs.editable ? (openBlock(), createElementBlock("span", _hoisted_3, [
+          _cache[1] || (_cache[1] = createElementVNode("i", { class: "el-icon-edit-outline" }, null, -1)),
+          createTextVNode(" " + toDisplayString(_ctx.$t("edit")), 1)
+        ])) : createCommentVNode("", true),
+        createElementVNode("i", {
+          class: normalizeClass(["epx-add-form-item__title-foldicon", "el-icon-caret-top"]),
+          onClick: _cache[0] || (_cache[0] = ($event) => $data.isFold = !$data.isFold)
+        })
+      ])
+    ], 2),
+    createElementVNode("div", _hoisted_4, [
+      _ctx.$configs.note ? (openBlock(), createElementBlock("p", _hoisted_5, [
+        _cache[3] || (_cache[3] = createElementVNode("i", { class: "el-icon-info" }, null, -1)),
+        createElementVNode("span", _hoisted_6, [
+          createElementVNode("span", {
+            innerHTML: _ctx.xss.process(_ctx.$configs.note)
+          }, null, 8, _hoisted_7),
+          _ctx.$configs.help ? (openBlock(), createBlock(_component_el_button, {
+            key: 0,
+            size: "small",
+            type: "primary",
+            link: "",
+            class: "epx-add-form-item__help"
+          }, {
+            default: withCtx(() => [..._cache[2] || (_cache[2] = [
+              createTextVNode("了解更多", -1)
+            ])]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ])
+      ])) : createCommentVNode("", true),
+      $data.loadSearch && _ctx.$configs.searchFlag ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        $options.searchMode === "field" ? (openBlock(), createBlock(_component_epx_search_fields, {
+          key: 0,
+          fields: _ctx.$configs.searchFields,
+          filterFields: _ctx.$configs.filterFields,
+          keywords: _ctx.$configs.keywords
+        }, null, 8, ["fields", "filterFields", "keywords"])) : createCommentVNode("", true),
+        $options.searchMode === "filter" ? (openBlock(), createBlock(_component_epx_search_filter, {
+          key: 1,
+          fields: _ctx.$configs.searchFields,
+          filterFields: _ctx.$configs.filterFields,
+          keywords: _ctx.$configs.keywords
+        }, null, 8, ["fields", "filterFields", "keywords"])) : createCommentVNode("", true)
+      ], 64)) : createCommentVNode("", true),
+      createElementVNode("div", _hoisted_8, [
+        createElementVNode("div", null, [
+          $options.operateFlag && $options.checkRightOperates.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_9, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($options.operates, (operate) => {
+              return openBlock(), createBlock(_component_el_button, mergeProps({ ref_for: true }, { [operate.type]: true }, {
+                key: operate.text,
+                size: "default",
+                type: operate.type === "text" ? "text" : operate.ui
+              }), {
+                default: withCtx(() => [
+                  operate.icon ? (openBlock(), createElementBlock("i", {
+                    key: 0,
+                    class: normalizeClass(["operate-icon", operate.icon])
+                  }, null, 2)) : createCommentVNode("", true),
+                  createTextVNode(" " + toDisplayString(operate.text), 1)
+                ]),
+                _: 2
+              }, 1040, ["type"]);
+            }), 128)),
+            $options.moreOperates.length > 0 ? (openBlock(), createBlock(_component_el_dropdown, {
+              key: 0,
+              class: "more-table-operates",
+              trigger: "click"
+            }, {
+              dropdown: withCtx(() => [
+                createVNode(_component_el_dropdown_menu, null, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList($options.moreOperates, (operate) => {
+                      return openBlock(), createBlock(_component_el_dropdown_item, {
+                        key: operate.text
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(operate.text), 1)
+                        ]),
+                        _: 2
+                      }, 1024);
+                    }), 128))
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: withCtx(() => [
+                createVNode(_component_el_button, { size: "default" }, {
+                  default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                    createElementVNode("i", { class: "el-icon-more" }, null, -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
+        ]),
+        $options.searchFlag && (!$options.searchMode || $options.searchMode === "keyword") ? (openBlock(), createElementBlock("div", _hoisted_10, [
+          createVNode(_component_epx_search_keyword, {
+            keywords: _ctx.$configs.keywords
+          }, null, 8, ["keywords"])
+        ])) : $options.totalFlag ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(this.$t("A total of 0 pieces of data")), 1)) : createCommentVNode("", true)
+      ]),
+      createElementVNode("div", _hoisted_12, [
+        createVNode(_component_el_table, {
+          data: $data.tableData,
+          style: { "width": "100%" },
+          "default-sort": { prop: "date", order: "descending" }
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($data.listFields, (item) => {
+              return openBlock(), createElementBlock(Fragment, {
+                key: item.attriName
+              }, [
+                item.state !== "HIDDEN" ? (openBlock(), createBlock(_component_el_table_column, {
+                  key: 0,
+                  prop: item.attriName,
+                  label: item.attriLabel,
+                  sortable: ""
+                }, null, 8, ["prop", "label"])) : createCommentVNode("", true)
+              ], 64);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["data"]),
+        $options.pageFlag ? (openBlock(), createBlock(_component_el_pagination, {
+          key: 0,
+          class: "pagination",
+          "default-current-page": 1,
+          pageSizes: [5, 10, 15, 20, 30, 50, 100, 200],
+          "default-page-size": $options.pageSize,
+          layout: "prev, pager, next, jumper, sizes,total",
+          total: 0
+        }, null, 8, ["default-page-size"])) : createCommentVNode("", true)
+      ])
+    ])
+  ], 6);
+}
+const EntitySubListPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-7f4c1a67"]]);
+export {
+  EntitySubListPreview as default
+};

package/dist/src/page-designer/previews/entity-virtual-list/Preview.js

@@ -0,0 +1,11 @@
+import '../../../../style.css';
+import EntityListPreview from "../entity-list/Preview.js";
+const Preview = {
+  name: "epx-entity-virtual-list--preview",
+  extends: EntityListPreview
+};
+Preview.__scopeId = EntityListPreview.__scopeId;
+const _sfc_main = Preview;
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,91 @@
+import '../../../../../style.css';
+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-checkbox-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_checkbox = resolveComponent("el-checkbox");
+  const _component_el_checkbox_group = resolveComponent("el-checkbox-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[0] || (_cache[0] = createTextVNode(" ： ", -1))
+    ], 6)) : createCommentVNode("", true),
+    createElementVNode("div", _hoisted_1, [
+      createVNode(_component_el_checkbox_group, null, {
+        default: withCtx(() => [
+          createVNode(_component_el_checkbox, {
+            label: "复选框 A",
+            value: "复选框 A"
+          }),
+          createVNode(_component_el_checkbox, {
+            label: "复选框 B",
+            value: "复选框 B"
+          }),
+          createVNode(_component_el_checkbox, {
+            label: "复选框 C",
+            value: "复选框 C"
+          })
+        ]),
+        _: 1
+      })
+    ])
+  ], 2);
+}
+const FormFieldCheckboxPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  FormFieldCheckboxPreview as default
+};

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

@@ -0,0 +1,77 @@
+import '../../../../../style.css';
+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-date-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_date_picker = resolveComponent("el-date-picker");
+  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_date_picker, {
+        type: "date",
+        placeholder: $options.placeholder
+      }, null, 8, ["placeholder"])
+    ])
+  ], 2);
+}
+const FormFieldDatePreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  FormFieldDatePreview as default
+};

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

@@ -0,0 +1,74 @@
+import '../../../../../style.css';
+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-input-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 }, null, 8, ["placeholder"])
+    ])
+  ], 2);
+}
+const FormFieldInputPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  FormFieldInputPreview as default
+};

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

@@ -0,0 +1,74 @@
+import '../../../../../style.css';
+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-input-number-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_number = resolveComponent("el-input-number");
+  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_number, { placeholder: $options.placeholder }, null, 8, ["placeholder"])
+    ])
+  ], 2);
+}
+const FormFieldInputNumberPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  FormFieldInputNumberPreview as default
+};