@maketribe/ms-app 3.2.45 → 4.0.0-alpha.1

package/dist/esm/store/modules/settings.js

@@ -0,0 +1,166 @@
+import { defaultsDeep } from "lodash-es";
+import settingsDefault from "../../settings.js";
+import { defineStore } from "pinia";
+import { ref, watch } from "vue";
+const useSettingsStore = defineStore(
+  // 唯一ID
+  "settings",
+  () => {
+    const settings = ref(settingsDefault);
+    const prefersColorScheme = window.matchMedia(
+      "(prefers-color-scheme: dark)"
+    );
+    const currentColorScheme = ref();
+    watch(
+      () => settings.value.app.colorScheme,
+      (val) => {
+        if (val === "") {
+          prefersColorScheme.addEventListener("change", updateTheme);
+        } else {
+          prefersColorScheme.removeEventListener("change", updateTheme);
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    watch(() => settings.value.app.colorScheme, updateTheme, {
+      immediate: true
+    });
+    function updateTheme() {
+      let colorScheme = settings.value.app.colorScheme;
+      if (colorScheme === "") {
+        colorScheme = prefersColorScheme.matches ? "dark" : "light";
+      }
+      currentColorScheme.value = colorScheme;
+      switch (colorScheme) {
+        case "light":
+          document.documentElement.classList.remove("dark");
+          break;
+        case "dark":
+          document.documentElement.classList.add("dark");
+          break;
+      }
+    }
+    watch(
+      [
+        () => settings.value.app.enableMournMode,
+        () => settings.value.app.enableColorAmblyopiaMode
+      ],
+      (val) => {
+        document.documentElement.style.removeProperty("filter");
+        if (val[0] && val[1]) {
+          document.documentElement.style.setProperty(
+            "filter",
+            "grayscale(100%) invert(80%)"
+          );
+        } else if (val[0]) {
+          document.documentElement.style.setProperty(
+            "filter",
+            "grayscale(100%)"
+          );
+        } else if (val[1]) {
+          document.documentElement.style.setProperty("filter", "invert(80%)");
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    watch(
+      () => settings.value.menu.mode,
+      (val) => {
+        document.body.setAttribute("data-menu-mode", val);
+      },
+      {
+        immediate: true
+      }
+    );
+    const os = ref("other");
+    const agent = navigator.userAgent.toLowerCase();
+    switch (true) {
+      case agent.includes("mac os"):
+        os.value = "mac";
+        break;
+      case agent.includes("windows"):
+        os.value = "windows";
+        break;
+      case agent.includes("linux"):
+        os.value = "linux";
+        break;
+    }
+    const title = ref();
+    function setTitle(_title) {
+      title.value = _title;
+    }
+    const mode = ref("pc");
+    function setMode(width) {
+      if (settings.value.layout.enableMobileAdaptation) {
+        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+          navigator.userAgent
+        )) {
+          mode.value = "mobile";
+        } else {
+          mode.value = width < 1024 ? "mobile" : "pc";
+        }
+      } else {
+        mode.value = "pc";
+      }
+    }
+    function toggleSidebarCollapse() {
+      settings.value.menu.subMenuCollapse = !settings.value.menu.subMenuCollapse;
+    }
+    const subMenuCollapseLastStatus = ref(settingsDefault.menu.subMenuCollapse);
+    watch(
+      () => settings.value.menu.subMenuCollapse,
+      (val) => {
+        if (mode.value === "pc") {
+          subMenuCollapseLastStatus.value = val;
+        }
+      }
+    );
+    watch(
+      mode,
+      (val) => {
+        switch (val) {
+          case "pc":
+            settings.value.menu.subMenuCollapse = subMenuCollapseLastStatus.value;
+            break;
+          case "mobile":
+            settings.value.menu.subMenuCollapse = true;
+            break;
+        }
+        document.body.setAttribute("data-mode", val);
+      },
+      {
+        immediate: true
+      }
+    );
+    function setColorScheme(color) {
+      settings.value.app.colorScheme = color;
+    }
+    function updateSettings(data, fromBase = false) {
+      settings.value = defaultsDeep(
+        data,
+        fromBase ? settingsDefault : settings.value
+      );
+    }
+    return {
+      settings,
+      currentColorScheme,
+      os,
+      title,
+      setTitle,
+      mode,
+      setMode,
+      subMenuCollapseLastStatus,
+      toggleSidebarCollapse,
+      setColorScheme,
+      updateSettings
+    };
+  }
+);
+export {
+  useSettingsStore as default
+};
+//# sourceMappingURL=settings.js.map

package/dist/esm/store/modules/settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.js","sources":["../../../../src/store/modules/settings.ts"],"sourcesContent":["import { defaultsDeep } from \"lodash-es\";\r\nimport type { RouteMeta } from \"vue-router\";\r\nimport type { Settings } from \"../../types/global\";\r\nimport settingsDefault from \"../../settings\";\r\nimport { defineStore } from \"pinia\";\r\nimport { ref, watch } from \"vue\";\r\n\r\nconst useSettingsStore = defineStore(\r\n  // 唯一ID\r\n  \"settings\",\r\n  () => {\r\n    const settings = ref(settingsDefault);\r\n\r\n    const prefersColorScheme = window.matchMedia(\r\n      \"(prefers-color-scheme: dark)\"\r\n    );\r\n    const currentColorScheme = ref<Exclude<Settings.app[\"colorScheme\"], \"\">>();\r\n    watch(\r\n      () => settings.value.app.colorScheme,\r\n      (val) => {\r\n        if (val === \"\") {\r\n          prefersColorScheme.addEventListener(\"change\", updateTheme);\r\n        } else {\r\n          prefersColorScheme.removeEventListener(\"change\", updateTheme);\r\n        }\r\n      },\r\n      {\r\n        immediate: true,\r\n      }\r\n    );\r\n    watch(() => settings.value.app.colorScheme, updateTheme, {\r\n      immediate: true,\r\n    });\r\n    function updateTheme() {\r\n      let colorScheme = settings.value.app.colorScheme;\r\n      if (colorScheme === \"\") {\r\n        colorScheme = prefersColorScheme.matches ? \"dark\" : \"light\";\r\n      }\r\n      currentColorScheme.value = colorScheme;\r\n      switch (colorScheme) {\r\n        case \"light\":\r\n          document.documentElement.classList.remove(\"dark\");\r\n          break;\r\n        case \"dark\":\r\n          document.documentElement.classList.add(\"dark\");\r\n          break;\r\n      }\r\n    }\r\n    watch(\r\n      [\r\n        () => settings.value.app.enableMournMode,\r\n        () => settings.value.app.enableColorAmblyopiaMode,\r\n      ],\r\n      (val) => {\r\n        document.documentElement.style.removeProperty(\"filter\");\r\n        if (val[0] && val[1]) {\r\n          document.documentElement.style.setProperty(\r\n            \"filter\",\r\n            \"grayscale(100%) invert(80%)\"\r\n          );\r\n        } else if (val[0]) {\r\n          document.documentElement.style.setProperty(\r\n            \"filter\",\r\n            \"grayscale(100%)\"\r\n          );\r\n        } else if (val[1]) {\r\n          document.documentElement.style.setProperty(\"filter\", \"invert(80%)\");\r\n        }\r\n      },\r\n      {\r\n        immediate: true,\r\n      }\r\n    );\r\n\r\n    watch(\r\n      () => settings.value.menu.mode,\r\n      (val) => {\r\n        document.body.setAttribute(\"data-menu-mode\", val);\r\n      },\r\n      {\r\n        immediate: true,\r\n      }\r\n    );\r\n\r\n    // 操作系统\r\n    const os = ref<\"mac\" | \"windows\" | \"linux\" | \"other\">(\"other\");\r\n    const agent = navigator.userAgent.toLowerCase();\r\n    switch (true) {\r\n      case agent.includes(\"mac os\"):\r\n        os.value = \"mac\";\r\n        break;\r\n      case agent.includes(\"windows\"):\r\n        os.value = \"windows\";\r\n        break;\r\n      case agent.includes(\"linux\"):\r\n        os.value = \"linux\";\r\n        break;\r\n    }\r\n\r\n    // 页面标题\r\n    const title = ref<RouteMeta[\"title\"]>();\r\n    // 记录页面标题\r\n    function setTitle(_title: RouteMeta[\"title\"]) {\r\n      title.value = _title;\r\n    }\r\n\r\n    // 显示模式\r\n    const mode = ref<\"pc\" | \"mobile\">(\"pc\");\r\n    // 设置显示模式\r\n    function setMode(width: number) {\r\n      if (settings.value.layout.enableMobileAdaptation) {\r\n        // 先判断 UA 是否为移动端设备（手机&平板）\r\n        if (\r\n          /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(\r\n            navigator.userAgent\r\n          )\r\n        ) {\r\n          mode.value = \"mobile\";\r\n        } else {\r\n          // 如果是桌面设备，则根据页面宽度判断是否需要切换为移动端展示\r\n          mode.value = width < 1024 ? \"mobile\" : \"pc\";\r\n        }\r\n      } else {\r\n        mode.value = \"pc\";\r\n      }\r\n    }\r\n\r\n    // 切换侧边栏导航展开/收起\r\n    function toggleSidebarCollapse() {\r\n      settings.value.menu.subMenuCollapse =\r\n        !settings.value.menu.subMenuCollapse;\r\n    }\r\n    // 次导航是否收起（用于记录 pc 模式下最后的状态）\r\n    const subMenuCollapseLastStatus = ref(settingsDefault.menu.subMenuCollapse);\r\n    watch(\r\n      () => settings.value.menu.subMenuCollapse,\r\n      (val) => {\r\n        if (mode.value === \"pc\") {\r\n          subMenuCollapseLastStatus.value = val;\r\n        }\r\n      }\r\n    );\r\n    watch(\r\n      mode,\r\n      (val) => {\r\n        switch (val) {\r\n          case \"pc\":\r\n            settings.value.menu.subMenuCollapse =\r\n              subMenuCollapseLastStatus.value;\r\n            break;\r\n          case \"mobile\":\r\n            settings.value.menu.subMenuCollapse = true;\r\n            break;\r\n        }\r\n        document.body.setAttribute(\"data-mode\", val);\r\n      },\r\n      {\r\n        immediate: true,\r\n      }\r\n    );\r\n\r\n    // 设置主题颜色模式\r\n    function setColorScheme(color: Required<Settings.app>[\"colorScheme\"]) {\r\n      settings.value.app.colorScheme = color;\r\n    }\r\n\r\n    // 更新应用配置\r\n    function updateSettings(data: Settings.all, fromBase = false) {\r\n      settings.value = defaultsDeep(\r\n        data,\r\n        fromBase ? settingsDefault : settings.value\r\n      );\r\n    }\r\n\r\n    return {\r\n      settings,\r\n      currentColorScheme,\r\n      os,\r\n      title,\r\n      setTitle,\r\n      mode,\r\n      setMode,\r\n      subMenuCollapseLastStatus,\r\n      toggleSidebarCollapse,\r\n      setColorScheme,\r\n      updateSettings,\r\n    };\r\n  }\r\n);\r\n\r\nexport default useSettingsStore;\r\n"],"names":[],"mappings":"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"}

package/dist/esm/store/modules/tabbar.js

@@ -0,0 +1,152 @@
+import useKeepAliveStore from "./keepAlive.js";
+import { defineStore } from "pinia";
+import { ref } from "vue";
+const useTabbarStore = defineStore(
+  // 唯一ID
+  "tabbar",
+  () => {
+    const keepAliveStore = useKeepAliveStore();
+    const list = ref([]);
+    const leaveIndex = ref(-1);
+    async function add(route) {
+      var _a, _b, _c;
+      const names = [];
+      route.matched.forEach((v, i) => {
+        var _a2;
+        if (i > 0) {
+          ((_a2 = v.components) == null ? void 0 : _a2.default.name) && names.push(v.components.default.name);
+        }
+      });
+      const meta = (_a = route.matched.at(-1)) == null ? void 0 : _a.meta;
+      const tabId = route.fullPath;
+      if (route.name !== "reload") {
+        const findTab = list.value.find((item) => {
+          if (item.routeName) {
+            return item.routeName === route.name;
+          } else {
+            return item.tabId === tabId;
+          }
+        });
+        if (!findTab) {
+          const listItem = {
+            tabId,
+            fullPath: route.fullPath,
+            routeName: route.name,
+            title: typeof (meta == null ? void 0 : meta.title) === "function" ? meta.title() : meta == null ? void 0 : meta.title,
+            icon: (meta == null ? void 0 : meta.icon) ?? ((_c = (_b = meta == null ? void 0 : meta.breadcrumbNeste) == null ? void 0 : _b.findLast((item) => item.icon)) == null ? void 0 : _c.icon),
+            name: names
+          };
+          if (leaveIndex.value >= 0) {
+            list.value.splice(leaveIndex.value + 1, 0, listItem);
+            leaveIndex.value = -1;
+          } else {
+            list.value.push(listItem);
+          }
+        }
+      }
+    }
+    function remove(tabId) {
+      const keepName = [];
+      const removeName = [];
+      list.value.forEach((v) => {
+        if (v.tabId === tabId) {
+          removeName.push(...v.name);
+        } else {
+          keepName.push(...v.name);
+        }
+      });
+      const name = [];
+      removeName.forEach((v) => {
+        if (!keepName.includes(v)) {
+          name.push(v);
+        }
+      });
+      keepAliveStore.remove(name);
+      list.value = list.value.filter((item) => {
+        return item.tabId !== tabId;
+      });
+    }
+    function removeOtherSide(tabId) {
+      const keepName = [];
+      const removeName = [];
+      list.value.forEach((v) => {
+        if (v.tabId !== tabId) {
+          removeName.push(...v.name);
+        } else {
+          keepName.push(...v.name);
+        }
+      });
+      const name = [];
+      removeName.forEach((v) => {
+        if (!keepName.includes(v)) {
+          name.push(v);
+        }
+      });
+      keepAliveStore.remove(name);
+      list.value = list.value.filter((item) => {
+        return item.tabId === tabId;
+      });
+    }
+    function removeLeftSide(tabId) {
+      const index = list.value.findIndex((item) => item.tabId === tabId);
+      const keepName = [];
+      const removeName = [];
+      list.value.forEach((v, i) => {
+        if (i < index) {
+          removeName.push(...v.name);
+        } else {
+          keepName.push(...v.name);
+        }
+      });
+      const name = [];
+      removeName.forEach((v) => {
+        if (!keepName.includes(v)) {
+          name.push(v);
+        }
+      });
+      keepAliveStore.remove(name);
+      list.value = list.value.filter((item, i) => {
+        return i >= index;
+      });
+    }
+    function removeRightSide(tabId) {
+      const index = list.value.findIndex((item) => item.tabId === tabId);
+      const keepName = [];
+      const removeName = [];
+      list.value.forEach((v, i) => {
+        if (i > index) {
+          removeName.push(...v.name);
+        } else {
+          keepName.push(...v.name);
+        }
+      });
+      const name = [];
+      removeName.forEach((v) => {
+        if (!keepName.includes(v)) {
+          name.push(v);
+        }
+      });
+      keepAliveStore.remove(name);
+      list.value = list.value.filter((item, i) => {
+        return i <= index;
+      });
+    }
+    function clean() {
+      list.value = [];
+    }
+    return {
+      list,
+      leaveIndex,
+      add,
+      remove,
+      removeOtherSide,
+      removeLeftSide,
+      removeRightSide,
+      clean
+    };
+  }
+);
+export {
+  useTabbarStore as default
+};
+//# sourceMappingURL=tabbar.js.map

package/dist/esm/store/modules/tabbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabbar.js","sources":["../../../../src/store/modules/tabbar.ts"],"sourcesContent":["import type { RouteLocationNormalized } from \"vue-router\";\r\nimport useKeepAliveStore from \"./keepAlive\";\r\nimport type { Tabbar } from \"../../types/global\";\r\nimport { defineStore } from \"pinia\";\r\nimport { ref } from \"vue\";\r\n\r\nconst useTabbarStore = defineStore(\r\n  // 唯一ID\r\n  \"tabbar\",\r\n  () => {\r\n    const keepAliveStore = useKeepAliveStore();\r\n\r\n    const list = ref<Tabbar.recordRaw[]>([]);\r\n    const leaveIndex = ref(-1);\r\n\r\n    // 添加标签页\r\n    async function add(route: RouteLocationNormalized) {\r\n      const names: string[] = [];\r\n      route.matched.forEach((v, i) => {\r\n        if (i > 0) {\r\n          v.components?.default.name && names.push(v.components.default.name);\r\n        }\r\n      });\r\n      const meta = route.matched.at(-1)?.meta;\r\n      const tabId = route.fullPath;\r\n      if (route.name !== \"reload\") {\r\n        // 记录查找到的标签页\r\n        const findTab = list.value.find((item) => {\r\n          if (item.routeName) {\r\n            return item.routeName === route.name;\r\n          } else {\r\n            return item.tabId === tabId;\r\n          }\r\n        });\r\n        // 新增标签页\r\n        if (!findTab) {\r\n          const listItem = {\r\n            tabId,\r\n            fullPath: route.fullPath,\r\n            routeName: route.name,\r\n            title:\r\n              typeof meta?.title === \"function\" ? meta.title() : meta?.title,\r\n            icon:\r\n              meta?.icon ??\r\n              meta?.breadcrumbNeste?.findLast((item) => item.icon)?.icon,\r\n            name: names,\r\n          };\r\n          if (leaveIndex.value >= 0) {\r\n            list.value.splice(leaveIndex.value + 1, 0, listItem);\r\n            leaveIndex.value = -1;\r\n          } else {\r\n            list.value.push(listItem);\r\n          }\r\n        }\r\n      }\r\n    }\r\n    // 删除指定标签页\r\n    function remove(tabId: Tabbar.recordRaw[\"tabId\"]) {\r\n      const keepName: string[] = [];\r\n      const removeName: string[] = [];\r\n      list.value.forEach((v) => {\r\n        if (v.tabId === tabId) {\r\n          removeName.push(...v.name);\r\n        } else {\r\n          keepName.push(...v.name);\r\n        }\r\n      });\r\n      const name: string[] = [];\r\n      removeName.forEach((v) => {\r\n        if (!keepName.includes(v)) {\r\n          name.push(v);\r\n        }\r\n      });\r\n      // 如果是手动点击关闭 tab 标签页，则删除页面缓存\r\n      keepAliveStore.remove(name);\r\n      list.value = list.value.filter((item) => {\r\n        return item.tabId !== tabId;\r\n      });\r\n    }\r\n    // 删除两侧标签页\r\n    function removeOtherSide(tabId: Tabbar.recordRaw[\"tabId\"]) {\r\n      const keepName: string[] = [];\r\n      const removeName: string[] = [];\r\n      list.value.forEach((v) => {\r\n        if (v.tabId !== tabId) {\r\n          removeName.push(...v.name);\r\n        } else {\r\n          keepName.push(...v.name);\r\n        }\r\n      });\r\n      const name: string[] = [];\r\n      removeName.forEach((v) => {\r\n        if (!keepName.includes(v)) {\r\n          name.push(v);\r\n        }\r\n      });\r\n      keepAliveStore.remove(name);\r\n      list.value = list.value.filter((item) => {\r\n        return item.tabId === tabId;\r\n      });\r\n    }\r\n    // 删除左侧标签页\r\n    function removeLeftSide(tabId: Tabbar.recordRaw[\"tabId\"]) {\r\n      // 查找指定路由对应在标签页列表里的下标\r\n      const index = list.value.findIndex((item) => item.tabId === tabId);\r\n      const keepName: string[] = [];\r\n      const removeName: string[] = [];\r\n      list.value.forEach((v, i) => {\r\n        if (i < index) {\r\n          removeName.push(...v.name);\r\n        } else {\r\n          keepName.push(...v.name);\r\n        }\r\n      });\r\n      const name: string[] = [];\r\n      removeName.forEach((v) => {\r\n        if (!keepName.includes(v)) {\r\n          name.push(v);\r\n        }\r\n      });\r\n      keepAliveStore.remove(name);\r\n      list.value = list.value.filter((item, i) => {\r\n        return i >= index;\r\n      });\r\n    }\r\n    // 删除右侧标签页\r\n    function removeRightSide(tabId: Tabbar.recordRaw[\"tabId\"]) {\r\n      // 查找指定路由对应在标签页列表里的下标\r\n      const index = list.value.findIndex((item) => item.tabId === tabId);\r\n      const keepName: string[] = [];\r\n      const removeName: string[] = [];\r\n      list.value.forEach((v, i) => {\r\n        if (i > index) {\r\n          removeName.push(...v.name);\r\n        } else {\r\n          keepName.push(...v.name);\r\n        }\r\n      });\r\n      const name: string[] = [];\r\n      removeName.forEach((v) => {\r\n        if (!keepName.includes(v)) {\r\n          name.push(v);\r\n        }\r\n      });\r\n      keepAliveStore.remove(name);\r\n      list.value = list.value.filter((item, i) => {\r\n        return i <= index;\r\n      });\r\n    }\r\n    // 清空所有标签页，登出的时候需要清空\r\n    function clean() {\r\n      list.value = [];\r\n    }\r\n\r\n    return {\r\n      list,\r\n      leaveIndex,\r\n      add,\r\n      remove,\r\n      removeOtherSide,\r\n      removeLeftSide,\r\n      removeRightSide,\r\n      clean,\r\n    };\r\n  }\r\n);\r\n\r\nexport default useTabbarStore;\r\n"],"names":["_a"],"mappings":"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"}