@fecp/designer 5.4.8 → 5.4.11

package/lib/designer/src/packages/form/aside/index.js

@@ -170,7 +170,23 @@ const components = [
       },
       {
         fieldType: "document",
-        label: "要件"
+        label: "要件",
+        titleMode: "label",
+        isSupplement: true,
+        multiple: true,
+        download: true,
+        acceptType: [
+          "doc",
+          "xls",
+          "ppt",
+          "pdf",
+          "text",
+          "image",
+          "video",
+          "audio",
+          "zip"
+        ],
+        essentialParams: []
       },
       {
         fieldType: "contract",

package/lib/designer/src/packages/form/components/Document.vue.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const document = require("../../../assets/document.png.js");
+const H2Wrapper = require("./H2Wrapper.vue.js");
+const SubTitle = require("./SubTitle.vue.js");
+;/* empty css               */
+const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.js");
+const _hoisted_1 = { class: "document-container" };
+const _hoisted_2 = {
+  key: 0,
+  style: { "margin-bottom": "12px" }
+};
+const _sfc_main = {
+  __name: "Document",
+  props: {
+    componentData: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const titleMode = vue.computed(() => {
+      var _a;
+      const mode = ((_a = props.componentData) == null ? void 0 : _a.titleMode) || "none";
+      return mode;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        titleMode.value !== "none" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          titleMode.value === "label" ? (vue.openBlock(), vue.createBlock(H2Wrapper.default, {
+            key: 0,
+            componentData: __props.componentData
+          }, null, 8, ["componentData"])) : titleMode.value === "subLabel" ? (vue.openBlock(), vue.createBlock(SubTitle.default, {
+            key: 1,
+            componentData: __props.componentData
+          }, null, 8, ["componentData"])) : vue.createCommentVNode("", true)
+        ])) : vue.createCommentVNode("", true),
+        _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "document-preview" }, [
+          vue.createElementVNode("img", {
+            src: document.default,
+            alt: "要件",
+            class: "document-img"
+          })
+        ], -1))
+      ]);
+    };
+  }
+};
+const Document = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-d558f9e0"]]);
+exports.default = Document;

package/lib/designer/src/packages/form/index.vue.js

@@ -18,6 +18,7 @@ const H2Wrapper = require("./components/H2Wrapper.vue.js");
 const SubForm = require("./components/SubForm.vue.js");
 const approvalHistory = require("./components/approvalHistory.vue.js");
 const SubTable = require("./components/SubTable.vue.js");
+const Document = require("./components/Document.vue.js");
 const index$5 = require("../../../../node_modules/@element-plus/icons-vue/dist/index.js");
 const common = require("../utils/common.js");
 const index$1 = require("../../../../node_modules/@vexip-ui/utils/dist/index.js");
@@ -109,7 +110,7 @@ const _sfc_main = {
       (labelPosition) => {
         const targetHeight = labelPosition === "top" ? 0.75 : 1;
         layoutData.value.forEach((item) => {
-          var _a, _b, _c;
+          var _a, _b, _c, _d, _e;
           if (["subTitle", "h2", "divider"].includes((_a = item.component) == null ? void 0 : _a.fieldType)) {
             item.h = 1 * targetHeight;
           } else if (["subForm", "subTable", "approvalHistory"].includes(
@@ -120,6 +121,12 @@ const _sfc_main = {
             } else {
               item.h = 3 * targetHeight;
             }
+          } else if (["document"].includes((_d = item.component) == null ? void 0 : _d.fieldType)) {
+            if (((_e = item.component) == null ? void 0 : _e.titleMode) == "none") {
+              item.h = 6 * targetHeight;
+            } else {
+              item.h = 7 * targetHeight;
+            }
           }
         });
         gridLayout.value.resizeEvent();
@@ -215,11 +222,21 @@ const _sfc_main = {
           h: editConfigData.value.labelPosition == "top" ? 0.75 : 1,
           isResizable: false
         };
-      } else if (component.fieldType == "subForm" || component.fieldType == "subTable" || component.fieldType == "approvalHistory") {
+      } else if (component.fieldType == "subForm" || component.fieldType == "subTable") {
         finalWH = {
           w: editConfigData.value.columns,
           h: editConfigData.value.labelPosition == "top" ? 1.5 : 2
         };
+      } else if (component.fieldType == "approvalHistory") {
+        finalWH = {
+          w: editConfigData.value.columns,
+          h: editConfigData.value.labelPosition == "top" ? 2.25 : 3
+        };
+      } else if (component.fieldType == "document") {
+        finalWH = {
+          w: editConfigData.value.columns,
+          h: editConfigData.value.labelPosition == "top" ? 4.5 : 6
+        };
       }
       const colNum = editConfigData.value.columns;
       const rowHeight = editConfigData.value.labelPosition == "top" ? 90 : 60;
@@ -461,8 +478,11 @@ const _sfc_main = {
                               }, null, 8, ["component-data"])) : item.component.fieldType == "approvalHistory" ? (vue.openBlock(), vue.createBlock(approvalHistory.default, {
                                 key: 4,
                                 "component-data": item.component
-                              }, null, 8, ["component-data"])) : item.component.fieldType == "divider" ? (vue.openBlock(), vue.createBlock(_component_el_divider, {
+                              }, null, 8, ["component-data"])) : item.component.fieldType == "document" ? (vue.openBlock(), vue.createBlock(Document.default, {
                                 key: 5,
+                                "component-data": item.component
+                              }, null, 8, ["component-data"])) : item.component.fieldType == "divider" ? (vue.openBlock(), vue.createBlock(_component_el_divider, {
+                                key: 6,
                                 "border-style": "dashed"
                               }, {
                                 default: vue.withCtx(() => _cache[3] || (_cache[3] = [
@@ -470,7 +490,7 @@ const _sfc_main = {
                                 ])),
                                 _: 1
                               })) : (vue.openBlock(), vue.createBlock(ComponentPreviewWrapper.default, {
-                                key: 6,
+                                key: 7,
                                 "component-data": item.component
                               }, null, 8, ["component-data"]))
                             ], 2)
