@ditari/bsui 1.0.0 → 1.0.2

package/dist/esm/hooks/http/index.esm.js

@@ -0,0 +1,52 @@
+import { ref as y, computed as i } from "vue";
+import { usePagination as K } from "vue-request";
+import { get as f } from "../../utils/get.esm.js";
+const Q = (r, t = {}) => {
+  t.pagination || (t.pagination = {
+    currentKey: "page",
+    pageSizeKey: "limit",
+    totalKey: "data.total"
+  });
+  const {
+    dataKey: u,
+    pagination: { currentKey: o, pageSizeKey: l }
+  } = t, a = t.params || y({}), {
+    total: g,
+    pageSize: c,
+    current: p,
+    loading: s,
+    data: m,
+    run: n
+  } = K(r, {
+    manual: !0,
+    pagination: t.pagination,
+    loadingDelay: 400,
+    loadingKeep: 100,
+    onSuccess: () => {
+    },
+    onError: (e, d) => {
+      console.log(d, e);
+    }
+  }), v = i(() => ({
+    total: g.value,
+    current: p.value,
+    pageSize: c.value
+  }));
+  return {
+    data: i(
+      () => f(m.value, u || "data", [])
+    ),
+    pagination: v,
+    loading: s,
+    run: n,
+    onPaginationChange: (e) => {
+      a.value[o] = e.page, a.value[l] = e.size, n(a.value || {});
+    },
+    onQuery: (e) => {
+      a.value = { ...a.value, ...e }, a.value[o] = 1, n(a.value || {});
+    }
+  };
+};
+export {
+  Q as useRequestList
+};

package/dist/esm/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useRequestList } from "./http";
+export { useDitariRoute } from "./route";

package/dist/esm/hooks/index.esm.js

@@ -0,0 +1,6 @@
+import { useRequestList as o } from "./http/index.esm.js";
+import { useDitariRoute as s } from "./route/index.esm.js";
+export {
+  s as useDitariRoute,
+  o as useRequestList
+};

package/dist/esm/hooks/route/index.d.ts

@@ -0,0 +1,9 @@
+import { RouteLocationNormalized, RouteRecordRaw } from "vue-router";
+/**
+ * 路由管理
+ * @param routes 未打平的路由
+ */
+export declare const useDitariRoute: (routes: RouteRecordRaw[]) => {
+    flatRoutes: any[];
+    setMatched: (to: RouteLocationNormalized, from: RouteLocationNormalized) => void;
+};

package/dist/esm/hooks/route/index.esm.js

@@ -0,0 +1,42 @@
+import { ref as f } from "vue";
+import { createRouterMatcher as u } from "vue-router";
+import { useBreadcrumbStore as v } from "../../store/modules/Breadcrumb.esm.js";
+const y = (a) => {
+  const { saveBreadcrumb: s } = v(), e = f(null), t = f([]);
+  return e.value = u(a, {}), {
+    flatRoutes: i(a, null),
+    setMatched: (m, d) => {
+      var n;
+      try {
+        const c = ((n = e.value) == null ? void 0 : n.resolve(m, d).matched) ?? [];
+        t.value = c.reduce((h, o) => {
+          var l;
+          return h.some(
+            (p) => p.path === o.path
+          ) || h.push({
+            path: o.path,
+            title: ((l = o.meta) == null ? void 0 : l.title) ?? "未设置标题"
+          }), h;
+        }, []);
+      } catch (c) {
+        console.log(c), t.value = [];
+      }
+      s(t.value);
+    }
+  };
+};
+function i(a, s) {
+  return a.reduce((e, t) => {
+    if (t.children && e.push(...i(t.children, t)), t.component) {
+      const r = `${s == null ? void 0 : s.path}` + (t.path ? "/" + t.path : "");
+      e.push({
+        ...t,
+        path: r
+      });
+    }
+    return e;
+  }, []);
+}
+export {
+  y as useDitariRoute
+};

package/dist/esm/store/index.d.ts

