@fecp/designer 5.1.8 → 5.2.1

package/es/packages/designer/src/components/TemplateDialog.vue.mjs

@@ -0,0 +1,254 @@
+/* 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                                                                                                                                     */
+import "../../../../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.mjs";
+/* empty css                                                                                                                                         */
+/* empty css                                                                                                                                   */
+import { computed, ref, watch, createBlock, openBlock, withCtx, createElementVNode, createVNode, withKeys, unref, createTextVNode } from "vue";
+import { Search as search_default } from "../../../../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.mjs";
+import api from "../api/index.mjs";
+/* empty css                     */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { ElDialog } from "../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/dialog/index.mjs";
+import { ElInput } from "../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/input/index.mjs";
+import { ElButton } from "../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/button/index.mjs";
+import { ElTable, ElTableColumn } from "../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/table/index.mjs";
+import { ElPagination } from "../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/pagination/index.mjs";
+import { ElMessage } from "../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/message/index.mjs";
+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 = computed({
+      get: () => props.modelValue,
+      set: (val) => emit("update:modelValue", val)
+    });
+    const searchText = ref("");
+    const templateList = ref([]);
+    const total = ref(0);
+    const currentRow = ref(null);
+    const pageInfo = ref({
+      pageNo: 1,
+      pageSize: 10
+    });
+    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 api.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) {
+        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 = ElButton;
+      const _component_el_input = ElInput;
+      const _component_el_table_column = ElTableColumn;
+      const _component_el_table = ElTable;
+      const _component_el_pagination = ElPagination;
+      const _component_el_dialog = ElDialog;
+      return openBlock(), 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: withCtx(() => [
+          createElementVNode("div", _hoisted_2, [
+            createVNode(_component_el_button, {
+              onClick: closeDialog,
+              size: "default"
+            }, {
+              default: withCtx(() => _cache[4] || (_cache[4] = [
+                createTextVNode("取消")
+              ])),
+              _: 1
+            }),
+            createVNode(_component_el_button, {
+              type: "primary",
+              onClick: onConfirm,
+              size: "default"
+            }, {
+              default: withCtx(() => _cache[5] || (_cache[5] = [
+                createTextVNode("确定")
+              ])),
+              _: 1
+            })
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(_component_el_input, {
+              modelValue: searchText.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchText.value = $event),
+              placeholder: __props.searchPlaceholder || "搜索表单名称/表单标识",
+              clearable: "",
+              onClear: handleSearch,
+              onKeyup: withKeys(handleSearch, ["enter"]),
+              style: { "width": "300px" },
+              size: "default"
+            }, {
+              append: withCtx(() => [
+                createVNode(_component_el_button, {
+                  icon: unref(search_default),
+                  onClick: handleSearch
+                }, null, 8, ["icon"])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "placeholder"])
+          ]),
+          createVNode(_component_el_table, {
+            data: templateList.value,
+            "highlight-current-row": "",
+            "max-height": "500",
+            onCurrentChange: handleCurrentChange,
+            style: { "width": "100%", "margin-top": "10px" },
+            size: "default"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_table_column, {
+                prop: "templateName",
+                label: __props.nameLabel || "表单名称",
+                "min-width": "200"
+              }, null, 8, ["label"]),
+              createVNode(_component_el_table_column, {
+                prop: "templateKey",
+                label: __props.keyLabel || "表单标识",
+                "min-width": "200"
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          }, 8, ["data"]),
+          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__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-99155bb7"]]);
+export {
+  TemplateDialog as default
+};

package/es/packages/designer/src/components/TemplateSelector.vue.mjs

@@ -1,34 +1,16 @@
 /* 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                                                                                                                                     */
-import "../../../../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.mjs";
-/* empty css                                                                                                                                         */
 /* empty css                                                                                                                                   */
-import { computed, ref, createElementBlock, openBlock, Fragment, createVNode, createSlots, withCtx, unref, createElementVNode, withKeys, createTextVNode } from "vue";
-import { Setting as setting_default, Edit as edit_default, Search as search_default } from "../../../../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.mjs";
-import api from "../api/index.mjs";
+import { computed, ref, createElementBlock, openBlock, Fragment, createVNode, createSlots, withCtx, unref } from "vue";
+import { Setting as setting_default, Edit as edit_default } from "../../../../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.mjs";
+import TemplateDialog from "./TemplateDialog.vue.mjs";
 /* empty css                                                                                                                                  */
 /* empty css                                                                                                                                    */
-/* empty css                       */
+import "./TemplateSelector.vue2.mjs";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
 import { ElInput } from "../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/input/index.mjs";
 import { ElButton } from "../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/button/index.mjs";
-import { ElDialog } from "../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/dialog/index.mjs";
-import { ElTable, ElTableColumn } from "../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/table/index.mjs";
-import { ElPagination } from "../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/pagination/index.mjs";
 import { ElMessage } from "../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/message/index.mjs";
-const _hoisted_1 = { class: "search-bar" };
-const _hoisted_2 = { class: "dialog-footer" };
 const _sfc_main = {
   __name: "TemplateSelector",
   props: {
@@ -63,83 +45,32 @@ const _sfc_main = {
       set: (val) => emit("update:modelValue", val)
     });
     const dialogVisible = ref(false);
-    const searchText = ref("");
-    const templateList = ref([]);
-    const total = ref(0);
-    const currentRow = ref(null);
-    const pageInfo = 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) {
+        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 api.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) {
-        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 = ElButton;
       const _component_el_input = ElInput;
-      const _component_el_table_column = ElTableColumn;
-      const _component_el_table = ElTable;
-      const _component_el_pagination = ElPagination;
-      const _component_el_dialog = ElDialog;
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(_component_el_input, {
           modelValue: modelValue.value,
@@ -166,103 +97,19 @@ const _sfc_main = {
             key: "0"
           } : void 0
         ]), 1032, ["modelValue", "placeholder"]),
-        createVNode(_component_el_dialog, {
+        createVNode(TemplateDialog, {
           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: withCtx(() => [
-            createElementVNode("div", _hoisted_2, [
-              createVNode(_component_el_button, {
-                onClick: _cache[4] || (_cache[4] = ($event) => dialogVisible.value = false),
-                size: "default"
-              }, {
-                default: withCtx(() => _cache[6] || (_cache[6] = [
-                  createTextVNode("取消")
-                ])),
-                _: 1
-              }),
-              createVNode(_component_el_button, {
-                type: "primary",
-                onClick: onConfirm,
-                size: "default"
-              }, {
-                default: withCtx(() => _cache[7] || (_cache[7] = [
-                  createTextVNode("确定")
-                ])),
-                _: 1
-              })
-            ])
-          ]),
-          default: withCtx(() => [
-            createElementVNode("div", _hoisted_1, [
-              createVNode(_component_el_input, {
-                modelValue: searchText.value,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchText.value = $event),
-                placeholder: "搜索表单名称/表单标识",
-                clearable: "",
-                onClear: handleSearch,
-                onKeyup: withKeys(handleSearch, ["enter"]),
-                style: { "width": "300px" },
-                size: "default"
-              }, {
-                append: withCtx(() => [
-                  createVNode(_component_el_button, {
-                    icon: unref(search_default),
-                    onClick: handleSearch
-                  }, null, 8, ["icon"])
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ]),
-            createVNode(_component_el_table, {
-              data: templateList.value,
-              "highlight-current-row": "",
-              "max-height": "500",
-              onCurrentChange: handleCurrentChange,
-              style: { "width": "100%", "margin-top": "10px" },
-              size: "default"
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_el_table_column, {
-                  prop: "templateName",
-                  label: "表单名称",
-                  "min-width": "200"
-                }),
-                createVNode(_component_el_table_column, {
-                  prop: "templateKey",
-                  label: "表单标识",
-                  "min-width": "200"
-                })
-              ]),
-              _: 1
-            }, 8, ["data"]),
-            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__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-eb9c3061"]]);
+const TemplateSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5026a7f4"]]);
 export {
   TemplateSelector as default
 };

package/es/packages/designer/src/components/TemplateSelector.vue2.mjs

@@ -0,0 +1 @@
+

package/es/packages/designer/src/layout/aside/HiddenFieldDialog.vue.mjs

@@ -60,7 +60,7 @@ const _sfc_main = {
     }
     function addHiddenField() {
       const newField = {
-        id: "hidden_" + Date.now(),
+        id: Date.now(),
         fieldType: "text",
         type: "widgets",
         label: "",
@@ -165,16 +165,13 @@ const _sfc_main = {
         selectedRows.value.forEach((field) => {
           let component = cloneDeep(field);
           component.id = component.id + "";
-          if (component.id.startsWith("hidden_")) {
-            component.id = component.id.replace("hidden_", "");
-            component.fieldType = "text";
-            component.type = "widgets";
-            component = { ...defaultProperty, ...component };
-          }
+          component.fieldType = component.fieldType || "text";
+          component.type = component.type || "widgets";
+          component = { ...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,
@@ -205,12 +202,9 @@ const _sfc_main = {
         selectedRows.value.forEach((field) => {
           let component = cloneDeep(field);
           component.id = component.id + "";
-          if (component.id.startsWith("hidden_")) {
-            component.id = component.id.replace("hidden_", "");
-            component.fieldType = "text";
-            component.type = "widgets";
-            component = { ...defaultProperty$1, ...component };
-          }
+          component.fieldType = component.fieldType || "text";
+          component.type = component.type || "widgets";
+          component = { ...defaultProperty$1, ...component };
           editConfigData.value.fieldsData.push(component);
           const index = hiddenFields.value.findIndex((f) => f.id == field.id);
           if (index !== -1) {
@@ -378,7 +372,7 @@ const _sfc_main = {
     };
   }
 };
-const HiddenFieldDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b547a1f4"]]);
+const HiddenFieldDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-58cdc4e4"]]);
 export {
   HiddenFieldDialog as default
 };