@peng_kai/kit 0.2.0-beta.1 → 0.2.0-beta.11

package/admin/adminPlugin.ts

@@ -1,3 +1,4 @@
+import { inject } from 'vue';
 import type { App } from 'vue';
 import type { Router } from 'vue-router';
 import type { TUseMenuStore } from './stores/createUseMenuStore';
@@ -5,7 +6,7 @@ import type { TUsePageStore } from './stores/createUsePageStore';
 import type { TUsePageTabStore } from './stores/createUsePageTabStore';
 import type { TRole, TUsePermissionStore } from './stores/createUsePermissionStore';
 
-interface IOtions {
+export interface IOtions {
   meta: {
     appId: string
     appName: string
@@ -20,6 +21,7 @@ interface IOtions {
   }
 }
 
+const PROVIDE_KEY = 'TT_ADMIN';
 let _meta: IOtions['meta'];
 let _deps: IOtions['deps'];
 
@@ -27,6 +29,10 @@ export const adminPlugin = {
   install(_app: App, options: IOtions) {
     _meta = options.meta;
     _deps = options.deps;
+    _app.provide(PROVIDE_KEY, {
+      meta: this.meta,
+      deps: this.deps,
+    });
   },
   meta: new Proxy({} as IOtions['meta'], {
     get(_, p) {
@@ -45,3 +51,7 @@ export const adminPlugin = {
     },
   }),
 };
+
+export function injectTTAdmin() {
+  return inject<IOtions>(PROVIDE_KEY);
+}

package/admin/components/filter/src/FilterParam.vue

@@ -2,7 +2,7 @@
 import isNil from 'lodash-es/isNil';
 import isFinite from 'lodash-es/isFinite';
 import bignumber from 'bignumber.js';
-import { dayjs } from '../../../../utils/date';
+import dayjs from '../../../../libs/dayjs';
 
 export const paramTypes = { numberRange, datetimeRange, options };
 

package/admin/components/text/src/Datetime.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { Tooltip as ATooltip } from 'ant-design-vue';
 import { computed } from 'vue';
-import { dayjs } from '../../../../utils/date';
+import dayjs from '../../../../libs/dayjs';
 
 defineOptions({
   inheritAttrs: false,

package/admin/layout/large/Breadcrumb.vue

@@ -3,7 +3,7 @@ import { computed } from 'vue';
 import type { VNode } from 'vue';
 import { Breadcrumb as ABreadcrumb } from 'ant-design-vue';
 import type { Route as AntdBreadcrumbRoute } from 'ant-design-vue/es/breadcrumb/Breadcrumb';
-import { adminPlugin } from '../../adminPlugin';
+import { injectTTAdmin } from '../../adminPlugin';
 import type { IBreadcrumb } from '../../stores/createUsePageStore';
 
 interface IBreadcrumbRoute extends AntdBreadcrumbRoute {
@@ -23,7 +23,7 @@ function _buildRoute(breadcrumb: IBreadcrumb): IBreadcrumbRoute {
 </script>
 
 <script setup lang="ts">
-const pageStore = adminPlugin.deps.usePageStore();
+const pageStore = injectTTAdmin()!.deps.usePageStore();
 const routes = computed(() => {
   let breadcrumbs: IBreadcrumbRoute[] = [];
 

package/admin/layout/large/Content.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { adminPlugin } from '../../adminPlugin';
+import { injectTTAdmin } from '../../adminPlugin';
 
-const pageStore = adminPlugin.deps.usePageStore();
+const pageStore = injectTTAdmin()!.deps.usePageStore();
 </script>
 
 <template>

package/libs/dayjs.ts

@@ -1,5 +1,12 @@
 import dayjs from 'dayjs';
 
+import relativeTime from 'dayjs/plugin/relativeTime';
+import 'dayjs/locale/zh';
+import 'dayjs/locale/en';
+
 export { isDayjs, unix, locale, extend } from 'dayjs';
 export type { Dayjs, PluginFunc, UnitType, UnitTypeLong, UnitTypeLongPlural, UnitTypeShort, QUnitType, ConfigType, ConfigTypeMap, OpUnitType, OptionType, ManipulateType } from 'dayjs';
 export default dayjs;
+
+dayjs.locale('zh');
+dayjs.extend(relativeTime);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@peng_kai/kit",
   "type": "module",
-  "version": "0.2.0-beta.1",
+  "version": "0.2.0-beta.11",
   "description": "",
   "author": "",
   "license": "ISC",

package/utils/date.ts

@@ -1,12 +1,4 @@
-import dayjs from 'dayjs';
-import relativeTime from 'dayjs/plugin/relativeTime';
-import 'dayjs/locale/zh';
-import 'dayjs/locale/en';
-
-export { default as dayjs } from 'dayjs';
-
-dayjs.locale('zh');
-dayjs.extend(relativeTime);
+import dayjs from '../libs/dayjs';
 
 /**
  * 返回给定日期的一天的开始时间。