@@ -493,5 +513,5 @@ const _sfc_main = {
     };
   }
 };
-const formWorkArea = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-55301d2f"]]);
+const formWorkArea = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-0e6f2151"]]);
 exports.default = formWorkArea;

package/lib/designer/src/packages/form/property/document.vue.js

@@ -0,0 +1,201 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("../../../../../node_modules/element-plus/es/index.js");
+;/* empty css                                                             */
+;/* empty css                                                                    */
+;/* empty css                                                                         */
+;/* empty css                                                                */
+;/* empty css                                                                  */
+;/* empty css                                                                 */
+;/* empty css                                                                       */
+;/* empty css                                                                        */
+;/* empty css                                                                     */
+;/* empty css                                                                 */
+const vue = require("vue");
+const common = require("../../utils/common.js");
+const eventBus = require("../../utils/eventBus.js");
+const FileTypeSelect = require("../../../components/FileTypeSelect.vue.js");
+const DocumentParam = require("../../../components/DocumentParam.vue.js");
+;/* empty css               */
+const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.js");
+const index = require("../../../../../node_modules/element-plus/es/components/collapse/index.js");
+const index$1 = require("../../../../../node_modules/element-plus/es/components/form/index.js");
+const index$2 = require("../../../../../node_modules/element-plus/es/components/input/index.js");
+const index$3 = require("../../../../../node_modules/element-plus/es/components/radio/index.js");
+const index$4 = require("../../../../../node_modules/element-plus/es/components/switch/index.js");
+const _sfc_main = {
+  __name: "document",
+  setup(__props) {
+    const currentItem = vue.computed(() => {
+      return common.getCurrentItem();
+    });
+    const activeName = vue.ref(["common"]);
+    function handleTitleModeChange(value) {
+      const item = currentItem.value;
+      const fieldsData = common.getEditConfigData().fieldsData;
+      const fieldInData = fieldsData == null ? void 0 : fieldsData.find((f) => {
+        var _a;
+        return ((_a = f.component) == null ? void 0 : _a.id) === item.id;
+      });
+      if (fieldInData) {
+        fieldInData.h = value === "none" ? 5 : 6;
+        eventBus.default.emit("resizeEvent");
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_input = index$2.ElInput;
+      const _component_el_form_item = index$1.ElFormItem;
+      const _component_el_radio_button = index$3.ElRadioButton;
+      const _component_el_radio_group = index$3.ElRadioGroup;
+      const _component_el_switch = index$4.ElSwitch;
+      const _component_el_form = index$1.ElForm;
+      const _component_el_collapse_item = index.ElCollapseItem;
+      const _component_el_collapse = index.ElCollapse;
+      return vue.openBlock(), vue.createBlock(_component_el_collapse, {
+        class: "setting",
+        modelValue: activeName.value,
+        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => activeName.value = $event)
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_collapse_item, {
+            name: "common",
+            title: "基本属性"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_form, {
+                "label-position": "top",
+                "label-width": "auto",
+                model: currentItem.value
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_form_item, {
+                    label: "标题",
+                    required: ""
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_input, {
+                        modelValue: currentItem.value.label,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentItem.value.label = $event)
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  vue.createVNode(_component_el_form_item, { label: "标题模式" }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_radio_group, {
+                        modelValue: currentItem.value.titleMode,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => currentItem.value.titleMode = $event),
+                        size: "small",
+                        onChange: handleTitleModeChange
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_radio_button, { value: "none" }, {
+                            default: vue.withCtx(() => _cache[10] || (_cache[10] = [
+                              vue.createTextVNode("无")
+                            ])),
+                            _: 1
+                          }),
+                          vue.createVNode(_component_el_radio_button, { value: "label" }, {
+                            default: vue.withCtx(() => _cache[11] || (_cache[11] = [
+                              vue.createTextVNode("标题")
+                            ])),
+                            _: 1
+                          }),
+                          vue.createVNode(_component_el_radio_button, { value: "subLabel" }, {
+                            default: vue.withCtx(() => _cache[12] || (_cache[12] = [
+                              vue.createTextVNode("子标题")
+                            ])),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  currentItem.value.titleMode != "none" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                    currentItem.value.titleMode == "label" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                      key: 0,
+                      label: "副标题"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          modelValue: currentItem.value.subLabel,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => currentItem.value.subLabel = $event),
+                          rows: 2,
+                          type: "textarea",
+                          resize: "none"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("", true)
+                  ], 64)) : vue.createCommentVNode("", true),
+                  vue.createVNode(_component_el_form_item, { label: "权限标识" }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_input, {
+                        modelValue: currentItem.value.permission,
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => currentItem.value.permission = $event)
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  vue.createVNode(_component_el_form_item, { label: "是否允许补传" }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_switch, {
+                        modelValue: currentItem.value.isSupplement,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => currentItem.value.isSupplement = $event)
+                      }, null, 8, ["modelValue"]),
+                      _cache[13] || (_cache[13] = vue.createElementVNode("div", { class: "form-item-hint" }, "只读情况下是否允许补传", -1))
+                    ]),
+                    _: 1
+                  }),
+                  vue.createVNode(_component_el_form_item, { label: "是否允许多文件上传" }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_switch, {
+                        modelValue: currentItem.value.multiple,
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => currentItem.value.multiple = $event)
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  vue.createVNode(_component_el_form_item, { label: "是否允许下载" }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_switch, {
+                        modelValue: currentItem.value.download,
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => currentItem.value.download = $event)
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  vue.createVNode(_component_el_form_item, { label: "允许上传的文件类型" }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(FileTypeSelect.default, {
+                        modelValue: currentItem.value.acceptType,
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => currentItem.value.acceptType = $event)
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  vue.createVNode(_component_el_form_item, { label: "要件配置" }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(DocumentParam.default, {
+                        modelValue: currentItem.value.essentialParams,
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => currentItem.value.essentialParams = $event)
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["model"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+};
+const document = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-73174d5d"]]);
+exports.default = document;

package/lib/designer/src/packages/form/property/index.vue.js

@@ -13,6 +13,7 @@ const subForm = require("./subForm.vue.js");
 const subTable = require("./subTable.vue.js");
 const blank = require("./blank.vue.js");
 const approvalHistory = require("./approvalHistory.vue.js");
+const document = require("./document.vue.js");
 const index = require("../../../../../node_modules/element-plus/es/components/scrollbar/index.js");
 const _sfc_main = {
   __name: "index",
@@ -21,7 +22,7 @@ const _sfc_main = {
       return common.getCurrentItem();
     });
     const editingProperty = vue.computed(() => {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       switch ((_a = currentItem.value) == null ? void 0 : _a.type) {
         case "widgets":
           if (((_b = currentItem.value) == null ? void 0 : _b.fieldType) == "subTitle" || ((_c = currentItem.value) == null ? void 0 : _c.fieldType) == "h2") {
@@ -34,7 +35,9 @@ const _sfc_main = {
             return blank.default;
           } else if (((_g = currentItem.value) == null ? void 0 : _g.fieldType) == "approvalHistory") {
             return approvalHistory.default;
-          } else if (((_h = currentItem.value) == null ? void 0 : _h.fieldType) == "divider") {
+          } else if (((_h = currentItem.value) == null ? void 0 : _h.fieldType) == "document") {
+            return document.default;
+          } else if (((_i = currentItem.value) == null ? void 0 : _i.fieldType) == "divider") {
             return null;
           } else {
             return widgets.default;