@fecp/designer 5.1.8 → 5.2.1

package/lib/packages/designer/src/components/TemplateDialog.vue.js

@@ -0,0 +1,254 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                                                                                                                              */
+;/* empty css                                                                                                                                   */
+;/* empty css                                                                                                                                    */
+;/* empty css                                                                                                                                       */
+;/* empty css                                                                                                                                */
+;/* empty css                                                                                                                                   */
+;/* empty css                                                                                                                                         */
+;/* empty css                                                                                                                                      */
+;/* empty css                                                                                                                                   */
+;/* empty css                                                                                                                                   */
+;/* empty css                                                                                                                                  */
+;/* empty css                                                                                                                                  */
+;/* empty css                                                                                                                                     */
+require("../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/theme-chalk/el-tooltip.css.js");
+;/* empty css                                                                                                                                         */
+;/* empty css                                                                                                                                   */
+const vue = require("vue");
+const index$4 = 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 index = require("../api/index.js");
+;/* empty css                     */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.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/dialog/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 index$3 = require("../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/button/index.js");
+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/table/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/pagination/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/message/index.js");
+const _hoisted_1 = { class: "search-bar" };
+const _hoisted_2 = { class: "dialog-footer" };
+const _sfc_main = {
+  __name: "TemplateDialog",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
+    templateType: {
+      type: String,
+      default: ""
+    },
+    title: {
+      type: String,
+      default: "选择模板"
+    },
+    width: {
+      type: String,
+      default: "50%"
+    },
+    searchPlaceholder: {
+      type: String,
+      default: "搜索模板名称/标识"
+    },
+    nameLabel: {
+      type: String,
+      default: "模板名称"
+    },
+    keyLabel: {
+      type: String,
+      default: "模板标识"
+    },
+    templateVersion: {
+      type: String,
+      default: "v5"
+    }
+  },
+  emits: ["update:modelValue", "confirm", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const dialogVisible = vue.computed({
+      get: () => props.modelValue,
+      set: (val) => emit("update:modelValue", val)
+    });
+    const searchText = vue.ref("");
+    const templateList = vue.ref([]);
+    const total = vue.ref(0);
+    const currentRow = vue.ref(null);
+    const pageInfo = vue.ref({
+      pageNo: 1,
+      pageSize: 10
+    });
+    vue.watch(
+      () => props.modelValue,
+      (val) => {
+        if (val) {
+          searchText.value = "";
+          currentRow.value = null;
+          pageInfo.value = {
+            pageNo: 1,
+            pageSize: 10
+          };
+          loadTemplateList();
+        }
+      },
+      { immediate: true }
+    );
+    async function loadTemplateList() {
+      try {
+        const params = {
+          pageNo: pageInfo.value.pageNo,
+          pageSize: pageInfo.value.pageSize,
+          type: props.templateType,
+          templateVersion: props.templateVersion
+        };
+        if (searchText.value) {
+          params.dynamicQuery = searchText.value;
+        }
+        const data = await index.default.findTemplateByPagePop(params);
+        templateList.value = data.records || data.list || [];
+        total.value = data.total || 0;
+      } catch (error) {
+        console.error("加载表单列表失败:", error);
+        templateList.value = [];
+        total.value = 0;
+      }
+    }
+    function handleSearch() {
+      pageInfo.value.pageNo = 1;
+      loadTemplateList();
+    }
+    function handleCurrentChange(row) {
+      currentRow.value = row;
+    }
+    function handleSizeChange(size) {
+      pageInfo.value.pageSize = size;
+      pageInfo.value.pageNo = 1;
+      loadTemplateList();
+    }
+    function handlePageChange(page) {
+      pageInfo.value.pageNo = page;
+      loadTemplateList();
+    }
+    function closeDialog() {
+      dialogVisible.value = false;
+      emit("close");
+    }
+    function onConfirm() {
+      if (!currentRow.value) {
+        index$7.ElMessage.warning("请先选择表单");
+        return;
+      }
+      const context = JSON.parse(currentRow.value.context);
+      emit("confirm", {
+        row: currentRow.value,
+        context
+      });
+      dialogVisible.value = false;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_button = index$3.ElButton;
+      const _component_el_input = index$2.ElInput;
+      const _component_el_table_column = index$5.ElTableColumn;
+      const _component_el_table = index$5.ElTable;
+      const _component_el_pagination = index$6.ElPagination;
+      const _component_el_dialog = index$1.ElDialog;
+      return vue.openBlock(), vue.createBlock(_component_el_dialog, {
+        modelValue: dialogVisible.value,
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event),
+        width: __props.width,
+        title: __props.title,
+        draggable: "",
+        overflow: "",
+        "append-to-body": "",
+        class: "fec-dev-designer-dialog"
+      }, {
+        footer: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.createVNode(_component_el_button, {
+              onClick: closeDialog,
+              size: "default"
+            }, {
+              default: vue.withCtx(() => _cache[4] || (_cache[4] = [
+                vue.createTextVNode("取消")
+              ])),
+              _: 1
+            }),
+            vue.createVNode(_component_el_button, {
+              type: "primary",
+              onClick: onConfirm,
+              size: "default"
+            }, {
+              default: vue.withCtx(() => _cache[5] || (_cache[5] = [
+                vue.createTextVNode("确定")
+              ])),
+              _: 1
+            })
+          ])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_input, {
+              modelValue: searchText.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchText.value = $event),
+              placeholder: __props.searchPlaceholder || "搜索表单名称/表单标识",
+              clearable: "",
+              onClear: handleSearch,
+              onKeyup: vue.withKeys(handleSearch, ["enter"]),
+              style: { "width": "300px" },
+              size: "default"
+            }, {
+              append: vue.withCtx(() => [
+                vue.createVNode(_component_el_button, {
+                  icon: vue.unref(index$4.Search),
+                  onClick: handleSearch
+                }, null, 8, ["icon"])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "placeholder"])
+          ]),
+          vue.createVNode(_component_el_table, {
+            data: templateList.value,
+            "highlight-current-row": "",
+            "max-height": "500",
+            onCurrentChange: handleCurrentChange,
+            style: { "width": "100%", "margin-top": "10px" },
+            size: "default"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_table_column, {
+                prop: "templateName",
+                label: __props.nameLabel || "表单名称",
+                "min-width": "200"
+              }, null, 8, ["label"]),
+              vue.createVNode(_component_el_table_column, {
+                prop: "templateKey",
+                label: __props.keyLabel || "表单标识",
+                "min-width": "200"
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          }, 8, ["data"]),
+          vue.createVNode(_component_el_pagination, {
+            size: "small",
+            "current-page": pageInfo.value.pageNo,
+            "onUpdate:currentPage": _cache[1] || (_cache[1] = ($event) => pageInfo.value.pageNo = $event),
+            "page-size": pageInfo.value.pageSize,
+            "onUpdate:pageSize": _cache[2] || (_cache[2] = ($event) => pageInfo.value.pageSize = $event),
+            "page-sizes": [10, 20, 50, 100],
+            total: total.value,
+            layout: "total, sizes, prev, pager, next, jumper",
+            onSizeChange: handleSizeChange,
+            onCurrentChange: handlePageChange,
+            style: { "margin-top": "20px", "justify-content": "flex-end" }
+          }, null, 8, ["current-page", "page-size", "total"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "width", "title"]);
+    };
+  }
+};
+const TemplateDialog = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-99155bb7"]]);
+exports.default = TemplateDialog;

