@fecp/designer 5.4.9 → 5.4.11

package/es/designer/src/packages/form/aside/index.mjs

@@ -168,7 +168,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/es/designer/src/packages/form/components/Document.vue.mjs

@@ -0,0 +1,52 @@
+import { computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, createBlock } from "vue";
+import _imports_0 from "../../../assets/document.png.mjs";
+import H2Wrapper from "./H2Wrapper.vue.mjs";
+import SubTitle from "./SubTitle.vue.mjs";
+/* empty css               */
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+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 = computed(() => {
+      var _a;
+      const mode = ((_a = props.componentData) == null ? void 0 : _a.titleMode) || "none";
+      return mode;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        titleMode.value !== "none" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          titleMode.value === "label" ? (openBlock(), createBlock(H2Wrapper, {
+            key: 0,
+            componentData: __props.componentData
+          }, null, 8, ["componentData"])) : titleMode.value === "subLabel" ? (openBlock(), createBlock(SubTitle, {
+            key: 1,
+            componentData: __props.componentData
+          }, null, 8, ["componentData"])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        _cache[0] || (_cache[0] = createElementVNode("div", { class: "document-preview" }, [
+          createElementVNode("img", {
+            src: _imports_0,
+            alt: "要件",
+            class: "document-img"
+          })
+        ], -1))
+      ]);
+    };
+  }
+};
+const Document = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d558f9e0"]]);
+export {
+  Document as default
+};

package/es/designer/src/packages/form/index.vue.mjs

@@ -16,6 +16,7 @@ import H2Wrapper from "./components/H2Wrapper.vue.mjs";
 import SubForm from "./components/SubForm.vue.mjs";
 import ApprovalHistory from "./components/approvalHistory.vue.mjs";
 import SubTable from "./components/SubTable.vue.mjs";
+import Document from "./components/Document.vue.mjs";
 import { StarFilled as star_filled_default, Star as star_default, Lock as lock_default, Unlock as unlock_default, Delete as delete_default } from "../../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
 import { getEditConfigData, setSelectedItem, setHoverItem, getCurrentClass, isSelectedItem } from "../utils/common.mjs";
 import { throttle as eo } from "../../../../node_modules/@vexip-ui/utils/dist/index.mjs";
@@ -107,7 +108,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(
@@ -118,6 +119,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();
@@ -213,11 +220,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;
@@ -459,8 +476,11 @@ const _sfc_main = {
                               }, null, 8, ["component-data"])) : item.component.fieldType == "approvalHistory" ? (openBlock(), createBlock(ApprovalHistory, {
                                 key: 4,
                                 "component-data": item.component
-                              }, null, 8, ["component-data"])) : item.component.fieldType == "divider" ? (openBlock(), createBlock(_component_el_divider, {
+                              }, null, 8, ["component-data"])) : item.component.fieldType == "document" ? (openBlock(), createBlock(Document, {
                                 key: 5,
+                                "component-data": item.component
+                              }, null, 8, ["component-data"])) : item.component.fieldType == "divider" ? (openBlock(), createBlock(_component_el_divider, {
+                                key: 6,
                                 "border-style": "dashed"
                               }, {
                                 default: withCtx(() => _cache[3] || (_cache[3] = [
@@ -468,7 +488,7 @@ const _sfc_main = {
                                 ])),
                                 _: 1
                               })) : (openBlock(), createBlock(ComponentPreviewWrapper, {
-                                key: 6,
+                                key: 7,
                                 "component-data": item.component
                               }, null, 8, ["component-data"]))
                             ], 2)
@@ -491,7 +511,7 @@ const _sfc_main = {
     };
   }
 };
-const formWorkArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-55301d2f"]]);
+const formWorkArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0e6f2151"]]);
 export {
   formWorkArea as default
 };

package/es/designer/src/packages/form/property/document.vue.mjs

