@fecp/designer 5.1.6 → 5.2.0

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

@@ -9,8 +9,8 @@ const useAdvancedFilterDialog = require("../advancedFilter/useAdvancedFilterDial
 const useDataLinkageDialog = require("../dataLinkage/useDataLinkageDialog.js");
 const useJsonDataDrawer = require("../../components/useJsonDataDrawer.js");
 const useDialogDialog = require("../dialog/useDialogDialog.js");
+const useDialogGlobalDialog = require("../dialogGlobal/useDialogGlobalDialog.js");
 const index$1 = require("../../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.2_vue@3.5.13_typescript@5.7.3_/node_modules/@element-plus/icons-vue/dist/index.js");
-const demo = require("./demo.js");
 const common = require("../utils/common.js");
 ;/* empty css                */
 const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.js");
@@ -41,57 +41,17 @@ const _sfc_main = {
     const { dataLinkageDialogVisible, openDataLinkageDialog, DataLinkageDialog } = useDataLinkageDialog.useDataLinkageDialog();
     vue.ref(false);
     const { dialogDialogVisible, openDialogDialog, DialogDialog } = useDialogDialog.useDialogDialog();
-    const editConfigData = vue.computed(() => {
+    const {
+      dialogGlobalDialogVisible,
+      openDialogGlobalDialog,
+      DialogGlobalDialog
+    } = useDialogGlobalDialog.useDialogGlobalDialog();
+    vue.computed(() => {
       return common.getEditConfigData();
     });
-    function importText() {
-      console.log("importText", demo.demo);
-      const columns = editConfigData.value.columns;
-      const oldFormData = demo.demo;
-      oldFormData.formItem.forEach((item, index2) => {
-        setTimeout(() => {
-          const id = Date.now();
-          const x = index2 % columns;
-          const y = Math.floor(index2 / columns);
-          if (item.fieldType != "empty" && item.fieldName != "" && item.label != "") {
-            editConfigData.value.fieldsData.push({
-              x,
-              y,
-              w: 1,
-              h: 1,
-              i: id,
-              isResizable: true,
-              component: {
-                fieldType: item.fieldType,
-                label: item.label,
-                fieldName: item.fieldName,
-                format: "number",
-                labelMode: "default",
-                hasDecimalPlaces: true,
-                decimalPlaces: 2,
-                optionStyle: "default",
-                dateType: "date",
-                suffixButton: "none",
-                suffixDialogName: "选择",
-                id,
-                type: "widgets"
-              },
-              moved: false,
-              id
-            });
-          }
-        }, 5);
-      });
-    }
     return (_ctx, _cache) => {
       const _component_el_icon = index.ElIcon;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", {
-          class: "btn-item",
-          onClick: importText
-        }, _cache[11] || (_cache[11] = [
-          vue.createElementVNode("span", null, "测试导入", -1)
-        ])),
         vue.createElementVNode("div", {
           class: "btn-item",
           onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(openDataSourceDialog) && vue.unref(openDataSourceDialog)(...args))
@@ -102,7 +62,7 @@ const _sfc_main = {
             ]),
             _: 1
           }),
-          _cache[12] || (_cache[12] = vue.createElementVNode("span", null, "数据源", -1))
+          _cache[13] || (_cache[13] = vue.createElementVNode("span", null, "数据源", -1))
         ]),
         vue.createVNode(vue.unref(DataSourceDialog), {
           modelValue: vue.unref(dataSourceDialogVisible),
@@ -122,7 +82,7 @@ const _sfc_main = {
             ]),
             _: 1
           }),
-          _cache[13] || (_cache[13] = vue.createElementVNode("span", null, "全局事件", -1))
+          _cache[14] || (_cache[14] = vue.createElementVNode("span", null, "全局事件", -1))
         ]),
         vue.createVNode(pageEvent.default, {
           modelValue: vue.unref(pageEventDialogVisible),
@@ -145,7 +105,7 @@ const _sfc_main = {
             ]),
             _: 1
           }),