package/lib/packages/designer/src/components/TemplateSelector.vue.js

@@ -1,36 +1,18 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 ;/* empty css                                                                                                                              */
-;/* empty css                                                                                                                                   */
-;/* empty css                                                                                                                                    */
-;/* empty css                                                                                                                                       */
-;/* empty css                                                                                                                                */
-;/* empty css                                                                                                                                   */
-;/* empty css                                                                                                                                         */
-;/* empty css                                                                                                                                      */
-;/* empty css                                                                                                                                   */
-;/* empty css                                                                                                                                   */
-;/* empty css                                                                                                                                  */
 ;/* empty css                                                                                                                                  */
-;/* empty css                                                                                                                                     */
-require("../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/theme-chalk/el-tooltip.css.js");
-;/* empty css                                                                                                                                         */
 ;/* empty css                                                                                                                                   */
 const vue = require("vue");
 const index$2 = 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 index$7 = require("../api/index.js");
+const TemplateDialog = require("./TemplateDialog.vue.js");
 ;/* empty css                                                                                                                                  */
 ;/* empty css                                                                                                                                    */
-;/* empty css                       */
+require("./TemplateSelector.vue2.js");
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.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/input/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/button/index.js");
-const index$3 = require("../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/dialog/index.js");
-const index$4 = require("../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/table/index.js");
-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/pagination/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/message/index.js");
-const _hoisted_1 = { class: "search-bar" };
-const _hoisted_2 = { class: "dialog-footer" };
+const index$3 = 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 _sfc_main = {
   __name: "TemplateSelector",
   props: {
@@ -65,83 +47,32 @@ const _sfc_main = {
       set: (val) => emit("update:modelValue", val)
     });
     const dialogVisible = vue.ref(false);
-    const searchText = vue.ref("");
-    const templateList = vue.ref([]);
-    const total = vue.ref(0);
-    const currentRow = vue.ref(null);
-    const pageInfo = vue.ref({
-      pageNo: 1,
-      pageSize: 10
-    });
     function openDialog() {
       dialogVisible.value = true;
-      currentRow.value = null;
-      loadTemplateList();
     }
     function editTemplate() {
-      var _a;
-      const pkId = ((_a = currentRow.value) == null ? void 0 : _a.pkId) || props.templateId;
+      const pkId = props.templateId;
+      if (!pkId) {
+        index$3.ElMessage.warning("请先选择模板");
+        return;
+      }
       const currentUrl = window.location.href;
       const urlObj = new URL(currentUrl);
       urlObj.searchParams.set("pkId", pkId);
       const newUrl = urlObj.toString();
       window.open(newUrl, "_blank");
     }
-    async function loadTemplateList() {
-      try {
-        const params = {
-          pageNo: pageInfo.value.pageNo,
-          pageSize: pageInfo.value.pageSize,
-          type: props.templateType
-        };
-        if (searchText.value) {
-          params.dynamicQuery = searchText.value;
-        }
-        const data = await index$7.default.findTemplateByPagePop(params);
-        templateList.value = data.records || data.list || [];
-        total.value = data.total || 0;
-      } catch (error) {
-        console.error("加载表单列表失败:", error);
-        templateList.value = [];
-        total.value = 0;
-      } finally {
-      }
-    }
-    function handleSearch() {
-      pageInfo.value.pageNo = 1;
-      loadTemplateList();
-    }
-    function handleCurrentChange(row) {
-      currentRow.value = row;
-    }
-    function handleSizeChange(size) {
-      pageInfo.value.pageSize = size;
-      pageInfo.value.pageNo = 1;
-      loadTemplateList();
-    }
-    function handlePageChange(page) {
-      pageInfo.value.pageNo = page;
-      loadTemplateList();
-    }
-    function onConfirm() {
-      if (!currentRow.value) {
-        index$6.ElMessage.warning("请先选择表单");
-        return;
-      }
-      modelValue.value = currentRow.value.templateName;
-      emit("update:templateKey", currentRow.value.templateKey);
-      emit("update:templateId", currentRow.value.pkId);
-      dialogVisible.value = false;
-      const context = JSON.parse(currentRow.value.context);
+    function handleDialogConfirm({ row, context }) {
+      modelValue.value = row.templateName;
+      emit("update:templateKey", row.templateKey);
+      emit("update:templateId", row.pkId);
       emit("confirm", context);
     }
+    function handleDialogClose() {
+    }
     return (_ctx, _cache) => {
       const _component_el_button = index$1.ElButton;
       const _component_el_input = index.ElInput;
-      const _component_el_table_column = index$4.ElTableColumn;
-      const _component_el_table = index$4.ElTable;
-      const _component_el_pagination = index$5.ElPagination;
-      const _component_el_dialog = index$3.ElDialog;
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         vue.createVNode(_component_el_input, {
           modelValue: modelValue.value,
@@ -168,101 +99,17 @@ const _sfc_main = {
             key: "0"
           } : void 0
         ]), 1032, ["modelValue", "placeholder"]),
-        vue.createVNode(_component_el_dialog, {
+        vue.createVNode(TemplateDialog.default, {
           modelValue: dialogVisible.value,
-          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => dialogVisible.value = $event),
-          width: "50%",
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dialogVisible.value = $event),
+          "template-type": __props.templateType,
           title: __props.templateType == "table" ? "选择列表" : "选择表单",
-          draggable: "",
-          overflow: "",
-          "append-to-body": "",
-          class: "fec-dev-designer-dialog"
-        }, {
-          footer: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_2, [
-              vue.createVNode(_component_el_button, {
-                onClick: _cache[4] || (_cache[4] = ($event) => dialogVisible.value = false),
-                size: "default"
-              }, {
-                default: vue.withCtx(() => _cache[6] || (_cache[6] = [
-                  vue.createTextVNode("取消")
-                ])),
-                _: 1
-              }),
-              vue.createVNode(_component_el_button, {
-                type: "primary",
-                onClick: onConfirm,
-                size: "default"
-              }, {
-                default: vue.withCtx(() => _cache[7] || (_cache[7] = [
-                  vue.createTextVNode("确定")
-                ])),
-                _: 1
-              })
-            ])
-          ]),
-          default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1, [
-              vue.createVNode(_component_el_input, {
-                modelValue: searchText.value,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchText.value = $event),
-                placeholder: "搜索表单名称/表单标识",
-                clearable: "",
-                onClear: handleSearch,
-                onKeyup: vue.withKeys(handleSearch, ["enter"]),
-                style: { "width": "300px" },
-                size: "default"
-              }, {
-                append: vue.withCtx(() => [
-                  vue.createVNode(_component_el_button, {
-                    icon: vue.unref(index$2.Search),
-                    onClick: handleSearch
-                  }, null, 8, ["icon"])
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ]),
-            vue.createVNode(_component_el_table, {
-              data: templateList.value,
-              "highlight-current-row": "",
-              "max-height": "500",
-              onCurrentChange: handleCurrentChange,
-              style: { "width": "100%", "margin-top": "10px" },
-              size: "default"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_el_table_column, {
-                  prop: "templateName",
-                  label: "表单名称",
-                  "min-width": "200"
-                }),
-                vue.createVNode(_component_el_table_column, {
-                  prop: "templateKey",
-                  label: "表单标识",
-                  "min-width": "200"
-                })
-              ]),
-              _: 1
-            }, 8, ["data"]),
-            vue.createVNode(_component_el_pagination, {
-              size: "small",
-              "current-page": pageInfo.value.pageNo,
-              "onUpdate:currentPage": _cache[2] || (_cache[2] = ($event) => pageInfo.value.pageNo = $event),
-              "page-size": pageInfo.value.pageSize,
-              "onUpdate:pageSize": _cache[3] || (_cache[3] = ($event) => pageInfo.value.pageSize = $event),
-              "page-sizes": [10, 20, 50, 100],
-              total: total.value,
-              layout: "total, sizes, prev, pager, next, jumper",
-              onSizeChange: handleSizeChange,
-              onCurrentChange: handlePageChange,
-              style: { "margin-top": "20px", "justify-content": "flex-end" }
-            }, null, 8, ["current-page", "page-size", "total"])
-          ]),
-          _: 1
-        }, 8, ["modelValue", "title"])
+          onConfirm: handleDialogConfirm,
+          onClose: handleDialogClose
+        }, null, 8, ["modelValue", "template-type", "title"])
       ], 64);
     };
   }
 };