@@ -1,7 +1,7 @@
-export { default as useBreadcrumbStore } from "./modules/Breadcrumb";
-export { default as useDataDicStore } from "./modules/DataDictionary";
-export { default as useKeepAliveStore } from "./modules/KeepAlive";
-export { default as useMenuStore } from "./modules/Menu";
-export { default as useNavTabsStore } from "./modules/NavTab";
-export { default as useSettingsStore } from "./modules/Settings";
-export { default as useUserStore } from "./modules/User";
+export { useBreadcrumbStore } from "./modules/Breadcrumb";
+export { useDataDicStore } from "./modules/DataDictionary";
+export { useKeepAliveStore } from "./modules/KeepAlive";
+export { useMenuStore } from "./modules/Menu";
+export { useNavTabsStore } from "./modules/NavTab";
+export { useSettingsStore } from "./modules/Settings";
+export { useUserStore } from "./modules/User";

package/dist/esm/store/index.esm.js

@@ -0,0 +1,16 @@
+import { useBreadcrumbStore as o } from "./modules/Breadcrumb.esm.js";
+import { useDataDicStore as s } from "./modules/DataDictionary.esm.js";
+import { useKeepAliveStore as m } from "./modules/KeepAlive.esm.js";
+import { useMenuStore as S } from "./modules/Menu.esm.js";
+import { useNavTabsStore as x } from "./modules/NavTab.esm.js";
+import { useSettingsStore as i } from "./modules/Settings.esm.js";
+import { useUserStore as c } from "./modules/User.esm.js";
+export {
+  o as useBreadcrumbStore,
+  s as useDataDicStore,
+  m as useKeepAliveStore,
+  S as useMenuStore,
+  x as useNavTabsStore,
+  i as useSettingsStore,
+  c as useUserStore
+};

package/dist/esm/store/modules/Breadcrumb.d.ts

@@ -1,20 +1,10 @@
-declare const _default: import("pinia").StoreDefinition<string, {
-    breadcrumbs: never[];
-}, {
-    /**
-     * 获取面包屑数据
-     * @param state
-     */
+export interface State {
+    breadcrumbs: [];
+}
+export declare const useBreadcrumbStore: import("pinia").StoreDefinition<string, State, {
     getBreadcrumb: (state: {
-        breadcrumbs: never[];
-    } & import("pinia").PiniaCustomStateProperties<{
-        breadcrumbs: never[];
-    }>) => never[];
+        breadcrumbs: [];
+    } & import("pinia").PiniaCustomStateProperties<State>) => [];
 }, {
-    /**
-     * 保存匹配到的面包屑
-     * @param data 面包屑数据
-     */
     saveBreadcrumb(data: any): void;
 }>;
-export default _default;

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

@@ -1,27 +1,19 @@
 import { defineStore as e } from "pinia";
 import { BREADCRUMB_ID as t } from "../types.esm.js";