-          _cache[14] || (_cache[14] = vue.createElementVNode("span", null, "联动配置", -1))
+          _cache[15] || (_cache[15] = vue.createElementVNode("span", null, "联动配置", -1))
         ]),
         vue.createVNode(vue.unref(DataLinkageDialog), {
           modelValue: vue.unref(dataLinkageDialogVisible),
@@ -153,7 +113,23 @@ const _sfc_main = {
         }, null, 8, ["modelValue"]),
         vue.createElementVNode("div", {
           class: "btn-item",
-          onClick: _cache[7] || (_cache[7] = (...args) => vue.unref(openDialogDialog) && vue.unref(openDialogDialog)(...args))
+          onClick: _cache[7] || (_cache[7] = (...args) => vue.unref(openDialogGlobalDialog) && vue.unref(openDialogGlobalDialog)(...args))
+        }, [
+          vue.createVNode(_component_el_icon, null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(index$1.ChatLineSquare))
+            ]),
+            _: 1
+          }),
+          _cache[16] || (_cache[16] = vue.createElementVNode("span", null, "全局弹层", -1))
+        ]),
+        vue.createVNode(vue.unref(DialogGlobalDialog), {
+          modelValue: vue.unref(dialogGlobalDialogVisible),
+          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.isRef(dialogGlobalDialogVisible) ? dialogGlobalDialogVisible.value = $event : null)
+        }, null, 8, ["modelValue"]),
+        vue.createElementVNode("div", {
+          class: "btn-item",
+          onClick: _cache[9] || (_cache[9] = (...args) => vue.unref(openDialogDialog) && vue.unref(openDialogDialog)(...args))
         }, [
           vue.createVNode(_component_el_icon, null, {
             default: vue.withCtx(() => [
@@ -161,15 +137,15 @@ const _sfc_main = {
             ]),
             _: 1
           }),
-          _cache[15] || (_cache[15] = vue.createElementVNode("span", null, "弹层配置", -1))
+          _cache[17] || (_cache[17] = vue.createElementVNode("span", null, "自定义弹层", -1))
         ]),
         vue.createVNode(vue.unref(DialogDialog), {
           modelValue: vue.unref(dialogDialogVisible),
-          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.isRef(dialogDialogVisible) ? dialogDialogVisible.value = $event : null)
+          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.isRef(dialogDialogVisible) ? dialogDialogVisible.value = $event : null)
         }, null, 8, ["modelValue"]),
         vue.createElementVNode("div", {
           class: "btn-item",
-          onClick: _cache[9] || (_cache[9] = (...args) => vue.unref(openJsonDrawer) && vue.unref(openJsonDrawer)(...args))
+          onClick: _cache[11] || (_cache[11] = (...args) => vue.unref(openJsonDrawer) && vue.unref(openJsonDrawer)(...args))
         }, [
           vue.createVNode(_component_el_icon, null, {
             default: vue.withCtx(() => [
@@ -177,15 +153,15 @@ const _sfc_main = {
             ]),
             _: 1
           }),
-          _cache[16] || (_cache[16] = vue.createElementVNode("span", null, "数据结构", -1))
+          _cache[18] || (_cache[18] = vue.createElementVNode("span", null, "数据结构", -1))
         ]),
         vue.createVNode(vue.unref(JsonDataDrawer), {
           modelValue: vue.unref(jsonDataDrawerVisible),
-          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.isRef(jsonDataDrawerVisible) ? jsonDataDrawerVisible.value = $event : null)
+          "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.isRef(jsonDataDrawerVisible) ? jsonDataDrawerVisible.value = $event : null)
         }, null, 8, ["modelValue"])
       ]);
     };
   }
 };
-const formHeaderBtn = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-b3c4bf36"]]);
+const formHeaderBtn = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-5181fa71"]]);
 exports.default = formHeaderBtn;

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

@@ -3,6 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                                                                                                                                 */
 ;/* empty css                                                                                                                                         */
 ;/* empty css                                                                                                                                    */
+;/* empty css                                                                                                                                       */
 ;/* empty css                                                                                                                                      */
 ;/* empty css                                                                                                                                            */
 ;/* empty css                                                                                                                                      */
