@pubinfo/core 2.0.0-beta.26 → 2.0.0-beta.28

package/src/stores/modules/route.ts

@@ -303,8 +303,16 @@ const useRouteStore = defineStore(
               delete arr[index].meta!.singleMenu;
             }
 
-            if (!arr[index].component) {
-              arr[index].component = Layout;
+            if (!item.component) {
+              item.component = Layout;
+            }
+
+            // 给一级路由设置 provider
+            if (route.meta?.provider) {
+              (item.meta as any) = {
+                ...(item.meta ?? {}),
+                provider: route.meta.provider,
+              };
             }
           });
         }

package/src/utils/index.ts

@@ -35,6 +35,20 @@ export function objectToPaths(obj: Record<string, any>, prefix = '') {
   }, [] as string[]);
 }
 
+/**
+ * 基于 `import.meta.glob` 读取 `iconMap`
+ */
+export function loadIconsFromGlob(modules: Record<string, { default: string }>): Record<string, string> {
+  return Object.fromEntries(
+    Object.entries(modules)
+      .map(([path, mod]) => {
+        const name = path.match(/([^/]+)(?=\.svg$)/)?.[1];
+        return name ? [name, mod.default] : null;
+      })
+      .filter(Boolean) as [string, string][],
+  );
+}
+
 export * from './cleanup';
 export * from './crypto';
 export { default as eventBus } from './eventBus';

package/types/vue-router.d.ts

@@ -25,6 +25,7 @@ export interface RouterMetaRawBaseOptions {
   breadcrumbNeste: Route.breadcrumb[]
   isDev: boolean
   enabled: boolean
+  provider?: any
 }
 
 type RouterMetaRaw = RequireExactlyOne<Partial<RouterMetaRawBaseOptions>, 'title'>;
