@epxing/business 0.0.0-stage → 5.3.0-beta.2

package/dist/src/components/MetaList.vue.js

@@ -0,0 +1,100 @@
+import { createVNode, render } from "vue";
+import EntityList from "@epxing/components/src/entity-list";
+import GenTestData from "./GenTestData.js";
+const _sfc_main = {
+  name: "epx-meta-list",
+  extends: EntityList,
+  methods: {
+    META_COPY() {
+    },
+    // 生成测试数据：选中一个对象后打开弹窗，调用 sfrescujuykz 逻辑编排
+    genTestData(config, row) {
+      let item = row;
+      if (!item) {
+        if (this.selection.length > 1) {
+          this.$message.error("请不要选择多个记录");
+          return;
+        }
+        if (this.selection.length === 0) {
+          this.$message.error("请选择一个记录");
+          return;
+        }
+        item = this.selection[0];
+      }
+      const extraParams = config && config.params ? this.$formatParams(config.params, [item]) : {};
+      const container = document.createElement("div");
+      document.body.appendChild(container);
+      const vnode = createVNode(GenTestData, {
+        metaId: item.ID,
+        metaCode: item.CODE || item.META_ID || "",
+        metaName: item.NAME || item.LABEL || "",
+        hostMetaId: this.$metaId,
+        extraParams,
+        onClosed: () => {
+          render(null, container);
+          if (container.parentNode) {
+            container.parentNode.removeChild(container);
+          }
+        }
+      });
+      vnode.appContext = this.$.appContext;
+      render(vnode, container);
+      const instance = vnode.component && vnode.component.proxy;
+      if (instance) instance.open();
+    },
+    getMetaFields(config, row) {
+      let item = null;
+      if (row) {
+        item = row;
+      } else {
+        if (this.selection.length > 1) {
+          this.$message.error("请不要选择多个记录");
+          return;
+        }
+        if (this.selection.length === 0) {
+          this.$message.error("请选择一个记录");
+          return;
+        }
+        item = this.selection[0];
+      }
+      this.getMetaConfig(item.ID).then((data) => {
+        this.$alert('<p style="white-space:pre-wrap; max-height:460px;overflow:auto">' + data.field_config + "</p>", "字段配置", {
+          dangerouslyUseHTMLString: true,
+          customClass: "entity-list__meta--fields"
+        });
+      });
+    },
+    getMetaEntityFields(config, row) {
+      let item = null;
+      if (row) {
+        item = row;
+      } else {
+        if (this.selection.length > 1) {
+          this.$message.error("请不要选择多个记录");
+          return;
+        }
+        if (this.selection.length === 0) {
+          this.$message.error("请选择一个记录");
+          return;
+        }
+        item = this.selection[0];
+      }
+      this.getMetaConfig(item.ID).then((data) => {
+        this.$alert('<p style="white-space:pre-wrap; max-height:460px;overflow:auto">' + data.entity_config + "</p>", "实体类内容", {
+          dangerouslyUseHTMLString: true,
+          customClass: "entity-list__meta--fields"
+        });
+      });
+    },
+    getMetaConfig(id) {
+      return this.$http.$request({
+        action: "getMetaConfig",
+        entityId: this.$metaId,
+        metaId: id
+      });
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/components/Nav.js

@@ -0,0 +1,496 @@
+import '../../style.css';
+import __cjsReq0 from "../assets/images/photo.png.js";
+import __cjsReq1 from "../assets/images/theme/purple.png.js";
+import __cjsReq2 from "../assets/images/theme/palevioletred.png.js";
+import __cjsReq3 from "../assets/images/theme/forestgreen.png.js";
+import __cjsReq4 from "../assets/images/theme/deepblue.png.js";
+import __cjsReq5 from "../assets/images/theme/classicblue.png.js";
+import __cjsReq6 from "../assets/images/hr.png.js";
+import { mapState } from "vuex";
+import Container from "@epxing/core/src/Container";
+import { DELETE_USER } from "@epxing/core/src/store/actions";
+import storage from "@epxing/utils/src/storage";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, withCtx, Fragment, renderList, createBlock, withModifiers, normalizeClass, createTextVNode, createCommentVNode } from "vue";
+/* empty css        */
+/* empty css         */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-nav",
+  extends: Container,
+  props: {
+    msg: String
+  },
+  computed: {
+    ...mapState({
+      menus: (state) => state.config.menus,
+      user: (state) => state.user.user,
+      userInfo: (state) => state.user.userInfo
+    }),
+    system() {
+      return {
+        user: this.user
+      };
+    },
+    currentRoleEntity() {
+      const { currentRoleEntity = {} } = this.user;
+      const { data = {} } = currentRoleEntity;
+      return data;
+    },
+    photo() {
+      const { PHOTO } = this.userInfo;
+      if (PHOTO) return this.$util.getFileUrl(PHOTO);
+      return __cjsReq0;
+    },
+    tabs() {
+      return this.$tabs.filter((item) => !(item.key + "").includes("default-"));
+    },
+    currentTab() {
+      return this.$tabs.find((item) => item.active === true);
+    }
+  },
+  data() {
+    return {
+      activeIndex: "/",
+      searchValue: "",
+      roleList: [],
+      navList: [],
+      moduleId: "",
+      module: {},
+      showMobileMenu: false,
+      themeList: [],
+      selectTheme: "",
+      systemName: "",
+      openType: null
+    };
+  },
+  methods: {
+    logout() {
+      if (this.isModulePage) {
+        window.close();
+        return;
+      }
+      this.$http.logout().then(() => {
+        this.$util.removeToken(this.appConfig.CLIENT);
+        this.$store.commit(DELETE_USER);
+        this.$util.toLogin();
+      }).catch(() => {
+        this.$util.removeToken(this.appConfig.CLIENT);
+        this.$store.commit(DELETE_USER);
+        this.$util.toLogin();
+        this.$message.success("退出登录");
+      });
+    },
+    backModule() {
+      if (this.newPage) {
+        const { id } = this.$route.params;
+        const { MODULE, FIRST_PAGE, NAME } = this.appConfig;
+        this.$router.push(`/app/${id}`);
+        this.$createPage({
+          key: "nav-" + (/* @__PURE__ */ new Date()).getTime(),
+          title: NAME,
+          moduleId: MODULE,
+          openType: "1",
+          query: {
+            ...this.$route.query
+          },
+          children: [{
+            component: "app-index",
+            pageId: FIRST_PAGE,
+            moduleId: MODULE
+          }]
+        });
+      } else {
+        this.toPage(this.navList[0]);
+      }
+    },
+    toPage(nav, newTab) {
+      if (nav.MAIN_PAGE) {
+        const key = "default-" + nav.ID;
+        const navTab = this.$tabs.find((item) => item.key === key);
+        if (newTab) {
+          this.$store.commit("CREATE_TAB", {
+            moduleId: nav.ID,
+            title: nav.NAME,
+            pageId: nav.MAIN_PAGE
+          });
+          this.openType = null;
+        } else if (navTab) {
+          this.$store.commit("SELECT_TAB", key);
+        } else {
+          this.$store.commit("CREATE_TAB", {
+            key,
+            moduleId: nav.ID,
+            title: nav.NAME,
+            pageId: nav.MAIN_PAGE
+          });
+        }
+      }
+    },
+    goHome() {
+      this.activeIndex = "/";
+      this.$router.push("/");
+    },
+    getRoles() {
+      this.$http.optionalRoles().then((data) => {
+        this.roleList = data.entitys;
+      });
+    },
+    switchRole(roleId) {
+      this.$http.roleChange({
+        roleId,
+        level: ""
+      }).then((data) => {
+        location.reload();
+      });
+    },
+    getModule() {
+      this.$http.get({
+        entityId: "FM_MODULE",
+        id: this.moduleId
+      }).then((data) => {
+        if (data.data) {
+          this.module = { ...data.data };
+          if (this.isModulePage) {
+            document.title = this.module.NAME;
+          }
+        }
+      });
+    },
+    getNavList() {
+      let { roleId, role } = this.$route.params;
+      if (!roleId) {
+        const { roles = {} } = this.user;
+        const currentRole = Object.entries(roles).find(([key, item]) => item.CODE === role) || [];
+        roleId = currentRole[0];
+      }
+      this.$http.getUserMenuTreeData({
+        moduleId: this.moduleId,
+        roleId,
+        mode: this.$isMobile ? "move" : "pc"
+      }).then((data) => {
+        this.navList = data;
+      });
+    },
+    getSysMenu() {
+      return this.$http.find({
+        entityId: "FM_SYSTEM",
+        "scope.CODE": this.$util.getSysId()
+      });
+    },
+    changeTheme(theme) {
+      document.documentElement.setAttribute("data-theme", theme.key);
+      storage.set("epx_frame_theme", theme.key);
+      this.selectTheme = theme.key;
+    },
+    selectTab(tab) {
+      if (tab) {
+        this.$store.commit("SELECT_TAB", tab.key);
+      }
+    },
+    deleteTab(tab) {
+      this.$store.commit("DESTORY_TAB", tab.key);
+    },
+    openSetting() {
+      const { CLIENT } = this.appConfig;
+      this.$http.get({
+        link: "system|left join,system#serve",
+        entityId: "FM_CLIENT",
+        id: CLIENT
+      }).then((data) => {
+        if (data && data.data) {
+          const aData = data.data;
+          this.$util.openWindow(aData["SYSTEM|SERVE|FIRST_PAGE"] + "?FM_SYS_ID=" + aData["SYSTEM|CODE"]);
+        }
+      });
+    },
+    clearTabs() {
+      this.$store.commit("CLEAR_TABS");
+    },
+    clearOpenType() {
+      this.openType = null;
+    }
+  },
+  watch: {
+    menuRoute(v) {
+      const { moduleId } = v;
+      if (moduleId) {
+        this.moduleId = moduleId;
+      } else {
+        const { moduleId: moduleId2 } = this.$route.query;
+        this.moduleId = moduleId2;
+      }
+    },
+    $route(v) {
+      this.showMobileMenu = false;
+    }
+  },
+  created() {
+    window.addEventListener("click", this.clearOpenType);
+    this.selectTheme = storage.get("epx_frame_theme");
+    document.documentElement.setAttribute("data-theme", this.selectTheme);
+    const showMobileMenuFn = (v) => {
+      this.showMobileMenu = v;
+    };
+    this.$bus.on("showMobileMenu", showMobileMenuFn);
+    this.themeList = [
+      { name: "炫紫", key: "purple", icon: __cjsReq1 },
+      { name: "酡红", key: "palevioletred", icon: __cjsReq2 },
+      { name: "森绿", key: "forestgreen", icon: __cjsReq3 },
+      { name: "深海蓝", key: "deepblue", icon: __cjsReq4 },
+      { name: "经典蓝", key: "classicblue", icon: __cjsReq5 }
+    ];
+  },
+  unmounted() {
+    window.removeEventListener("click", this.clearOpenType);
+  }
+};
+const _hoisted_1 = {
+  key: 0,
+  class: "nav"
+};
+const _hoisted_2 = { class: "container" };
+const _hoisted_3 = { class: "left" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = { class: "home-nav" };
+const _hoisted_6 = ["onContextmenu"];
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { class: "router-dropdown-link" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = { class: "right" };
+const _hoisted_11 = { class: "skin-theme" };
+const _hoisted_12 = ["onClick"];
+const _hoisted_13 = ["src"];
+const _hoisted_14 = {
+  key: 0,
+  class: "skin-theme-select el-icon-success"
+};
+const _hoisted_15 = { class: "photo" };
+const _hoisted_16 = { class: "el-dropdown-link" };
+const _hoisted_17 = { class: "sub-menu" };
+const _hoisted_18 = { class: "sub-menu-inner" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_popover = resolveComponent("el-popover");
+  const _component_el_menu_item = resolveComponent("el-menu-item");
+  const _component_el_menu = resolveComponent("el-menu");
+  const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+  const _component_el_dropdown = resolveComponent("el-dropdown");
+  const _component_el_avatar = resolveComponent("el-avatar");
+  return openBlock(), createElementBlock("div", null, [
+    !_ctx.$isMobile ? (openBlock(), createElementBlock("div", _hoisted_1, [
+      createElementVNode("div", _hoisted_2, [
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", {
+            class: "logo",
+            onClick: _cache[0] || (_cache[0] = (...args) => $options.backModule && $options.backModule(...args))
+          }, [
+            createElementVNode("img", {
+              src: $data.module.ICON ? _ctx.$util.getFileUrl($data.module.ICON) : __cjsReq6,
+              alt: ""
+            }, null, 8, _hoisted_4),
+            createElementVNode("span", null, toDisplayString($data.module.NAME || _ctx.appConfig.TITLE), 1)
+          ]),
+          createElementVNode("div", _hoisted_5, [
+            createVNode(_component_el_menu, {
+              "default-active": _ctx.$route.query.moduleId,
+              class: "epx-header-menu",
+              "text-color": "#fff",
+              "active-text-color": "#fff",
+              mode: "horizontal",
+              ellipsis: false
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList($data.navList, (nav) => {
+                  return openBlock(), createBlock(_component_el_menu_item, {
+                    key: nav.ID,
+                    onClick: ($event) => $options.toPage(nav),
+                    index: nav.ID
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_popover, {
+                        placement: "bottom",
+                        trigger: "manual",
+                        value: $data.openType === nav.ID
+                      }, {
+                        reference: withCtx(() => [
+                          createElementVNode("span", {
+                            onContextmenu: withModifiers(($event) => $data.openType = nav.ID, ["prevent"])
+                          }, [
+                            createElementVNode("i", {
+                              class: normalizeClass(["fa", nav.FONT_ICON])
+                            }, null, 2),
+                            createElementVNode("span", null, toDisplayString(nav.NAME), 1)
+                          ], 40, _hoisted_6)
+                        ]),
+                        default: withCtx(() => [
+                          createElementVNode("div", {
+                            class: "popover-btn",
+                            onClick: ($event) => $options.toPage(nav, 1)
+                          }, "打开新标签", 8, _hoisted_7)
+                        ]),
+                        _: 2
+                      }, 1032, ["value"])
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick", "index"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["default-active"]),
+            $options.tabs.length > 0 ? (openBlock(), createBlock(_component_el_dropdown, {
+              key: 0,
+              onCommand: $options.selectTab
+            }, {
+              dropdown: withCtx(() => [
+                createVNode(_component_el_dropdown_menu, null, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList($options.tabs, (tab) => {
+                      return openBlock(), createBlock(_component_el_dropdown_item, {
+                        key: tab.key,
+                        command: tab
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(tab.title) + " ", 1),
+                          createElementVNode("i", {
+                            class: "el-icon-error",
+                            onClick: ($event) => $options.deleteTab(tab)
+                          }, null, 8, _hoisted_9)
+                        ]),
+                        _: 2
+                      }, 1032, ["command"]);
+                    }), 128)),
+                    createVNode(_component_el_dropdown_item, { onClick: $options.clearTabs }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_button, {
+                          class: "clear-routers",
+                          type: "primary",
+                          link: ""
+                        }, {
+                          default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                            createElementVNode("i", { class: "el-icon-document-delete" }, null, -1),
+                            createTextVNode("清空", -1)
+                          ])]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: withCtx(() => [
+                createElementVNode("span", _hoisted_8, [
+                  createTextVNode(toDisplayString($options.currentTab && $options.currentTab.title), 1),
+                  _cache[2] || (_cache[2] = createElementVNode("i", { class: "el-icon-arrow-down el-icon--right" }, null, -1))
+                ])
+              ]),
+              _: 1
+            }, 8, ["onCommand"])) : createCommentVNode("", true)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_10, [
+          createVNode(_component_el_popover, {
+            "popper-class": "skin-popover",
+            trigger: "click"
+          }, {
+            reference: withCtx(() => [..._cache[4] || (_cache[4] = [
+              createElementVNode("div", { class: "skin" }, [
+                createElementVNode("i", { class: "skin-icon epx-icon-skin" }),
+                createElementVNode("span", { class: "skin-text" }, "换肤")
+              ], -1)
+            ])]),
+            default: withCtx(() => [
+              createElementVNode("ul", _hoisted_11, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList($data.themeList, (theme) => {
+                  return openBlock(), createElementBlock("li", {
+                    class: normalizeClass({ "is-active": theme.key === $data.selectTheme }),
+                    key: theme.key,
+                    onClick: ($event) => $options.changeTheme(theme)
+                  }, [
+                    createElementVNode("img", {
+                      src: theme.icon,
+                      alt: ""
+                    }, null, 8, _hoisted_13),
+                    theme.key === $data.selectTheme ? (openBlock(), createElementBlock("i", _hoisted_14)) : createCommentVNode("", true)
+                  ], 10, _hoisted_12);
+                }), 128))
+              ])
+            ]),
+            _: 1
+          }),
+          createElementVNode("div", {
+            class: "setting",
+            onClick: _cache[1] || (_cache[1] = (...args) => $options.openSetting && $options.openSetting(...args))
+          }, [..._cache[5] || (_cache[5] = [
+            createElementVNode("i", { class: "el-icon-s-tools" }, null, -1),
+            createElementVNode("span", null, "配置", -1)
+          ])]),
+          createElementVNode("div", _hoisted_15, [
+            createVNode(_component_el_avatar, { src: $options.photo }, null, 8, ["src"])
+          ]),
+          createVNode(_component_el_dropdown, { trigger: "click" }, {
+            dropdown: withCtx(() => [
+              createVNode(_component_el_dropdown_menu, null, {
+                default: withCtx(() => [
+                  $data.roleList.length > 0 ? (openBlock(), createBlock(_component_el_dropdown_item, {
+                    key: 0,
+                    command: "a"
+                  }, {
+                    default: withCtx(() => [
+                      _cache[8] || (_cache[8] = createTextVNode("切换角色 ", -1)),
+                      _cache[9] || (_cache[9] = createElementVNode("i", { class: "el-icon-arrow-right" }, null, -1)),
+                      createElementVNode("div", _hoisted_17, [
+                        createElementVNode("div", _hoisted_18, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList($data.roleList, (role) => {
+                            return openBlock(), createBlock(_component_el_dropdown_item, {
+                              onClick: ($event) => $options.switchRole(role.ID),
+                              key: role.ID
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(role.NAME), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["onClick"]);
+                          }), 128)),
+                          _cache[7] || (_cache[7] = createElementVNode("div", {
+                            "x-arrow": "",
+                            class: "popper__arrow",
+                            style: { "left": "99px" }
+                          }, null, -1))
+                        ])
+                      ])
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true),
+                  createVNode(_component_el_dropdown_item, {
+                    command: "d",
+                    onClick: $options.logout
+                  }, {
+                    default: withCtx(() => [..._cache[10] || (_cache[10] = [
+                      createTextVNode("退出登录", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+              })
+            ]),
+            default: withCtx(() => [
+              createElementVNode("span", _hoisted_16, [
+                createTextVNode(toDisplayString(_ctx.user.name) + "（" + toDisplayString($options.currentRoleEntity.NAME) + "）", 1),
+                _cache[6] || (_cache[6] = createElementVNode("i", { class: "el-icon-arrow-down el-icon--right" }, null, -1))
+              ])
+            ]),
+            _: 1
+          })
+        ])
+      ])
+    ])) : createCommentVNode("", true)
+  ]);
+}
+const Nav = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f678707d"]]);
+export {
+  Nav as default
+};

package/dist/src/components/NavFormCatalogItem.js

@@ -0,0 +1,7 @@
+import '../../style.css';
+const _sfc_main = {
+  name: "epx-nav-form-catalog-item"
+};
+export {
+  _sfc_main as default
+};

package/dist/src/components/NumList.js

@@ -0,0 +1,60 @@
+import '../../style.css';
+import { openBlock, createElementBlock, Fragment, renderList, normalizeStyle, createElementVNode, normalizeClass, toDisplayString } from "vue";
+/* empty css            */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-num-list",
+  props: ["config"],
+  data: function() {
+    return {
+      counts: []
+    };
+  },
+  methods: {
+    getCount(index, params) {
+      this.$http.getCount({
+        ...params
+      }).then((data) => {
+        this.counts[index] = data.total || 0;
+      });
+    }
+  },
+  created() {
+    const { children = [] } = this.config || {};
+    children.forEach((item, index) => {
+      this.getCount(index, item.countScope);
+    });
+  }
+};
+const _hoisted_1 = { class: "epx-num-list" };
+const _hoisted_2 = { class: "icon" };
+const _hoisted_3 = { class: "content" };
+const _hoisted_4 = { class: "title" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("ul", _hoisted_1, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList($props.config.children, (item, index) => {
+      return openBlock(), createElementBlock("li", {
+        class: "epx-num-item",
+        key: index,
+        style: normalizeStyle({ background: item.color })
+      }, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("i", {
+            class: normalizeClass(`fa ${item.icon}`)
+          }, null, 2)
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("p", _hoisted_4, toDisplayString(item.title), 1),
+          createElementVNode("p", {
+            class: "count",
+            style: normalizeStyle({ color: item.color })
+          }, toDisplayString(_ctx.counts[index]), 5)
+        ])
+      ], 4);
+    }), 128))
+  ]);
+}
+const NumList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f9dfbe35"]]);
+export {
+  NumList as default
+};