@@ -18,7 +19,7 @@ const formSetting = require("./formSetting.vue.js");
 const PageHeaderSetting = require("./PageHeaderSetting.vue.js");
 const PageFooterSetting = require("./PageFooterSetting.vue.js");
 const ComponentPreviewWrapper = require("./components/ComponentPreviewWrapper.vue.js");
-const DividerWrapper = require("./components/DividerWrapper.vue.js");
+const SubTitle = require("./components/SubTitle.vue.js");
 const H2Wrapper = require("./components/H2Wrapper.vue.js");
 const SubForm = require("./components/SubForm.vue.js");
 const ApprovalHistory = require("./components/ApprovalHistory.vue.js");
@@ -37,7 +38,8 @@ const index$3 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_v
 const index$5 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/dropdown/index.js");
 const index$6 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/input/index.js");
 const index$7 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/checkbox/index.js");
-const index$8 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/message/index.js");
+const index$8 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/divider/index.js");
+const index$9 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/message/index.js");
 const _hoisted_1 = { class: "form-work-area" };
 const _hoisted_2 = { class: "form-grid-container" };
 const _hoisted_3 = ["onMouseenter", "onClick"];
@@ -121,11 +123,12 @@ const _sfc_main = {
       (labelPosition) => {
         const targetHeight = labelPosition === "top" ? 0.75 : 1;
         const fieldTypes = [
-          "divider",
+          "subTitle",
           "h2",
           "subForm",
           "subTable",
-          "approvalHistory"
+          "approvalHistory",
+          "divider"
         ];
         layoutData.value.forEach((item) => {
           var _a;
@@ -179,7 +182,7 @@ const _sfc_main = {
         };
         editConfigData.value.deletedFields.push(deletedField);
         layoutData.value.splice(index2, 1);
-        index$8.ElMessage.success("字段已移至回收站");
+        index$9.ElMessage.success("字段已移至回收站");
       }
     }
     function handleHide(item) {
@@ -220,7 +223,7 @@ const _sfc_main = {
       let finalWH = { w: 1, h: 1 };
       if (component.fieldType == "textarea") {
         finalWH = { w: 1, h: 2 };
-      } else if (component.fieldType == "divider" || component.fieldType == "h2") {
+      } else if (component.fieldType == "subTitle" || component.fieldType == "h2" || component.fieldType == "divider") {
         finalWH = {
           w: editConfigData.value.columns,
           h: 1,
@@ -334,6 +337,7 @@ const _sfc_main = {
       const _component_el_dropdown_menu = index$5.ElDropdownMenu;
       const _component_el_dropdown = index$5.ElDropdown;
       const _component_Hide = vue.resolveComponent("Hide");
+      const _component_el_divider = index$8.ElDivider;
       const _component_el_form = index$2.ElForm;
       const _component_el_scrollbar = index$1.ElScrollbar;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
@@ -515,7 +519,7 @@ const _sfc_main = {
                                 "is-readonly": item.component.readOnly && !item.component.disabled
                               }])
                             }, [
-                              item.component.fieldType == "divider" ? (vue.openBlock(), vue.createBlock(DividerWrapper.default, {
+                              item.component.fieldType == "subTitle" ? (vue.openBlock(), vue.createBlock(SubTitle.default, {
                                 key: 0,
                                 "component-data": item.component
                               }, null, 8, ["component-data"])) : item.component.fieldType == "h2" ? (vue.openBlock(), vue.createBlock(H2Wrapper.default, {
@@ -530,8 +534,16 @@ 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"])) : (vue.openBlock(), vue.createBlock(ComponentPreviewWrapper.default, {
+                              }, null, 8, ["component-data"])) : item.component.fieldType == "divider" ? (vue.openBlock(), vue.createBlock(_component_el_divider, {
                                 key: 5,
+                                "border-style": "dashed"
+                              }, {
+                                default: vue.withCtx(() => _cache[5] || (_cache[5] = [
+                                  vue.createTextVNode(" 此处为分割线，阻止下方组件自动向上补齐，解析时不显示 ")
+                                ])),
+                                _: 1
+                              })) : (vue.openBlock(), vue.createBlock(ComponentPreviewWrapper.default, {
+                                key: 6,
                                 "component-data": item.component
                               }, null, 8, ["component-data"]))
                             ], 2)
@@ -554,5 +566,5 @@ const _sfc_main = {
     };
   }
 };
-const formWorkArea = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-33c1d321"]]);
+const formWorkArea = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-8e0ae4da"]]);
 exports.default = formWorkArea;

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

@@ -7,7 +7,7 @@ const common = require("../../utils/common.js");
 const widgets = require("./widgets.vue.js");
 const pageHeaderBtn = require("./pageHeaderBtn.vue.js");
 const pageFooterBtn = require("./pageFooterBtn.vue.js");
-const dividerH2 = require("./dividerH2.vue.js");
+const subTitleH2 = require("./subTitleH2.vue.js");
 const subForm = require("./subForm.vue.js");
 const subTable = require("./subTable.vue.js");
 const blank = require("./blank.vue.js");
@@ -20,11 +20,11 @@ const _sfc_main = {
       return common.getCurrentItem();
     });
     const editingProperty = vue.computed(() => {
-      var _a, _b, _c, _d, _e, _f, _g;
+      var _a, _b, _c, _d, _e, _f, _g, _h;
       switch ((_a = currentItem.value) == null ? void 0 : _a.type) {
         case "widgets":
-          if (((_b = currentItem.value) == null ? void 0 : _b.fieldType) == "divider" || ((_c = currentItem.value) == null ? void 0 : _c.fieldType) == "h2") {
-            return dividerH2.default;
+          if (((_b = currentItem.value) == null ? void 0 : _b.fieldType) == "subTitle" || ((_c = currentItem.value) == null ? void 0 : _c.fieldType) == "h2") {
+            return subTitleH2.default;
           } else if (((_d = currentItem.value) == null ? void 0 : _d.fieldType) == "subForm") {
             return subForm.default;
           } else if (((_e = currentItem.value) == null ? void 0 : _e.fieldType) == "subTable") {
@@ -33,6 +33,8 @@ 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") {
+            return null;
           } else {
             return widgets.default;
           }

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

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                                                                                                                                    */
+;/* empty css                                                                                                                                           */
+;/* empty css                                                                                                                                                */
+;/* empty css                                                                                                                                       */
+;/* empty css                                                                                                                                            */
+;/* empty css                                                                                                                                        */
+const vue = require("vue");
+const common = require("../../utils/common.js");
+const index = require("../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/collapse/index.js");
+const index$1 = require("../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/form/index.js");
+const index$2 = require("../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/input/index.js");
+const _sfc_main = {
+  __name: "subTitleH2",
+  setup(__props) {
+    const currentItem = vue.computed(() => {
+      return common.getCurrentItem();
+    });
+    const activeName = vue.ref(["common"]);
+    return (_ctx, _cache) => {
+      const _component_el_input = index$2.ElInput;
+      const _component_el_form_item = index$1.ElFormItem;
+      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: vue.unref(activeName),
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(activeName) ? activeName.value = $event : null)
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_collapse_item, {
+            name: "common",
+            title: "基本属性"
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(), vue.createBlock(_component_el_form, {
+                "label-position": "top",
+                "label-width": "auto",
+                model: vue.unref(currentItem),
+                key: vue.unref(currentItem).id
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_form_item, {
+                    label: "标题",
+                    required: ""
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_input, {
+                        modelValue: vue.unref(currentItem).label,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(currentItem).label = $event)
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  vue.unref(currentItem).fieldType == "H2" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                    key: 0,
+                    label: "副标题",
+                    required: ""
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_input, {
+                        modelValue: vue.unref(currentItem).subLabel,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(currentItem).subLabel = $event),
+                        rows: 2,
+                        type: "textarea",
+                        resize: "none"
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  })) : vue.createCommentVNode("", true),
+                  vue.createVNode(_component_el_form_item, { label: "权限标识" }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_input, {
+                        modelValue: vue.unref(currentItem).permission,
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(currentItem).permission = $event)
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["model"]))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+};
+exports.default = _sfc_main;