@@ -37,7 +38,8 @@ export declare namespace Route {
     | 'icon'
     | 'activeIcon'
     | 'auth'
-    | 'enabled';
+    | 'enabled'
+    | 'provider';
 
   type recordMainRawBasicMeta = Partial<Pick<RouterMetaRawBaseOptions, mainMeta>>;
 

package/dist/SettingThemes-DBq6j0zt.js

@@ -1,144 +0,0 @@
-import { _ as T } from "./HDivider-DgXBhPr0.js";
-import { markRaw as b, createElementBlock as d, openBlock as o, createElementVNode as t, defineComponent as k, useModel as V, withDirectives as S, createStaticVNode as $, vModelCheckbox as w, toRef as D, computed as B, createBlock as N, withCtx as j, createVNode as u, unref as c, isRef as L, Fragment as g, renderList as f, normalizeClass as M, normalizeStyle as h, toDisplayString as z } from "vue";
-import "./menu-Ddxel9ck.js";
-import "pinia-plugin-persistedstate";
-import { d as F, u as R } from "./index-D0CMv5FJ.js";
-import { themes as v } from "@pubinfo/config/themes";
-import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const A = {
-  viewBox: "-5 -2 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-function E(i, e) {
-  return o(), d("svg", A, e[0] || (e[0] = [
-    t("path", {
-      fill: "currentColor",
-      d: "M3 0h8a3 3 0 0 1 3 3v15a2 2 0 0 1-3.348 1.477L7.674 16.76a1 1 0 0 0-1.348 0l-2.978 2.717A2 2 0 0 1 0 18V3a3 3 0 0 1 3-3"
-    }, null, -1)
-  ]));
-}
-const H = b({ name: "jam-bookmark-f", render: E }), I = {
-  viewBox: "0 0 16 16",
-  width: "1.2em",
-  height: "1.2em"
-};
-function U(i, e) {
-  return o(), d("svg", I, e[0] || (e[0] = [
-    t("path", {
-      fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m3.78-9.72a.75.75 0 0 0-1.06-1.06L6.75 9.19L5.53 7.97a.75.75 0 0 0-1.06 1.06l1.75 1.75a.75.75 0 0 0 1.06 0z",
-      "clip-rule": "evenodd"
-    }, null, -1)
-  ]));
-}
-const W = b({ name: "pajamas-check-circle-filled", render: U }), J = {
-  flex: "",
-  "justify-center": "",
-  "pb-15px": ""
-}, O = { class: "toggleWrapper" }, P = /* @__PURE__ */ k({
-  name: "DayNightToggle",
-  __name: "DayNightToggle",
-  props: {
-    modelValue: {},
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(i) {
-    const e = V(i, "modelValue");
-    return (_, s) => (o(), d("div", J, [
-      t("div", O, [
-        S(t("input", {
-          id: "dn",
-          "onUpdate:modelValue": s[0] || (s[0] = (p) => e.value = p),
-          type: "checkbox",
-          class: "dn"
-        }, null, 512), [
-          [w, e.value]
-        ]),
-        s[1] || (s[1] = $('<label for="dn" class="toggle" data-v-d927ea22><span class="toggle__handler" data-v-d927ea22><span class="crater crater--1" data-v-d927ea22></span><span class="crater crater--2" data-v-d927ea22></span><span class="crater crater--3" data-v-d927ea22></span></span><span class="star star--1" data-v-d927ea22></span><span class="star star--2" data-v-d927ea22></span><span class="star star--3" data-v-d927ea22></span><span class="star star--4" data-v-d927ea22></span><span class="star star--5" data-v-d927ea22></span><span class="star star--6" data-v-d927ea22></span></label>', 1))
-      ])
-    ]));
-  }
-}), q = /* @__PURE__ */ x(P, [["__scopeId", "data-v-d927ea22"]]), G = { class: "themes" }, K = ["onClick"], Q = {
-  class: "theme-type",
-  flex: "",
-  "items-center": ""
-}, X = { class: "theme-point" }, Y = { class: "explosion" }, Z = /* @__PURE__ */ k({
-  name: "SettingThemes",
-  __name: "SettingThemes",
-  setup(i) {
-    const { isDark: e } = F(), { settingsStore: _ } = R(), s = D(_.settings, "app"), p = [
-      "--ui-primary",
-      "--ui-text",
-      "--g-bg",
-      "--g-header-bg",
-      "--g-main-sidebar-bg",
-      "--g-sub-sidebar-bg"
-    ], y = B(
-      () => Object.keys(v).map((n) => {
-        const l = v[n], m = p.map((r) => l[r].startsWith("#") ? l[r] : `rgb(${l[r]})`), a = v[n].label;
-        return {
-          label: n,
-          value: l,
-          colors: m,
-          name: a
-        };
-      }).filter(
-        (n) => n.value["color-scheme"] === s.value.colorScheme
-      )
-    );
-    function C(n) {
-      const l = n.label;
-      e.value ? s.value.darkTheme = l : s.value.lightTheme = l;
-    }
-    return (n, l) => {
-      const m = T;
-      return o(), N(m, { title: "颜色主题风格" }, {
-        default: j(() => [
-          t("div", null, [
-            u(q, {
-              modelValue: c(e),
-              "onUpdate:modelValue": l[0] || (l[0] = (a) => L(e) ? e.value = a : null)
-            }, null, 8, ["modelValue"])
-          ]),
-          t("div", G, [
-            (o(!0), d(g, null, f(c(y), (a) => (o(), d("div", {
-              key: a.label,
-              class: M(["theme", { active: c(e) ? c(s).darkTheme === a.label : c(s).lightTheme === a.label }]),
-              onClick: (r) => C(a)
-            }, [
-              t("div", Q, [
-                t("span", {
-                  style: h({ color: a.colors.at(0) }),
-                  "mr-5px": ""
-                }, [
-                  u(c(H))
-                ], 4),
-                t("span", {
-                  style: h({ color: a.colors.at(0) }),
-                  "text-sm": ""
-                }, z(a.name || a.label), 5)
-              ]),
-              t("div", X, [
-                (o(!0), d(g, null, f(a.colors, (r) => (o(), d("div", {
-                  key: r,
-                  class: "point",
-                  style: h({ backgroundColor: r })
-                }, null, 4))), 128))
-              ]),
-              t("div", Y, [
-                u(c(W))
-              ])
-            ], 10, K))), 128))
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), ce = /* @__PURE__ */ x(Z, [["__scopeId", "data-v-066297c5"]]);
-export {
-  ce as default
-};

package/src/layout/components/Tools/I18nSelector.vue

@@ -1,52 +0,0 @@
-<script setup lang="ts">
-import { getUILocales } from '@/locales';
-import { useI18n } from 'vue-i18n';
-import { useContext } from '../../composables/useContext';
-
-// TODO 完成功能
-
-defineOptions({
-  name: 'I18nSelector',
-});
-
-const { locale } = useI18n();
-const route = useRoute();
-
-const { settingsStore, generateI18nTitle } = useContext();
-
-const UILocales = computed(() => getUILocales());
-
-const langItems = computed(() => {
-  return Object.keys(UILocales.value).map((item: string) => {
-    const icons: Record<string, string> = {
-      'en': 'i-circle-flags-en',
-      'zh-cn': 'i-circle-flags-cn',
-      'zh-tw': 'i-circle-flags-cn',
-    };
-    return {
-      icon: icons[item],
-      label: UILocales.value[item].labelName,
-      disabled: settingsStore.settings.app.defaultLang === item,
-      handle: () => setLanguage(item),
-    };
-  });
-});
-
-function setLanguage(name: string) {
-  locale.value = name;
-  settingsStore.setDefaultLang(name);
-
-  if (route.meta.breadcrumbNeste?.at(-1)?.i18n || route.meta.breadcrumbNeste?.at(-1)?.title) {
-    settingsStore.setTitle(generateI18nTitle(route.meta.breadcrumbNeste?.at(-1)?.i18n, route.meta.breadcrumbNeste?.at(-1)?.title));
-  }
-  else {
-    settingsStore.setTitle(generateI18nTitle(route.meta.i18n, route.meta.title));
-  }
-}
-</script>
-
-<template>
-  <HDropdownMenu v-if="settingsStore.settings.toolbar.enableI18n" :items="[langItems]">
-    <slot />
-  </HDropdownMenu>
-</template>

package/src/pages/system/change-password/page.vue

@@ -1,58 +0,0 @@
-<script setup lang="ts">
-import { PassStrengthValidator } from '@/components';
-import ChangePasswordForm from './components/ChangePasswordForm/index.vue';
-
-defineOptions({
-  name: 'ChangePasswordPageView',
-});
-
-const ChangePassWordForm = ref<InstanceType<typeof ChangePasswordForm>>();
-
-const newPassWord = computed({
-  get() {
-    return ChangePassWordForm.value?.formState.newPassword;
-  },
-  set() {},
-});
-
-const route = useRoute();
-const token = route.params.changePassWordToken;
-const isValidate = ref(false);
-</script>
-
-<template>
-  <div
-    flex="~"
-    w-full
-    h-full
-  >
-    <main
-      flex="~ auto center"
-      w-full
-      h-full
-      pt-10px
-    >
-      <div
-        w-full
-        h-full
-        flex="~"
-        justify-between
-        bg="#fff"
-        px-32px
-        py-20px
-      >
-        <div w-420px ml-60px mt-70px>
-          <div flex="~ col center" mb-40px>
-            <span text="18px" font="bold">
-              更改密码
-            </span>
-          </div>
-          <ChangePasswordForm ref="ChangePassWordForm" v-model:validate="isValidate" :token="token" />
-        </div>
-        <div w-644px py-15px bg="red">
-          <PassStrengthValidator v-model="newPassWord" v-model:validate="isValidate" />
-        </div>
-      </div>
-    </main>
-  </div>
-</template>