@fmdeui/fmui 1.0.28 → 1.0.29

package/es/packages/components/fm-layout/src/navBars/topBar/userNews.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './userNews.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/navBars/topBar/userNews.vue2.mjs

@@ -0,0 +1,255 @@
+import { defineComponent, reactive, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, Fragment, renderList, withDirectives, createBlock, toDisplayString, unref, vShow, createCommentVNode, createTextVNode } from 'vue';
+import '../../../../../api/index.mjs';
+import commonFunction from '../../../../../hooks/commonFunction.mjs';
+import '../../../../../router/index.mjs';
+import { router } from '../../../../../router/createRouter.mjs';
+import { useBaseApi } from '../../../../../api/base/index.mjs';
+
+const _hoisted_1 = { class: "user-news-container" };
+const _hoisted_2 = { style: { "margin-left": "5px" } };
+const _hoisted_3 = { class: "notice-box" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "notice-item-icon" };
+const _hoisted_6 = { class: "notice-title" };
+const _hoisted_7 = { class: "notice-content" };
+const _hoisted_8 = { class: "notice-time" };
+const _hoisted_9 = { style: { "margin-left": "5px" } };
+const _hoisted_10 = {
+  class: "notice-box",
+  style: { "height": "435px" }
+};
+const _hoisted_11 = { style: { "color": "#fff" } };
+const _hoisted_12 = { class: "w-e-text-container" };
+const _hoisted_13 = ["innerHTML"];
+const _hoisted_14 = { class: "dialog-footer" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "userNews",
+  props: {
+    noticeList: Array
+  },
+  setup(__props) {
+    const { removeHtmlSub } = commonFunction();
+    const state = reactive({
+      dialogVisible: false,
+      content: ""
+    });
+    const goToNotice = () => {
+      router.push("/dashboard/notice");
+    };
+    const viewNoticeDetail = async (notice) => {
+      state.content = notice.content;
+      state.dialogVisible = true;
+      notice.readStatus = 1;
+      await useBaseApi("sysNotice").post({ id: notice.id }, "setRead");
+    };
+    return (_ctx, _cache) => {
+      const _component_ele_Bell = resolveComponent("ele-Bell");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_ele_Notification = resolveComponent("ele-Notification");
+      const _component_ele_Message = resolveComponent("ele-Message");
+      const _component_el_empty = resolveComponent("el-empty");
+      const _component_el_tab_pane = resolveComponent("el-tab-pane");
+      const _component_ele_Position = resolveComponent("ele-Position");
+      const _component_el_tabs = resolveComponent("el-tabs");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_tabs, {
+          stretch: "",
+          class: "content-box"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_tab_pane, {
+              label: _ctx.$t("message.list.messageInbox")
+            }, {
+              label: withCtx(() => [
+                createVNode(_component_el_icon, null, {
+                  default: withCtx(() => [
+                    createVNode(_component_ele_Bell)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createElementVNode(
+                  "span",
+                  _hoisted_2,
+                  toDisplayString(_ctx.$t("message.list.messageInbox")),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_3, [
+                  __props.noticeList.length > 0 ? (openBlock(true), createElementBlock(
+                    Fragment,
+                    { key: 0 },
+                    renderList(__props.noticeList, (v, k) => {
+                      return withDirectives((openBlock(), createElementBlock("div", {
+                        class: "notice-item",
+                        key: k,
+                        onClick: ($event) => viewNoticeDetail(v)
+                      }, [
+                        createElementVNode("div", _hoisted_5, [
+                          createVNode(
+                            _component_el_icon,
+                            {
+                              size: "24",
+                              color: "var(--el-color-primary)"
+                            },
+                            {
+                              default: withCtx(() => [
+                                v.type == 1 ? (openBlock(), createBlock(_component_ele_Notification, { key: 0 })) : (openBlock(), createBlock(_component_ele_Message, { key: 1 }))
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            },
+                            1024
+                            /* DYNAMIC_SLOTS */
+                          )
+                        ]),
+                        createElementVNode("div", null, [
+                          createElementVNode(
+                            "div",
+                            _hoisted_6,
+                            toDisplayString(v.title),
+                            1
+                            /* TEXT */
+                          ),
+                          createElementVNode(
+                            "div",
+                            _hoisted_7,
+                            toDisplayString(unref(removeHtmlSub)(v.content)),
+                            1
+                            /* TEXT */
+                          ),
+                          createElementVNode(
+                            "div",
+                            _hoisted_8,
+                            toDisplayString(v.publicTime),
+                            1
+                            /* TEXT */
+                          )
+                        ])
+                      ], 8, _hoisted_4)), [
+                        [vShow, v.readStatus == 1 ? false : true]
+                      ]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  )) : (openBlock(), createBlock(_component_el_empty, {
+                    key: 1,
+                    description: _ctx.$t("message.list.empty"),
+                    style: { "height": "85%" }
+                  }, null, 8, ["description"]))
+                ]),
+                __props.noticeList.length > 0 ? (openBlock(), createElementBlock(
+                  "div",
+                  {
+                    key: 0,
+                    class: "notice-foot",
+                    onClick: goToNotice
+                  },
+                  toDisplayString(_ctx.$t("message.list.goToNotice")),
+                  1
+                  /* TEXT */
+                )) : createCommentVNode("v-if", true)
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["label"]),
+            createVNode(_component_el_tab_pane, {
+              label: _ctx.$t("message.list.my")
+            }, {
+              label: withCtx(() => [
+                createVNode(_component_el_icon, null, {
+                  default: withCtx(() => [
+                    createVNode(_component_ele_Position)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createElementVNode(
+                  "span",
+                  _hoisted_9,
+                  toDisplayString(_ctx.$t("message.list.my")),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_10, [
+                  createVNode(_component_el_empty, {
+                    description: _ctx.$t("message.list.empty"),
+                    style: { "height": "85%" }
+                  }, null, 8, ["description"])
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["label"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        createVNode(_component_el_dialog, {
+          modelValue: state.dialogVisible,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.dialogVisible = $event),
+          draggable: "",
+          width: "769px"
+        }, {
+          header: withCtx(() => [
+            createElementVNode("div", _hoisted_11, [
+              createVNode(_component_el_icon, {
+                size: "16",
+                style: { "margin-right": "3px", "display": "inline", "vertical-align": "middle" }
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_ele_Bell)
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createElementVNode(
+                "span",
+                null,
+                toDisplayString(_ctx.$t("message.list.messageDetail")),
+                1
+                /* TEXT */
+              )
+            ])
+          ]),
+          footer: withCtx(() => [
+            createElementVNode("span", _hoisted_14, [
+              createVNode(_component_el_button, {
+                type: "primary",
+                onClick: _cache[0] || (_cache[0] = ($event) => state.dialogVisible = false)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString(_ctx.$t("message.list.confirm")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_12, [
+              createElementVNode("div", {
+                innerHTML: state.content,
+                "data-slate-editor": ""
+              }, null, 8, _hoisted_13)
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/navMenu/horizontal.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './horizontal.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/navMenu/horizontal.vue2.mjs

@@ -0,0 +1,182 @@
+import { defineComponent, defineAsyncComponent, reactive, computed, onBeforeMount, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, Fragment, renderList, createBlock, unref, createElementVNode, toDisplayString, createSlots, createTextVNode, withModifiers } from 'vue';
+import { useRoute, onBeforeRouteUpdate } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import '../../../../stores/index.mjs';
+import emitter from '../../../../utils/mitt.mjs';
+import other from '../../../../hooks/other.mjs';
+import { useRoutesList } from '../../../../stores/routesList.mjs';
+import { useThemeConfig } from '../../../../stores/themeConfig.mjs';
+
+const _hoisted_1 = { class: "el-menu-horizontal-warp" };
+const _hoisted_2 = ["onClick"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "horizontal",
+  props: {
+    // 菜单列表
+    menuList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(__props) {
+    const SubItem = defineAsyncComponent(() => import('./subItem.vue.mjs'));
+    const props = __props;
+    const stores = useRoutesList();
+    const storesThemeConfig = useThemeConfig();
+    const { routesList } = storeToRefs(stores);
+    const { themeConfig } = storeToRefs(storesThemeConfig);
+    const route = useRoute();
+    const state = reactive({
+      defaultActive: ""
+    });
+    const menuLists = computed(() => {
+      return props.menuList;
+    });
+    const filterRoutesFun = (arr) => {
+      return arr.filter((item) => {
+        var _a;
+        return !((_a = item.meta) == null ? void 0 : _a.isHide);
+      }).map((item) => {
+        item = Object.assign({}, item);
+        if (item.children) item.children = filterRoutesFun(item.children);
+        return item;
+      });
+    };
+    const setSendClassicChildren = (path) => {
+      const currentPathSplit = path.split("/");
+      let currentData = { children: [] };
+      filterRoutesFun(routesList.value).map((v, k) => {
+        if (v.path === `/${currentPathSplit[1]}`) {
+          v["k"] = k;
+          currentData["item"] = { ...v };
+          currentData["children"] = [{ ...v }];
+          if (v.children) currentData["children"] = v.children;
+        }
+      });
+      return currentData;
+    };
+    const setCurrentRouterHighlight = (currentRoute) => {
+      const { path, meta } = currentRoute;
+      if (themeConfig.value.layout === "classic") {
+        state.defaultActive = `/${path == null ? void 0 : path.split("/")[1]}`;
+      } else {
+        const pathSplit = (meta == null ? void 0 : meta.isDynamic) ? meta.isDynamicPath.split("/") : path.split("/");
+        if (pathSplit.length >= 4 && (meta == null ? void 0 : meta.isHide)) state.defaultActive = pathSplit.splice(0, 3).join("/");
+        else state.defaultActive = path;
+      }
+    };
+    const onALinkClick = (val) => {
+      other.handleOpenLink(val);
+    };
+    onBeforeMount(() => {
+      setCurrentRouterHighlight(route);
+    });
+    onBeforeRouteUpdate((to) => {
+      setCurrentRouterHighlight(to);
+      let { layout, isClassicSplitMenu } = themeConfig.value;
+      if (layout === "classic" && isClassicSplitMenu) {
+        emitter.emit("setSendClassicChildren", setSendClassicChildren(to.path));
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_SvgIcon = resolveComponent("SvgIcon");
+      const _component_el_sub_menu = resolveComponent("el-sub-menu");
+      const _component_el_menu_item = resolveComponent("el-menu-item");
+      const _component_el_menu = resolveComponent("el-menu");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_menu, {
+          router: "",
+          "default-active": state.defaultActive,
+          "background-color": "transparent",
+          mode: "horizontal"
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(menuLists.value, (val) => {
+                return openBlock(), createElementBlock(
+                  Fragment,
+                  null,
+                  [
+                    val.children && val.children.length > 0 ? (openBlock(), createBlock(_component_el_sub_menu, {
+                      index: val.path,
+                      key: val.path
+                    }, {
+                      title: withCtx(() => [
+                        createVNode(_component_SvgIcon, {
+                          name: val.meta.icon
+                        }, null, 8, ["name"]),
+                        createElementVNode(
+                          "span",
+                          null,
+                          toDisplayString(_ctx.$t(`message.menu.${val.meta.title}`)),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      default: withCtx(() => [
+                        createVNode(unref(SubItem), {
+                          chil: val.children
+                        }, null, 8, ["chil"])
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1032, ["index"])) : (openBlock(), createBlock(_component_el_menu_item, {
+                      index: val.path,
+                      key: val.path
+                    }, createSlots({
+                      _: 2
+                      /* DYNAMIC */
+                    }, [
+                      !val.meta.isLink || val.meta.isLink && val.meta.isIframe ? {
+                        name: "title",
+                        fn: withCtx(() => [
+                          createVNode(_component_SvgIcon, {
+                            name: val.meta.icon
+                          }, null, 8, ["name"]),
+                          createTextVNode(
+                            " " + toDisplayString(_ctx.$t(`message.menu.${val.meta.title}`)),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        key: "0"
+                      } : {
+                        name: "title",
+                        fn: withCtx(() => [
+                          createElementVNode("a", {
+                            class: "w100",
+                            onClick: withModifiers(($event) => onALinkClick(val), ["prevent"])
+                          }, [
+                            createVNode(_component_SvgIcon, {
+                              name: val.meta.icon
+                            }, null, 8, ["name"]),
+                            createTextVNode(
+                              " " + toDisplayString(_ctx.$t(`message.menu.${val.meta.title}`)),
+                              1
+                              /* TEXT */
+                            )
+                          ], 8, _hoisted_2)
+                        ]),
+                        key: "1"
+                      }
+                    ]), 1032, ["index"]))
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                );
+              }),
+              256
+              /* UNKEYED_FRAGMENT */
+            ))
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["default-active"])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/navMenu/subItem.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './subItem.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/navMenu/subItem.vue2.mjs

@@ -0,0 +1,113 @@
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, createVNode, createElementVNode, toDisplayString, withModifiers, createTextVNode } from 'vue';
+import other from '../../../../hooks/other.mjs';
+
+const _hoisted_1 = ["onClick"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "subItem",
+  props: {
+    // 菜单列表
+    chil: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const chils = computed(() => {
+      return props.chil;
+    });
+    const onALinkClick = (val) => {
+      other.handleOpenLink(val);
+    };
+    return (_ctx, _cache) => {
+      const _component_SvgIcon = resolveComponent("SvgIcon");
+      const _component_sub_item = resolveComponent("sub-item", true);
+      const _component_el_sub_menu = resolveComponent("el-sub-menu");
+      const _component_el_menu_item = resolveComponent("el-menu-item");
+      return openBlock(true), createElementBlock(
+        Fragment,
+        null,
+        renderList(chils.value, (val) => {
+          return openBlock(), createElementBlock(
+            Fragment,
+            null,
+            [
+              val.children && val.children.length > 0 ? (openBlock(), createBlock(_component_el_sub_menu, {
+                index: val.path,
+                key: val.path
+              }, {
+                title: withCtx(() => [
+                  createVNode(_component_SvgIcon, {
+                    name: val.meta.icon,
+                    style: { "font-size": "16px" }
+                  }, null, 8, ["name"]),
+                  createElementVNode(
+                    "span",
+                    null,
+                    toDisplayString(_ctx.$t(`message.menu.${val.meta.title}`)),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                default: withCtx(() => [
+                  createVNode(_component_sub_item, {
+                    chil: val.children
+                  }, null, 8, ["chil"])
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["index"])) : (openBlock(), createBlock(_component_el_menu_item, {
+                index: val.path,
+                key: val.path
+              }, {
+                default: withCtx(() => [
+                  !val.meta.isLink || val.meta.isLink && val.meta.isIframe ? (openBlock(), createElementBlock(
+                    Fragment,
+                    { key: 0 },
+                    [
+                      createVNode(_component_SvgIcon, {
+                        name: val.meta.icon,
+                        style: { "font-size": "16px" }
+                      }, null, 8, ["name"]),
+                      createElementVNode(
+                        "span",
+                        null,
+                        toDisplayString(_ctx.$t(`message.menu.${val.meta.title}`)),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  )) : (openBlock(), createElementBlock("a", {
+                    key: 1,
+                    class: "w100",
+                    onClick: withModifiers(($event) => onALinkClick(val), ["prevent"])
+                  }, [
+                    createVNode(_component_SvgIcon, {
+                      name: val.meta.icon,
+                      style: { "font-size": "16px" }
+                    }, null, 8, ["name"]),
+                    createTextVNode(
+                      " " + toDisplayString(_ctx.$t(`message.menu.${val.meta.title}`)),
+                      1
+                      /* TEXT */
+                    )
+                  ], 8, _hoisted_1))
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["index"]))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          );
+        }),
+        256
+        /* UNKEYED_FRAGMENT */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/navMenu/vertical.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './vertical.vue2.mjs';
+
+
+
+export { _sfc_main as default };