@ditari/bsui 1.0.1 → 1.0.3

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

@@ -1,16 +1,21 @@
-declare const _default: import("pinia").StoreDefinition<string, {
-    token: undefined;
-}, {
+export interface State {
+    token: string | undefined;
+    userInfo: any;
+}
+export declare const useUserStore: import("pinia").StoreDefinition<string, State, {
     getToken: (state: {
-        token: undefined;
-    } & import("pinia").PiniaCustomStateProperties<{
-        token: undefined;
-    }>) => undefined;
+        token: string | undefined;
+        userInfo: any;
+    } & import("pinia").PiniaCustomStateProperties<State>) => string | undefined;
+    getUserInfo: (state: {
+        token: string | undefined;
+        userInfo: any;
+    } & import("pinia").PiniaCustomStateProperties<State>) => any;
 }, {
     /**
      * 保存token
      * @param token
      */
-    saveToken(token: any): void;
+    saveToken(token: string): void;
+    saveUserInfo(data: any): void;
 }>;
-export default _default;

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

@@ -1,12 +1,13 @@
-import { defineStore as t } from "pinia";
-import { USER_ID as o } from "../types.esm.js";
-t(o, {
+import { defineStore as o } from "pinia";
+import { USER_ID as t } from "../types.esm.js";
+const n = o(t, {
   state: () => ({
-    // token
-    token: void 0
+    token: void 0,
+    userInfo: void 0
   }),
   getters: {
-    getToken: (e) => e.token
+    getToken: (e) => e.token,
+    getUserInfo: (e) => e.userInfo
   },
   actions: {
     /**
@@ -15,6 +16,13 @@ t(o, {
      */
     saveToken(e) {
       this.token = e;
+    },
+    saveUserInfo(e) {
+      this.userInfo = e;
     }
-  }
+  },
+  persist: !0
 });
+export {
+  n as useUserStore
+};

package/dist/esm/style.css

@@ -1 +1 @@
-.ditari-ant-back-top{right:4px;bottom:120px}.ditari-layout{height:100%}.ditari-layout .ditari-layout-sider{position:fixed;left:0;top:0;bottom:0;z-index:1}.ditari-layout .ditari-top-layout{position:fixed;left:200px;right:0;z-index:210}.ditari-layout .ditari-layout-content{margin-left:200px;margin-top:84px}.fade-enter-active,.fade-leave-active{transition:opacity .1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.main-enter-active{transition:.2s}.main-leave-active{transition:.15s}.main-enter-from{opacity:0;margin-left:-20px}.main-leave-to{opacity:0;margin-left:20px}.ditari-layout-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:42px;border-bottom:1px solid #f0f2f5;background-color:#fff}.ditari-layout-header .ditari-layout-header-left{display:flex;justify-content:center}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed{margin-right:20px;cursor:pointer;width:42px;line-height:30px;text-align:center;transition-duration:.2s}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed:hover{background-color:#f0f2f5;border-radius:4px}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed .icon{transition-duration:.2s}.ditari-user-menu{display:flex;align-items:center;height:100%}.ditari-user-menu .ditari-operation-items{margin-left:10px;height:100%}.ditari-user-menu .ditari-operation-items .ant-dropdown-link{display:flex;align-items:center;justify-content:center;height:100%}.collapsed-animation{transform:rotate(-180deg)}.ditari-list-layout{padding:20px;height:100%}.ditari-list-layout .wrapper{display:flex;flex-direction:column}.ditari-list-layout .ditari-list-table{flex:1}.ditari-list-layout .ditari-list-table .ant-card-body{display:flex;flex-direction:column;height:100%}.ditari-list-layout .ditari-list-form .ant-card-body{padding-bottom:0}.ditari-list-layout .wrapper{height:100%}.ditari-show-layout{position:relative}.ditari-show-layout .ant-card{margin-bottom:10px}.ditari-show-layout .ant-card .ant-card-head{padding:10px 24px}.ditari-show-layout .ant-card .ant-card-head .ant-card-head-title{padding:0}.ditari-show-layout .ant-card:last-child{margin-bottom:0}.ditari-show-layout .ditari-page-header{position:sticky;top:84px;z-index:1;padding:4px 24px;transition:all .3s}.ditari-show-layout .ditari-page-header.active{box-shadow:1px 5px 20px 2px #e0e0e0}.ditari-show-layout .ditari-show-footer{position:fixed;right:0;bottom:0;left:200px;padding:10px;background:#fff;box-shadow:0 0 5px 3px #e0e0e0}.ditari-nav{background:#f0f2f5}.ditari-nav .ant-tabs-nav{margin:0}.ditari-nav .ant-tabs-content-holder{display:none}.ditari-nav .ant-tabs-tab{position:relative;margin-left:0!important;border:0!important;transition:none!important;border-radius:10px 10px 0 0!important}.ditari-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:transparent}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#e9e9e9}.ditari-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-nav .ant-tabs-tab .anticon{margin-right:0;margin-left:20px}.ditari-nav .ant-tabs-tab .anticon:hover{font-weight:700}.ditari-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-nav .ant-tabs-tab:before,.ditari-nav .ant-tabs-tab:after{position:absolute;bottom:0;content:"";width:20px;height:20px;border-radius:100%;box-shadow:0 0 0 40px transparent}.ditari-nav .ant-tabs-tab:before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-nav .ant-tabs-tab:after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-nav .ant-tabs-tab:hover:before,.ditari-nav .ant-tabs-tab:hover:after{box-shadow:0 0 0 30px #e9e9e9}.ditari-nav .ant-tabs-tab.ant-tabs-tab-active:before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active:after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-nav .tab-item-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;right:0;margin-top:-7px}.ditari-nav .tab-item-dividers:before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:red;transition:opacity .2s ease,background-color .3s;z-index:2}.xi-pagination{margin-top:24px;text-align:center}.ditari-breadcrumb .ant-breadcrumb-separator{display:none}.ditari-breadcrumb .breadcrumb{display:flex}.ditari-breadcrumb .breadcrumb .breadcrumb-item:first-child .breadcrumb-link{border-radius:6px 0 0 6px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%)}.ditari-breadcrumb .breadcrumb .breadcrumb-item:last-child:not(:last-child) .breadcrumb-link{border-radius:0 6px 6px 0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,8px 50%)}.ditari-breadcrumb .breadcrumb-link{display:block;padding:4px 12px;background:#f0f2f5;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%,8px 50%)}.breadcrumb-enter-active{transition:all .25s}.breadcrumb-enter-from,.breadcrumb-leave-active{opacity:0;transform:translate(30px) skew(-50deg)}
+.ditari-list-layout{padding:20px;height:100%}.ditari-list-layout .wrapper{display:flex;flex-direction:column}.ditari-list-layout .ditari-list-table{flex:1}.ditari-list-layout .ditari-list-table .ant-card-body{display:flex;flex-direction:column;height:100%}.ditari-list-layout .ditari-list-form .ant-card-body{padding-bottom:0}.ditari-list-layout .wrapper{height:100%}.ditari-show-layout{position:relative}.ditari-show-layout .ant-card{margin-bottom:10px}.ditari-show-layout .ant-card .ant-card-head{padding:10px 24px}.ditari-show-layout .ant-card .ant-card-head .ant-card-head-title{padding:0}.ditari-show-layout .ant-card:last-child{margin-bottom:0}.ditari-show-layout .ditari-page-header{position:sticky;top:84px;z-index:1;padding:4px 24px;transition:all .3s}.ditari-show-layout .ditari-page-header.active{box-shadow:1px 5px 20px 2px #e0e0e0}.ditari-show-layout .ditari-show-footer{position:fixed;right:0;bottom:0;left:200px;padding:10px;background:#fff;box-shadow:0 0 5px 3px #e0e0e0}.ditari-ant-back-top{right:4px;bottom:120px}.ditari-layout{height:100%}.ditari-layout .ditari-layout-sider{position:fixed;left:0;top:0;bottom:0;z-index:1}.ditari-layout .ditari-top-layout{position:fixed;left:200px;right:0;z-index:210}.ditari-layout .ditari-layout-content{margin-left:200px;margin-top:84px}.fade-enter-active,.fade-leave-active{transition:opacity .1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.main-enter-active{transition:.2s}.main-leave-active{transition:.15s}.main-enter-from{opacity:0;margin-left:-20px}.main-leave-to{opacity:0;margin-left:20px}.ditari-layout-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:42px;border-bottom:1px solid #f0f2f5;background-color:#fff}.ditari-layout-header .ditari-layout-header-left{display:flex;justify-content:center}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed{margin-right:20px;cursor:pointer;width:42px;line-height:30px;text-align:center;transition-duration:.2s}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed:hover{background-color:#f0f2f5;border-radius:4px}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed .icon{transition-duration:.2s}.ditari-user-menu{display:flex;align-items:center;height:100%}.ditari-user-menu .ditari-operation-items{margin-left:10px;height:100%}.ditari-user-menu .ditari-operation-items .ant-dropdown-link{display:flex;align-items:center;justify-content:center;height:100%}.collapsed-animation{transform:rotate(-180deg)}.xi-pagination{margin-top:24px;text-align:center}.ditari-nav{background:#f0f2f5}.ditari-nav .ant-tabs-nav{margin:0}.ditari-nav .ant-tabs-content-holder{display:none}.ditari-nav .ant-tabs-tab{position:relative;margin-left:0!important;border:0!important;transition:none!important;border-radius:10px 10px 0 0!important}.ditari-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:transparent}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#e9e9e9}.ditari-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-nav .ant-tabs-tab .anticon{margin-right:0;margin-left:20px}.ditari-nav .ant-tabs-tab .anticon:hover{font-weight:700}.ditari-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-nav .ant-tabs-tab:before,.ditari-nav .ant-tabs-tab:after{position:absolute;bottom:0;content:"";width:20px;height:20px;border-radius:100%;box-shadow:0 0 0 40px transparent}.ditari-nav .ant-tabs-tab:before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-nav .ant-tabs-tab:after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-nav .ant-tabs-tab:hover:before,.ditari-nav .ant-tabs-tab:hover:after{box-shadow:0 0 0 30px #e9e9e9}.ditari-nav .ant-tabs-tab.ant-tabs-tab-active:before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active:after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-nav .tab-item-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;right:0;margin-top:-7px}.ditari-nav .tab-item-dividers:before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:red;transition:opacity .2s ease,background-color .3s;z-index:2}.ditari-breadcrumb .ant-breadcrumb-separator{display:none}.ditari-breadcrumb .breadcrumb{display:flex}.ditari-breadcrumb .breadcrumb .breadcrumb-item:first-child .breadcrumb-link{border-radius:6px 0 0 6px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%)}.ditari-breadcrumb .breadcrumb .breadcrumb-item:last-child:not(:last-child) .breadcrumb-link{border-radius:0 6px 6px 0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,8px 50%)}.ditari-breadcrumb .breadcrumb-link{display:block;padding:4px 12px;background:#f0f2f5;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%,8px 50%)}.breadcrumb-enter-active{transition:all .25s}.breadcrumb-enter-from,.breadcrumb-leave-active{opacity:0;transform:translate(30px) skew(-50deg)}

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@ditari/bsui",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "files": [
-    "dist/**",
-    "src/**"
+    "dist",
+    "src"
   ],
   "private": false,
   "publishConfig": {
     "access": "public"
   },
   "exports": {
-    "./ui": {
+    ".": {
       "require": "./dist/cjs/components/index.cjs.js",
       "import": "./dist/esm/components/index.esm.js",
       "types": "./dist/esm/components/index.d.ts"
@@ -25,6 +25,7 @@
       "import": "./dist/esm/hooks/index.esm.js",
       "types": "./dist/esm/hooks/index.d.ts"
     },
-    "./css/*": "./dist/css/*"
+    "./css/*": "./dist/css/*",
+    "./theme/*": "./dist/style/*"
   }
 }

package/src/components/layout/Breadcrumb.vue

@@ -4,7 +4,7 @@
  * @author 余老
  */
 import { computed } from "vue";
-import { useBreadcrumbStore } from "../../store";
+import { useBreadcrumbStore } from "../../store/modules/Breadcrumb";
 
 const store = useBreadcrumbStore();
 const breadCrumbs = computed(() => store.getBreadcrumb);

package/src/components/layout/List.vue

@@ -10,7 +10,7 @@ import {
   WatchStopHandle,
   inject
 } from "vue";
-import { useSettingsStore } from "../../store/index";
+import { useSettingsStore } from "../../store/modules/Settings";
 import { storeToRefs } from "pinia";
 import { useRoute } from "vue-router";
 

package/src/components/layout/Menu.jsx

@@ -1,5 +1,5 @@
 import { defineComponent, h, ref, resolveComponent } from "vue";
-import { useMenuStore } from "../../store";
+import { useMenuStore } from "../../store/modules/Menu";
 
 export default defineComponent({
   name: "DMenu",
@@ -63,7 +63,9 @@ export default defineComponent({
               title: () => <>{menu.title}</>,
               icon: () => (
                 <>
-                  <span>{menu.icon ? h(resolveComponent(menu.icon)) : undefined}</span>
+                  <span>
+                    {menu.icon ? h(resolveComponent(menu.icon)) : undefined}
+                  </span>
                 </>
               ),
               default: () => {

package/src/components/layout/NavTabs.vue

@@ -5,7 +5,7 @@
 import { computed, Ref, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { CloseOutlined } from "@ant-design/icons-vue";
-import { useNavTabsStore, useKeepAliveStore } from "../../store/index";
+import { useNavTabsStore, useKeepAliveStore } from "../../store";
 import { INavTab } from "../../store/modules/NavTab";
 import { storeToRefs } from "pinia";
 

package/src/components/layout/Show.vue

@@ -2,11 +2,13 @@
 /**
  * 详情/新增/编辑组件
  */
-import { useSlots,  watch } from "vue";
+import { useSlots, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { LeftOutlined } from "@ant-design/icons-vue";
 import { useScrollLock, useWindowScroll } from "@vueuse/core";
-import { useNavTabsStore, useSettingsStore } from "../../store";
+import { useNavTabsStore } from "../../store/modules/NavTab";
+import { useSettingsStore } from "../../store/modules/Settings";
+
 import { storeToRefs } from "pinia";
 
 interface Props {

package/src/hooks/route/index.ts

@@ -7,7 +7,7 @@ import {
   RouteRecordRaw,
   RouterMatcher
 } from "vue-router";
-import { useBreadcrumbStore } from "../../store";
+import { useBreadcrumbStore } from "../../store/modules/Breadcrumb";
 
 /**
  * 路由管理

package/src/store/index.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/src/store/modules/Breadcrumb.ts

@@ -5,12 +5,11 @@
 import { defineStore } from "pinia";
 import { BREADCRUMB_ID } from "../types";
 
-
 export interface State {
   breadcrumbs: [];
 }
 
-export default defineStore(BREADCRUMB_ID, {
+export const useBreadcrumbStore = defineStore(BREADCRUMB_ID, {
   state: (): State => ({
     breadcrumbs: []
   }),

package/src/store/modules/DataDictionary.ts

@@ -5,7 +5,7 @@ interface State {
   someState: string;
   list: any;
 }
-export default defineStore(DATA_DICTIONARY_ID, {
+const useDataDicStore = defineStore(DATA_DICTIONARY_ID, {
   state: (): State => ({
     someState: "你好 pinia",
     list: {}
@@ -45,3 +45,5 @@ export default defineStore(DATA_DICTIONARY_ID, {
   },
   persist: true
 });
+
+export { useDataDicStore };

package/src/store/modules/KeepAlive.ts

@@ -6,7 +6,7 @@ import { RouteLocationNormalized } from "vue-router";
 
 import { KEEP_ALIVE_ID } from "../types";
 
-export default defineStore(KEEP_ALIVE_ID, {
+export const useKeepAliveStore = defineStore(KEEP_ALIVE_ID, {
   state: () => {
     return {
       list: [] as string[]

package/src/store/modules/Menu.ts

@@ -4,7 +4,7 @@
 import { defineStore } from "pinia";
 import { MENU_ID } from "../types";
 
-export default defineStore(MENU_ID, {
+export const useMenuStore = defineStore(MENU_ID, {
   state: () => {
     return {
       list: []

package/src/store/modules/NavTab.ts

@@ -20,7 +20,7 @@ export interface INavTab {
   name: string;
 }
 
-export default defineStore(NAV_TAB_ID, {
+export const useNavTabsStore = defineStore(NAV_TAB_ID, {
   state: () => {
     return {
       // 多标签列表

package/src/store/modules/Settings.ts

@@ -63,8 +63,16 @@ const gridConfig = [
   }
 ];
 
-export default defineStore(SETTINGS_ID, {
-  state: () => ({
+export interface State {
+  refresh: boolean;
+  collapsed: boolean;
+  mediaRuleMap: any;
+  gridConfig: any;
+  gridValue: any;
+}
+
+export const useSettingsStore = defineStore(SETTINGS_ID, {
+  state: (): State => ({
     // 刷新状态
     refresh: false as boolean,
     // 菜单收缩
@@ -100,10 +108,10 @@ export default defineStore(SETTINGS_ID, {
      */
     gridMatching() {
       const mediaResult = this.mediaRuleMap.filter(
-        (item) => useMediaQuery(item.value).value
+        (item: any) => useMediaQuery(item.value).value
       )[0];
       const gridRs = this.gridConfig.filter(
-        (item) => item.key === mediaResult.key
+        (item: any) => item.key === mediaResult.key
       )[0];
       this.gridValue = gridRs;
     }

package/src/store/modules/User.ts

@@ -1,23 +1,30 @@
 import { defineStore } from "pinia";
 import { USER_ID } from "../types";
 
-export default defineStore(USER_ID, {
-  state: () => {
-    return {
-      // token
-      token: undefined
-    };
-  },
+export interface State {
+  token: string | undefined;
+  userInfo: any;
+}
+export const useUserStore = defineStore(USER_ID, {
+  state: (): State => ({
+    token: undefined,
+    userInfo: undefined
+  }),
   getters: {
-    getToken: (state) => state.token
+    getToken: (state) => state.token,
+    getUserInfo: (state) => state.userInfo
   },
   actions: {
     /**
      * 保存token
      * @param token
      */
-    saveToken(token: any) {
+    saveToken(token: string) {
       this.token = token;
+    },
+    saveUserInfo(data: any) {
+      this.userInfo = data;
     }
-  }
+  },
+  persist: true
 });