-const m = e(t, {
+const a = e(t, {
   state: () => ({
-    // 保存路由匹配信息 用于渲染面包屑
     breadcrumbs: []
   }),
   getters: {
-    /**
-     * 获取面包屑数据
-     * @param state
-     */
     getBreadcrumb: (r) => r.breadcrumbs
   },
   actions: {
-    /**
-     * 保存匹配到的面包屑
-     * @param data 面包屑数据
-     */
     saveBreadcrumb(r) {
       this.breadcrumbs = r;
     }
-  }
+  },
+  persist: !0
 });
 export {
-  m as default
+  a as useBreadcrumbStore
 };

package/dist/esm/store/modules/DataDictionary.d.ts

@@ -1,4 +1,29 @@
-declare const _default: import("pinia").StoreDefinition<string, {
+interface State {
     someState: string;
-}, {}, {}>;
-export default _default;
+    list: any;
+}
+declare const useDataDicStore: import("pinia").StoreDefinition<string, State, {
+    /**
+     * 根据key获取字典列表
+     * @param state
+     */
+    getDicByKey: (state: {
+        someState: string;
+        list: any;
+    } & import("pinia").PiniaCustomStateProperties<State>) => (key: string) => any;
+    /**
+     * 根据字典名称和字典的value 获取对应的中文
+     * @param state
+     */
+    getDicTextByValue: (state: {
+        someState: string;
+        list: any;
+    } & import("pinia").PiniaCustomStateProperties<State>) => (key: string, value: string) => any;
+}, {
+    /**
+     * 保存字典数据
+     * @param data 字典数据
+     */
+    save(data: any): void;
+}>;
+export { useDataDicStore };

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

@@ -1,9 +1,33 @@
-import { defineStore as t } from "pinia";
-import { DATA_DICTIONARY_ID as e } from "../types.esm.js";
-t(e, {
+import { defineStore as s } from "pinia";
+import { DATA_DICTIONARY_ID as o } from "../types.esm.js";
+const u = s(o, {
   state: () => ({
-    someState: "你好 pinia"
+    someState: "你好 pinia",
+    list: {}
   }),
-  getters: {},
-  actions: {}
+  getters: {
+    /**
+     * 根据key获取字典列表
+     * @param state
+     */
+    getDicByKey: (t) => (e) => t.list[e] || [],
+    /**
+     * 根据字典名称和字典的value 获取对应的中文
+     * @param state
+     */
+    getDicTextByValue: (t) => (e, i) => (t.list[e] || []).filter((r) => r.value === i).map((r) => r.label).join("")
+  },
+  actions: {
+    /**
+     * 保存字典数据
+     * @param data 字典数据
+     */
+    save(t) {
+      this.list = t;
+    }
+  },
+  persist: !0
 });
+export {
+  u as useDataDicStore
+};

package/dist/esm/store/modules/KeepAlive.d.ts

@@ -1,5 +1,5 @@
 import { RouteLocationNormalized } from "vue-router";
-declare const _default: import("pinia").StoreDefinition<string, {
+export declare const useKeepAliveStore: import("pinia").StoreDefinition<string, {
     list: string[];
 }, {
     get: (state: {
@@ -10,13 +10,12 @@ declare const _default: import("pinia").StoreDefinition<string, {
 }, {
     /**
      * 删除已经缓存的组件
-     * @param key 组件名称（必须唯一）
+     * @param name 组件名称（必须唯一）
      */
     deleteKeepAlive(name: string): void;
     /**
      * 保存要缓存的组件名称
-     * @param 组件名称（必须唯一）
+     * @param route
      */
     save(route: RouteLocationNormalized): void;
 }>;
-export default _default;

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

@@ -1,6 +1,6 @@
 import { defineStore as i } from "pinia";
 import { KEEP_ALIVE_ID as r } from "../types.esm.js";
-const a = i(r, {
+const f = i(r, {
   state: () => ({
     list: []
   }),
@@ -10,7 +10,7 @@ const a = i(r, {
   actions: {
     /**
      * 删除已经缓存的组件
-     * @param key 组件名称（必须唯一）
+     * @param name 组件名称（必须唯一）
      */
     deleteKeepAlive(e) {
       this.list.splice(
@@ -20,7 +20,7 @@ const a = i(r, {
     },
     /**
      * 保存要缓存的组件名称
-     * @param 组件名称（必须唯一）
+     * @param route
      */
     save(e) {
       const t = e.name;
@@ -32,5 +32,5 @@ const a = i(r, {
   persist: !0
 });
 export {
-  a as default
+  f as useKeepAliveStore
 };

package/dist/esm/store/modules/Menu.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("pinia").StoreDefinition<string, {
+export declare const useMenuStore: import("pinia").StoreDefinition<string, {
     list: never[];
 }, {
     getMenu: (state: {
@@ -9,4 +9,3 @@ declare const _default: import("pinia").StoreDefinition<string, {
 }, {
     save(data: any): void;
 }>;
-export default _default;

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

@@ -15,5 +15,5 @@ const o = e(r, {
   persist: !0
 });
 export {
-  o as default
+  o as useMenuStore
 };

package/dist/esm/store/modules/NavTab.d.ts

@@ -7,7 +7,7 @@ export interface INavTab {
     meta: RouteMeta | any;
     name: string;
 }
-declare const _default: import("pinia").StoreDefinition<string, {
+export declare const useNavTabsStore: import("pinia").StoreDefinition<string, {
     list: INavTab[];
     activeKey: string;
 }, {
@@ -17,7 +17,7 @@ declare const _default: import("pinia").StoreDefinition<string, {
             fullPath: string;
             query: LocationQuery;
             params: RouteParams;
-            meta: any;
+            meta: RouteMeta | any;
             name: string;
         }[];
         activeKey: string;
@@ -31,7 +31,7 @@ declare const _default: import("pinia").StoreDefinition<string, {
             fullPath: string;
             query: LocationQuery;
             params: RouteParams;
-            meta: any;
+            meta: RouteMeta | any;
             name: string;
         }[];
         activeKey: string;
@@ -56,4 +56,3 @@ declare const _default: import("pinia").StoreDefinition<string, {
      */
     deleteTabs(key: string): void;
 }>;
-export default _default;

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

@@ -1,6 +1,6 @@
 import { defineStore as i } from "pinia";
 import { NAV_TAB_ID as l } from "../types.esm.js";
-const h = i(l, {
+const n = i(l, {
   state: () => ({
     // 多标签列表
     list: [],
@@ -52,5 +52,5 @@ const h = i(l, {
   persist: !0
 });
 export {
-  h as default
+  n as useNavTabsStore
 };

package/dist/esm/store/modules/Settings.d.ts

@@ -1,21 +1,32 @@
-declare const _default: import("pinia").StoreDefinition<string, {
+export interface State {
     refresh: boolean;
     collapsed: boolean;
-}, {
+    mediaRuleMap: any;
+    gridConfig: any;
+    gridValue: any;
+}
+export declare const useSettingsStore: import("pinia").StoreDefinition<string, State, {
     getRefresh: (state: {
         refresh: boolean;
         collapsed: boolean;
-    } & import("pinia").PiniaCustomStateProperties<{
-        refresh: boolean;
-        collapsed: boolean;
-    }>) => boolean;
+        mediaRuleMap: any;
+        gridConfig: any;
+        gridValue: any;
+    } & import("pinia").PiniaCustomStateProperties<State>) => boolean;
     getCollapsed: (state: {
         refresh: boolean;
         collapsed: boolean;
-    } & import("pinia").PiniaCustomStateProperties<{
+        mediaRuleMap: any;
+        gridConfig: any;
+        gridValue: any;
+    } & import("pinia").PiniaCustomStateProperties<State>) => boolean;
+    getGrid: (state: {
         refresh: boolean;
         collapsed: boolean;
-    }>) => boolean;
+        mediaRuleMap: any;
+        gridConfig: any;
+        gridValue: any;
+    } & import("pinia").PiniaCustomStateProperties<State>) => any;
 }, {
     /**
      * 切换刷新
@@ -25,5 +36,8 @@ declare const _default: import("pinia").StoreDefinition<string, {
      * 切换菜单收缩状态
      */
     switchCollapsed(): void;
+    /**
+     * 网格匹配
+     */
+    gridMatching(): void;
 }>;
-export default _default;

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

@@ -1,15 +1,79 @@
-import { defineStore as s } from "pinia";
-import { SETTINGS_ID as t } from "../types.esm.js";
-const o = s(t, {
+import { defineStore as r } from "pinia";
+import { useMediaQuery as s } from "@vueuse/core";
+import { SETTINGS_ID as a } from "../types.esm.js";
+const d = [
+  {
+    key: "700",
+    value: "(max-width: 700px)",
+    description: "小于700设备"
+  },
+  {
+    key: "700-960",
+    value: "(min-width:700px) and (max-width: 960px)",
+    description: "大于700小于960设备"
+  },
+  {
+    key: "960-1200",
+    value: "(min-width:960px) and (max-width: 1200px)",
+    description: "大于960小于1024设备"
+  },
+  {
+    key: "1200-1680",
+    value: "(min-width:1200px) and (max-width: 1680px)",
+    description: " 大于1200小于1680设备"
+  },
+  {
+    key: "1680",
+    value: "(min-width:1680px)",
+    description: " 大于1680设备"
+  }
+], l = [
+  {
+    key: "700",
+    value: "repeat(1, 100%)",
+    col: 1,
+    description: "显示一列占100%"
+  },
+  {
+    key: "700-960",
+    value: "repeat(2, 50%)",
+    col: 2,
+    description: "显示两列每列占50%宽"
+  },
+  {
+    key: "960-1200",
+    value: "repeat(3, 33.33%)",
+    col: 3,
+    description: "显示三列每列占33.33%宽"
+  },
+  {
+    key: "1200-1680",
+    value: "repeat(4, 25%)",
+    col: 4,
+    description: "显示4列每列占25%宽"
+  },
+  {
+    key: "1680",
+    value: "repeat(5, 20%)",
+    col: 5,
+    description: " 显示5列每列占20%宽"
+  }
+], c = r(a, {
   state: () => ({
     // 刷新状态
     refresh: !1,
     // 菜单收缩
-    collapsed: !1
+    collapsed: !1,
+    // 屏幕设备匹配规则
+    mediaRuleMap: d,
+    // 网格配置 根据匹配匹配规则
+    gridConfig: l,
+    gridValue: {}
   }),
   getters: {
     getRefresh: (e) => e.refresh,
-    getCollapsed: (e) => e.collapsed
+    getCollapsed: (e) => e.collapsed,
+    getGrid: (e) => e.gridValue
   },
   actions: {
     /**
@@ -23,10 +87,21 @@ const o = s(t, {
      */
     switchCollapsed() {
       this.collapsed = !this.collapsed;
+    },
+    /**
+     * 网格匹配
+     */
+    gridMatching() {
+      const e = this.mediaRuleMap.filter(
+        (i) => s(i.value).value
+      )[0], t = this.gridConfig.filter(
+        (i) => i.key === e.key
+      )[0];
+      this.gridValue = t;
     }
   },
   persist: !0
 });
 export {
-  o as default
+  c as useSettingsStore
 };

package/dist/esm/store/modules/User.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("pinia").StoreDefinition<string, {
+export declare const useUserStore: import("pinia").StoreDefinition<string, {
     token: undefined;
 }, {
     getToken: (state: {
@@ -13,4 +13,3 @@ declare const _default: import("pinia").StoreDefinition<string, {
      */
     saveToken(token: any): void;
 }>;
-export default _default;

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

@@ -1,6 +1,6 @@
 import { defineStore as t } from "pinia";
 import { USER_ID as o } from "../types.esm.js";
-t(o, {
+const s = t(o, {
   state: () => ({
     // token
     token: void 0
@@ -18,3 +18,6 @@ t(o, {
     }
   }
 });
+export {
+  s as useUserStore
+};

package/dist/esm/store/types.esm.js

@@ -1,10 +1,10 @@
-const _ = "DTH_BEAUTY_", I = `${_}BREADCRUMB_ID`, D = `${_}DATA_DICTIONARY_ID`, A = `${_}KEEP_ALIVE_ID`, E = `${_}MENU_ID`, T = `${_}NAV_TABS_ID`, o = `${_}SETTINGS_ID`, t = `${_}USER_ID`;
+const I = "DITARI_STORE_", _ = `${I}BREADCRUMB_ID`, D = `${I}DATA_DICTIONARY_ID`, A = `${I}KEEP_ALIVE_ID`, E = `${I}MENU_ID`, T = `${I}NAV_TABS_ID`, R = `${I}SETTINGS_ID`, o = `${I}USER_ID`;
 export {
-  I as BREADCRUMB_ID,
+  _ as BREADCRUMB_ID,
   D as DATA_DICTIONARY_ID,
   A as KEEP_ALIVE_ID,
   E as MENU_ID,
   T as NAV_TAB_ID,
-  o as SETTINGS_ID,
-  t as USER_ID
+  R as SETTINGS_ID,
+  o as USER_ID
 };