@@ -0,0 +1,201 @@
+import "../../../../../node_modules/element-plus/es/index.mjs";
+/* empty css                                                             */
+/* empty css                                                                    */
+/* empty css                                                                         */
+/* empty css                                                                */
+/* empty css                                                                  */
+/* empty css                                                                 */
+/* empty css                                                                       */
+/* empty css                                                                        */
+/* empty css                                                                     */
+/* empty css                                                                 */
+import { computed, ref, createBlock, openBlock, withCtx, createVNode, createElementBlock, createCommentVNode, createTextVNode, Fragment, createElementVNode } from "vue";
+import { getCurrentItem, getEditConfigData } from "../../utils/common.mjs";
+import emitter from "../../utils/eventBus.mjs";
+import _sfc_main$1 from "../../../components/FileTypeSelect.vue.mjs";
+import DocumentParam from "../../../components/DocumentParam.vue.mjs";
+/* empty css               */
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { ElCollapse, ElCollapseItem } from "../../../../../node_modules/element-plus/es/components/collapse/index.mjs";
+import { ElForm, ElFormItem } from "../../../../../node_modules/element-plus/es/components/form/index.mjs";
+import { ElInput } from "../../../../../node_modules/element-plus/es/components/input/index.mjs";
+import { ElRadioGroup, ElRadioButton } from "../../../../../node_modules/element-plus/es/components/radio/index.mjs";
+import { ElSwitch } from "../../../../../node_modules/element-plus/es/components/switch/index.mjs";
+const _sfc_main = {
+  __name: "document",
+  setup(__props) {
+    const currentItem = computed(() => {
+      return getCurrentItem();
+    });
+    const activeName = ref(["common"]);
+    function handleTitleModeChange(value) {
+      const item = currentItem.value;
+      const fieldsData = 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;
+        emitter.emit("resizeEvent");
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_input = ElInput;
+      const _component_el_form_item = ElFormItem;
+      const _component_el_radio_button = ElRadioButton;
+      const _component_el_radio_group = ElRadioGroup;
+      const _component_el_switch = ElSwitch;
+      const _component_el_form = ElForm;
+      const _component_el_collapse_item = ElCollapseItem;
+      const _component_el_collapse = ElCollapse;
+      return openBlock(), createBlock(_component_el_collapse, {
+        class: "setting",
+        modelValue: activeName.value,
+        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => activeName.value = $event)
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_collapse_item, {
+            name: "common",
+            title: "基本属性"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_form, {
+                "label-position": "top",
+                "label-width": "auto",
+                model: currentItem.value
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_form_item, {
+                    label: "标题",
+                    required: ""
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_input, {
+                        modelValue: currentItem.value.label,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentItem.value.label = $event)
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_form_item, { label: "标题模式" }, {
+                    default: withCtx(() => [
+                      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: withCtx(() => [
+                          createVNode(_component_el_radio_button, { value: "none" }, {
+                            default: withCtx(() => _cache[10] || (_cache[10] = [
+                              createTextVNode("无")
+                            ])),
+                            _: 1
+                          }),
+                          createVNode(_component_el_radio_button, { value: "label" }, {
+                            default: withCtx(() => _cache[11] || (_cache[11] = [
+                              createTextVNode("标题")
+                            ])),
+                            _: 1
+                          }),
+                          createVNode(_component_el_radio_button, { value: "subLabel" }, {
+                            default: withCtx(() => _cache[12] || (_cache[12] = [
+                              createTextVNode("子标题")
+                            ])),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  currentItem.value.titleMode != "none" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    currentItem.value.titleMode == "label" ? (openBlock(), createBlock(_component_el_form_item, {
+                      key: 0,
+                      label: "副标题"
+                    }, {
+                      default: withCtx(() => [
+                        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
+                    })) : createCommentVNode("", true)
+                  ], 64)) : createCommentVNode("", true),
+                  createVNode(_component_el_form_item, { label: "权限标识" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_input, {
+                        modelValue: currentItem.value.permission,
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => currentItem.value.permission = $event)
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_form_item, { label: "是否允许补传" }, {
+                    default: withCtx(() => [
+                      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] = createElementVNode("div", { class: "form-item-hint" }, "只读情况下是否允许补传", -1))
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_form_item, { label: "是否允许多文件上传" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_switch, {
+                        modelValue: currentItem.value.multiple,
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => currentItem.value.multiple = $event)
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_form_item, { label: "是否允许下载" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_switch, {
+                        modelValue: currentItem.value.download,
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => currentItem.value.download = $event)
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_form_item, { label: "允许上传的文件类型" }, {
+                    default: withCtx(() => [
+                      createVNode(_sfc_main$1, {
+                        modelValue: currentItem.value.acceptType,
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => currentItem.value.acceptType = $event)
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_form_item, { label: "要件配置" }, {
+                    default: withCtx(() => [
+                      createVNode(DocumentParam, {
+                        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__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-73174d5d"]]);
+export {
+  document as default
+};

package/es/designer/src/packages/form/property/index.vue.mjs

@@ -11,6 +11,7 @@ import _sfc_main$4 from "./subForm.vue.mjs";
 import subTable from "./subTable.vue.mjs";
 import _sfc_main$5 from "./blank.vue.mjs";
 import _sfc_main$6 from "./approvalHistory.vue.mjs";
+import document from "./document.vue.mjs";
 import { ElScrollbar } from "../../../../../node_modules/element-plus/es/components/scrollbar/index.mjs";
 const _sfc_main = {
   __name: "index",
@@ -19,7 +20,7 @@ const _sfc_main = {
       return getCurrentItem();
     });
     const editingProperty = 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") {
@@ -32,7 +33,9 @@ const _sfc_main = {
             return _sfc_main$5;
           } else if (((_g = currentItem.value) == null ? void 0 : _g.fieldType) == "approvalHistory") {
             return _sfc_main$6;
-          } else if (((_h = currentItem.value) == null ? void 0 : _h.fieldType) == "divider") {
+          } else if (((_h = currentItem.value) == null ? void 0 : _h.fieldType) == "document") {
+            return document;
+          } else if (((_i = currentItem.value) == null ? void 0 : _i.fieldType) == "divider") {
             return null;
           } else {
             return widgets;