@fmdevui/fm-dev 1.0.14 → 1.0.16

package/es/packages/core/layout/navBars/topBar/userNews.vue2.mjs

@@ -0,0 +1,233 @@
+import { defineComponent, reactive, resolveComponent, createElementBlock, openBlock, createVNode, withCtx, createElementVNode, createCommentVNode, createBlock, Fragment, renderList, withDirectives, toDisplayString, unref, vShow, createTextVNode } from 'vue';
+import { useRouter } from 'vue-router';
+import commonFunction from '../../../utils/comm/commonFunction.mjs';
+import '../../../../../node_modules/.pnpm/@wangeditor_editor@5.1.23/node_modules/@wangeditor/editor/dist/css/style.css.mjs';
+import '../../../api/index.mjs';
+import { useSysApi } from '../../../api/sys/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-title" };
+const _hoisted_6 = { class: "notice-content" };
+const _hoisted_7 = { class: "notice-time" };
+const _hoisted_8 = { style: { "margin-left": "5px" } };
+const _hoisted_9 = { style: { "height": "400px", "overflow-y": "auto", "padding-right": "10px" } };
+const _hoisted_10 = { style: { "color": "#fff" } };
+const _hoisted_11 = { class: "w-e-text-container" };
+const _hoisted_12 = ["innerHTML"];
+const _hoisted_13 = { 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 router = useRouter();
+    const goToNotice = () => {
+      router.push("/dashboard/notice");
+    };
+    const viewNoticeDetail = async (notice) => {
+      state.content = notice.content;
+      state.dialogVisible = true;
+      notice.readStatus = 1;
+      await useSysApi().setNoticeRead({ id: notice.id });
+    };
+    return (_ctx, _cache) => {
+      const _component_ele_Bell = resolveComponent("ele-Bell");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_divider = resolveComponent("el-divider");
+      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,
+                          toDisplayString(v.type == 1 ? "\u3010" + _ctx.$t("message.list.notice") + "\u3011" : "\u3010" + _ctx.$t("message.list.announcement") + "\u3011") + toDisplayString(v.title),
+                          1
+                          /* TEXT */
+                        ),
+                        createElementVNode(
+                          "div",
+                          _hoisted_6,
+                          toDisplayString(unref(removeHtmlSub)(v.content)),
+                          1
+                          /* TEXT */
+                        ),
+                        createElementVNode(
+                          "div",
+                          _hoisted_7,
+                          toDisplayString(v.publicTime),
+                          1
+                          /* TEXT */
+                        ),
+                        createVNode(_component_el_divider, {
+                          "border-style": "dashed",
+                          style: { "margin": "10px 0" }
+                        })
+                      ], 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")
+                  }, 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_8,
+                  toDisplayString(_ctx.$t("message.list.my")),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_9, [
+                  createVNode(_component_el_empty, {
+                    description: _ctx.$t("message.list.empty")
+                  }, 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_10, [
+              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_13, [
+              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_11, [
+              createElementVNode("div", {
+                innerHTML: state.content,
+                "data-slate-editor": ""
+              }, null, 8, _hoisted_12)
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/core/layout/navBars/topBar/userNews.vue3.mjs

@@ -0,0 +1,3 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };

package/es/packages/core/layout/navMenu/horizontal.vue.mjs

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

package/es/packages/core/layout/navMenu/horizontal.vue2.mjs

@@ -0,0 +1,181 @@
+import { defineComponent, reactive, computed, onBeforeMount, resolveComponent, createElementBlock, openBlock, 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 other from '../../utils/other/index.mjs';
+import emitter from '../../utils/emit/index.mjs';
+import './subItem.vue.mjs';
+import _sfc_main$1 from './subItem.vue2.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 = _sfc_main$1;
+    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) => !item.meta?.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?.split("/")[1]}`;
+      } else {
+        const pathSplit = meta?.isDynamic ? meta.isDynamicPath.split("/") : path.split("/");
+        if (pathSplit.length >= 4 && 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/core/layout/navMenu/style/css.mjs

@@ -0,0 +1 @@
+import 'fm-dev/theme-chalk/t-layoutnavmenu.css';

package/es/packages/core/layout/navMenu/style/index.mjs

@@ -0,0 +1 @@
+import 'fm-dev/theme-chalk/src/t-layoutnavmenu.scss';

package/es/packages/core/layout/navMenu/subItem.vue.mjs

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

package/es/packages/core/layout/navMenu/subItem.vue2.mjs

@@ -0,0 +1,110 @@
+import { defineComponent, computed, resolveComponent, createElementBlock, openBlock, Fragment, renderList, createBlock, withCtx, createVNode, createElementVNode, toDisplayString, withModifiers, createTextVNode } from 'vue';
+import other from '../../utils/other/index.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
+                  }, 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
+                      }, 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
+                    }, 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/core/layout/navMenu/vertical.vue.mjs

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