-const TemplateSelector = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-eb9c3061"]]);
+const TemplateSelector = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-5026a7f4"]]);
 exports.default = TemplateSelector;

package/lib/packages/designer/src/components/TemplateSelector.vue2.js

@@ -0,0 +1 @@
+"use strict";

package/lib/packages/designer/src/layout/aside/HiddenFieldDialog.vue.js

@@ -62,7 +62,7 @@ const _sfc_main = {
     }
     function addHiddenField() {
       const newField = {
-        id: "hidden_" + Date.now(),
+        id: Date.now(),
         fieldType: "text",
         type: "widgets",
         label: "",
@@ -167,16 +167,13 @@ const _sfc_main = {
         selectedRows.value.forEach((field) => {
           let component = common.cloneDeep(field);
           component.id = component.id + "";
-          if (component.id.startsWith("hidden_")) {
-            component.id = component.id.replace("hidden_", "");
-            component.fieldType = "text";
-            component.type = "widgets";
-            component = { ...index$5.defaultProperty, ...component };
-          }
+          component.fieldType = component.fieldType || "text";
+          component.type = component.type || "widgets";
+          component = { ...index$5.defaultProperty, ...component };
           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") {
             finalWH = {
               w: editConfigData.value.columns,
               h: 1,
@@ -207,12 +204,9 @@ const _sfc_main = {
         selectedRows.value.forEach((field) => {
           let component = common.cloneDeep(field);
           component.id = component.id + "";
-          if (component.id.startsWith("hidden_")) {
-            component.id = component.id.replace("hidden_", "");
-            component.fieldType = "text";
-            component.type = "widgets";
-            component = { ...index$6.defaultProperty, ...component };
-          }
+          component.fieldType = component.fieldType || "text";
+          component.type = component.type || "widgets";
+          component = { ...index$6.defaultProperty, ...component };
           editConfigData.value.fieldsData.push(component);
           const index2 = hiddenFields.value.findIndex((f) => f.id == field.id);
           if (index2 !== -1) {
@@ -380,5 +374,5 @@ const _sfc_main = {
     };
   }
 };
-const HiddenFieldDialog = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-b547a1f4"]]);
+const HiddenFieldDialog = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-58cdc4e4"]]);
 exports.default = HiddenFieldDialog;