@fecp/mobile-designer 1.0.7 → 1.0.9

package/es/mobileDesigner/src/packages/eventFlow/dialog/action/config.mjs

@@ -1,4 +1,7 @@
-import _sfc_main from "./Request.vue.mjs";
+import _sfc_main from "./Page.vue.mjs";
+import _sfc_main$1 from "./PageGoBack.vue.mjs";
+import _sfc_main$2 from "./Request.vue.mjs";
+import FormSetValue from "./FormSetValue.vue2.mjs";
 const menuData = [
   {
     index: "page",
@@ -8,10 +11,8 @@ const menuData = [
         index: "page-jump",
         label: "跳转页面",
         desc: "跳转到指定页面",
-        component: null,
+        component: _sfc_main,
         default: {
-          transitionType: "page",
-          routePath: "",
           routeParams: []
         }
       },
@@ -20,13 +21,10 @@ const menuData = [
         index: "page-go-back",
         label: "页面返回",
         desc: "返回之前访问的页面",
-        component: null,
+        component: _sfc_main$1,
         default: {
           backLevel: 1,
-          showConfirm: false,
-          confirmTitle: "确认返回",
-          confirmMessage: "确定要返回到上一页吗？",
-          noHistoryAction: "none"
+          noHistoryAction: "home"
         }
       }
     ]
@@ -35,17 +33,6 @@ const menuData = [
     index: "ui",
     label: "交互",
     items: [
-      {
-        index: "ui-dialog",
-        label: "打开弹层",
-        desc: "打开指定的弹层",
-        component: null,
-        default: {
-          dialogSource: "global",
-          selectionMode: "none",
-          fieldMapping: []
-        }
-      },
       {
         index: "ui-message",
         label: "显示提示信息",
@@ -102,65 +89,65 @@ const menuData = [
         index: "form-setValue",
         label: "请求表单赋值",
         desc: "通过请求设置表单字段的值",
-        component: null,
+        component: FormSetValue,
         default: { fieldMapping: [] }
-      },
-      {
-        index: "form-submit",
-        label: "请求表单提交",
-        desc: "提交表单数据到后台服务",
-        component: null,
-        default: { formValidate: true, fieldMapping: [], extraParams: [] }
-      }
-    ]
-  },
-  {
-    index: "table",
-    label: "列表",
-    items: [
-      {
-        index: "table-refresh",
-        label: "列表数据刷新",
-        desc: "刷新表格的数据列表",
-        component: null,
-        default: {
-          resetSort: false,
-          resetFilter: false,
-          resetPagination: false
-        }
-      },
-      {
-        index: "table-row-delete",
-        label: "行数据删除",
-        desc: "删除列表的行数据",
-        component: null,
-        default: {
-          showConfirmDeleteMessage: true,
-          resetTableAfterDelete: true
-        }
-      },
-      {
-        index: "table-child-refresh",
-        label: "子列表数据刷新",
-        desc: "刷新子列表的数据列表",
-        component: null,
-        default: {
-          resetSort: false,
-          resetFilter: false,
-          resetPagination: false
-        }
-      },
-      {
-        index: "table-child-selection",
-        label: "子列表勾选数据赋值",
-        desc: "将子列表勾选的数据赋值到主表单",
-        component: null,
-        default: {
-          subTableSelectionFieldMapping: []
-        }
       }
+      // {
+      //   index: "form-submit",
+      //   label: "请求表单提交",
+      //   desc: "提交表单数据到后台服务",
+      //   component: null,
+      //   default: { formValidate: true, fieldMapping: [], extraParams: [] },
+      // },
     ]
   },
+  // {
+  //   index: "table",
+  //   label: "列表",
+  //   items: [
+  //     {
+  //       index: "table-refresh",
+  //       label: "列表数据刷新",
+  //       desc: "刷新表格的数据列表",
+  //       component: null,
+  //       default: {
+  //         resetSort: false,
+  //         resetFilter: false,
+  //         resetPagination: false,
+  //       },
+  //     },
+  //     {
+  //       index: "table-row-delete",
+  //       label: "行数据删除",
+  //       desc: "删除列表的行数据",
+  //       component: null,
+  //       default: {
+  //         showConfirmDeleteMessage: true,
+  //         resetTableAfterDelete: true,
+  //       },
+  //     },
+  //     {
+  //       index: "table-child-refresh",
+  //       label: "子列表数据刷新",
+  //       desc: "刷新子列表的数据列表",
+  //       component: null,
+  //       default: {
+  //         resetSort: false,
+  //         resetFilter: false,
+  //         resetPagination: false,
+  //       },
+  //     },
+  //     {
+  //       index: "table-child-selection",
+  //       label: "子列表勾选数据赋值",
+  //       desc: "将子列表勾选的数据赋值到主表单",
+  //       component: null,
+  //       default: {
+  //         subTableSelectionFieldMapping: [],
+  //       },
+  //     },
+  //   ],
+  // },
   {
     index: "request",
     label: "请求",
@@ -169,7 +156,7 @@ const menuData = [
         index: "request-send",
         label: "发送请求",
         desc: "通过数据源发送API请求",
-        component: _sfc_main,
+        component: _sfc_main$2,
         default: { showSuccessMessage: false }
       }
     ]

package/es/mobileDesigner/src/packages/eventFlow/dialog/action/index.vue2.mjs

@@ -0,0 +1,223 @@
+import { ElIcon } from "../../../../../../node_modules/element-plus/es/components/icon/index.mjs";
+import { ElForm } from "../../../../../../node_modules/element-plus/es/components/form/index.mjs";
+import { ElScrollbar } from "../../../../../../node_modules/element-plus/es/components/scrollbar/index.mjs";
+import { ElContainer, ElAside, ElMain, ElHeader } from "../../../../../../node_modules/element-plus/es/components/container/index.mjs";
+import { ElMenu, ElSubMenu, ElMenuItem } from "../../../../../../node_modules/element-plus/es/components/menu/index.mjs";
+import "../../../../../../_virtual/dayjs.min.mjs";
+/* empty css                                                                */
+/* empty css                                                                    */
+/* empty css                                                                        */
+/* empty css                                                                     */
+/* empty css                                                                     */
+/* empty css                                                                   */
+/* empty css                                                                   */
+/* empty css                                                                        */
+/* empty css                                                                     */
+import "../../../../../../node_modules/element-plus/theme-chalk/el-tooltip.css.mjs";
+/* empty css                                                                   */
+import "../../../../../../node_modules/element-plus/theme-chalk/el-sub-menu.css.mjs";
+import "../../../../../../node_modules/element-plus/theme-chalk/el-menu-item.css.mjs";
+import { ref, watch, resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, unref, createElementBlock, Fragment, renderList, toDisplayString, createCommentVNode, resolveDynamicComponent } from "vue";
+import menuData from "./config.mjs";
+import _sfc_main$1 from "./Advanced.vue.mjs";
+import { cloneDeep } from "../../../utils/common.mjs";
+/* empty css           */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _hoisted_1 = { class: "menu-header" };
+const _hoisted_2 = { class: "category-title" };
+const _hoisted_3 = { class: "menu-item-text" };
+const _hoisted_4 = { class: "action-desc" };
+const _sfc_main = {
+  __name: "index",
+  props: {
+    activeData: Object
+  },
+  setup(__props) {
+    const props = __props;
+    const selectedMenu = ref("");
+    const selectedComponent = ref();
+    const activeIndex = ref("");
+    const handleMenuSelect = (index) => {
+      activeIndex.value = index;
+      props.activeData.actionType = index;
+      const findItem = (index2) => {
+        for (const category of menuData) {
+          const item = category.items.find((i) => i.index === index2);
+          if (item) return item;
+        }
+        return null;
+      };
+      const menuItem = findItem(index);
+      selectedComponent.value = menuItem == null ? void 0 : menuItem.component;
+      props.activeData.actionName = menuItem == null ? void 0 : menuItem.label;
+      props.activeData.basic = {
+        ...cloneDeep(menuItem.default),
+        ...props.activeData.basic
+      };
+      selectedMenu.value = menuItem;
+    };
+    watch(
+      () => props.activeData.actionType,
+      (newActionType) => {
+        if (newActionType) {
+          handleMenuSelect(newActionType);
+        } else if (menuData.length > 0 && menuData[0].items.length > 0) {
+          const firstItem = menuData[0].items[0];
+          activeIndex.value = firstItem.index;
+          handleMenuSelect(firstItem.index);
+        }
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      const _component_setting = resolveComponent("setting");
+      const _component_el_icon = ElIcon;
+      const _component_el_menu_item = ElMenuItem;
+      const _component_el_sub_menu = ElSubMenu;
+      const _component_el_menu = ElMenu;
+      const _component_el_scrollbar = ElScrollbar;
+      const _component_el_aside = ElAside;
+      const _component_el_header = ElHeader;
+      const _component_el_form = ElForm;
+      const _component_el_main = ElMain;
+      const _component_el_container = ElContainer;
+      return openBlock(), createBlock(_component_el_container, {
+        class: "action-dialog",
+        style: { "height": "500px" }
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_aside, {
+            width: "220px",
+            style: { "border-right": "1px solid #ebeef5" }
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                createVNode(_component_el_icon, { class: "header-icon" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_setting)
+                  ]),
+                  _: 1
+                }),
+                _cache[0] || (_cache[0] = createElementVNode("span", { class: "dev-header-title" }, "执行动作", -1))
+              ]),
+              createVNode(_component_el_scrollbar, { class: "menu-scrollbar" }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_menu, {
+                    "default-openeds": ["page"],
+                    "default-active": unref(activeIndex),
+                    onSelect: handleMenuSelect,
+                    "background-color": "transparent",
+                    "text-color": "#606266",
+                    "active-text-color": "#409eff"
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(unref(menuData), (category) => {
+                        return openBlock(), createBlock(_component_el_sub_menu, {
+                          key: category.index,
+                          index: category.index,
+                          class: "menu-category"
+                        }, {
+                          title: withCtx(() => [
+                            createElementVNode("div", _hoisted_2, [
+                              createVNode(_component_el_icon, { class: "category-icon" }, {
+                                default: withCtx(() => [
+                                  createVNode(_component_setting)
+                                ]),
+                                _: 1
+                              }),
+                              createElementVNode("span", null, toDisplayString(category.label), 1)
+                            ])
+                          ]),
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(category.items, (item) => {
+                              return openBlock(), createBlock(_component_el_menu_item, {
+                                key: item.index,
+                                index: item.index,
+                                class: "menu-item"
+                              }, {
+                                default: withCtx(() => [
+                                  createElementVNode("span", _hoisted_3, toDisplayString(item.label), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["index"]);
+                            }), 128))
+                          ]),
+                          _: 2
+                        }, 1032, ["index"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["default-active"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_main, { style: { "padding": "0" } }, {
+            default: withCtx(() => [
+              createVNode(_component_el_container, { style: { "height": "100%" } }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_header, { height: "40px" }, {
+                    default: withCtx(() => [
+                      _cache[1] || (_cache[1] = createElementVNode("div", null, "动作说明", -1)),
+                      createElementVNode("div", _hoisted_4, toDisplayString(unref(selectedMenu).desc), 1)
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_main, { style: { "padding": "12px 20px 0 20px" } }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_scrollbar, null, {
+                        default: withCtx(() => [
+                          unref(selectedComponent) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                            _cache[2] || (_cache[2] = createElementVNode("div", { class: "event-behavior-title" }, "基础配置", -1)),
+                            createVNode(_component_el_form, {
+                              model: __props.activeData.basic,
+                              "label-width": "100px",
+                              size: "small",
+                              style: { "padding-right": "20px" }
+                            }, {
+                              default: withCtx(() => [
+                                (openBlock(), createBlock(resolveDynamicComponent(unref(selectedComponent)), {
+                                  formData: __props.activeData.basic,
+                                  type: unref(selectedMenu).index
+                                }, null, 8, ["formData", "type"]))
+                              ]),
+                              _: 1
+                            }, 8, ["model"])
+                          ], 64)) : createCommentVNode("", true),
+                          _cache[3] || (_cache[3] = createElementVNode("div", { class: "event-behavior-title" }, "高级配置", -1)),
+                          createVNode(_component_el_form, {
+                            model: __props.activeData.advanced,
+                            "label-width": "100px",
+                            size: "small"
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_sfc_main$1, {
+                                formData: __props.activeData.advanced
+                              }, null, 8, ["formData"])
+                            ]),
+                            _: 1
+                          }, 8, ["model"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+};
+const Action = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d155ddb6"]]);
+export {
+  Action as default
+};

package/es/mobileDesigner/src/packages/eventFlow/dialog/execution/index.vue2.mjs

@@ -0,0 +1,88 @@
+import { ElFormItem } from "../../../../../../node_modules/element-plus/es/components/form/index.mjs";
+import { ElScrollbar } from "../../../../../../node_modules/element-plus/es/components/scrollbar/index.mjs";
+import { ElRadioGroup, ElRadio } from "../../../../../../node_modules/element-plus/es/components/radio/index.mjs";
+import { ElMain, ElFooter } from "../../../../../../node_modules/element-plus/es/components/container/index.mjs";
+import "../../../../../../_virtual/dayjs.min.mjs";
+/* empty css                                                                */
+/* empty css                                                                     */
+/* empty css                                                                        */
+/* empty css                                                                    */
+/* empty css                                                                          */
+/* empty css                                                                   */
+/* empty css                                                                        */
+import { createElementBlock, openBlock, Fragment, createVNode, withCtx, unref, createTextVNode } from "vue";
+import _sfc_main$1 from "../../../advancedFilter/index.vue.mjs";
+/* empty css           */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {
+  __name: "index",
+  props: {
+    activeData: Object
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      const _component_el_scrollbar = ElScrollbar;
+      const _component_el_main = ElMain;
+      const _component_el_radio = ElRadio;
+      const _component_el_radio_group = ElRadioGroup;
+      const _component_el_form_item = ElFormItem;
+      const _component_el_footer = ElFooter;
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_el_main, { style: { "padding": "0px" } }, {
+          default: withCtx(() => [
+            createVNode(_component_el_scrollbar, {
+              "max-height": "400px",
+              class: "overflow-x-hidden"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(_sfc_main$1), {
+                  filterConfigData: props.activeData.conditions
+                }, null, 8, ["filterConfigData"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        createVNode(_component_el_footer, { style: { "padding": "20px 12px 0", "border-top": "1px solid #ebeef5" } }, {
+          default: withCtx(() => [
+            createVNode(_component_el_form_item, {
+              label: "条件满足后：",
+              "label-position": "left"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_radio_group, {
+                  modelValue: props.activeData.ruleMatchStrategy,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => props.activeData.ruleMatchStrategy = $event)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_radio, { value: "continue" }, {
+                      default: withCtx(() => _cache[1] || (_cache[1] = [
+                        createTextVNode("继续执行动作")
+                      ])),
+                      _: 1
+                    }),
+                    createVNode(_component_el_radio, { value: "stop" }, {
+                      default: withCtx(() => _cache[2] || (_cache[2] = [
+                        createTextVNode("中断执行动作")
+                      ])),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+};
+const Execution = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d782aefb"]]);
+export {
+  Execution as default
+};

package/es/mobileDesigner/src/packages/eventFlow/dialog/index.vue.mjs

@@ -11,8 +11,8 @@ import "../../../../../_virtual/dayjs.min.mjs";
 /* empty css                                                                 */
 import { mergeModels, useModel, ref, watch, createBlock, openBlock, withCtx, resolveDynamicComponent, unref, createElementVNode, createVNode, createTextVNode, withModifiers, withDirectives, vShow, toDisplayString } from "vue";
 import { ClickOutside } from "element-plus";
-import Action from "./action/index.vue.mjs";
-import Execution from "./execution/index.vue.mjs";
+import Action from "./action/index.vue2.mjs";
+import Execution from "./execution/index.vue2.mjs";
 const _hoisted_1 = { class: "dialog-footer" };
 const _sfc_main = {
   __name: "index",