@done-coding/admin-core 0.18.0 → 0.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +77 -1
- package/es/_virtual/_plugin-vue_export-helper.mjs +7 -6
- package/es/bridge/config-hook.mjs +49 -37
- package/es/bridge/index.mjs +152 -109
- package/es/bridge/layout.mjs +45 -31
- package/es/bridge/plugin.mjs +22 -12
- package/es/bridge/route.mjs +59 -50
- package/es/bridge/state.mjs +54 -39
- package/es/bridge/storage.mjs +18 -8
- package/es/bridge/theme/index.mjs +200 -97
- package/es/bridge/theme/persist.mjs +11 -7
- package/es/bridge/theme/system-dark.mjs +13 -6
- package/es/components/app-layout/AppAside.vue.mjs +4 -4
- package/es/components/app-layout/AppAside.vue2.mjs +37 -30
- package/es/components/app-layout/AppBody.vue.mjs +4 -4
- package/es/components/app-layout/AppBody.vue2.mjs +97 -60
- package/es/components/app-layout/AppBreadcrumb.vue.mjs +4 -4
- package/es/components/app-layout/AppBreadcrumb.vue2.mjs +59 -38
- package/es/components/app-layout/AppCollapseToggle.vue.mjs +4 -4
- package/es/components/app-layout/AppCollapseToggle.vue2.mjs +51 -42
- package/es/components/app-layout/AppFooter.vue.mjs +4 -4
- package/es/components/app-layout/AppFooter.vue2.mjs +15 -12
- package/es/components/app-layout/AppHeader.vue.mjs +4 -4
- package/es/components/app-layout/AppHeader.vue2.mjs +81 -58
- package/es/components/app-layout/AppLayout.vue.mjs +4 -4
- package/es/components/app-layout/AppLayout.vue2.mjs +148 -112
- package/es/components/app-layout/AppPage.vue.mjs +4 -4
- package/es/components/app-layout/AppPage.vue2.mjs +254 -197
- package/es/components/app-layout/AppShell.vue.mjs +44 -42
- package/es/components/app-layout/AppShell.vue2.mjs +2 -2
- package/es/components/app-layout/AppSidebar.vue.mjs +4 -4
- package/es/components/app-layout/AppSidebar.vue2.mjs +76 -59
- package/es/components/app-layout/AppTheme.vue.mjs +4 -4
- package/es/components/app-layout/AppTheme.vue2.mjs +69 -57
- package/es/components/app-layout/app-page-geometry.mjs +44 -42
- package/es/components/app-layout/keep-alive.mjs +27 -19
- package/es/components/app-layout/viewport.mjs +4 -3
- package/es/components/data-view/DataListView.vue.mjs +4 -4
- package/es/components/data-view/DataListView.vue2.mjs +133 -93
- package/es/components/data-view/DataListViewItem.vue.mjs +4 -4
- package/es/components/data-view/DataListViewItem.vue2.mjs +11 -9
- package/es/components/data-view/utils.mjs +36 -34
- package/es/components/display/ActionBtn.vue.mjs +94 -71
- package/es/components/display/ActionBtn.vue2.mjs +2 -2
- package/es/components/display/ActionBtnGroup.vue.mjs +54 -48
- package/es/components/display/ActionBtnGroup.vue2.mjs +2 -2
- package/es/components/display/ActionConfirm.vue.mjs +4 -4
- package/es/components/display/ActionConfirm.vue2.mjs +116 -92
- package/es/components/display/BooleanTag.vue.mjs +24 -18
- package/es/components/display/BooleanTag.vue2.mjs +2 -2
- package/es/components/display/HeightProvider.vue.mjs +37 -27
- package/es/components/display/HeightProvider.vue2.mjs +2 -2
- package/es/components/display/TabsHeader.vue.mjs +4 -4
- package/es/components/display/TabsHeader.vue2.mjs +86 -57
- package/es/components/display/TabsMain.vue.mjs +156 -125
- package/es/components/display/TabsMain.vue2.mjs +2 -2
- package/es/components/display/TabsNaturalFlow.vue.mjs +15 -11
- package/es/components/display/TabsNaturalFlow.vue2.mjs +2 -2
- package/es/components/display/TabsRefineFlow.vue.mjs +55 -42
- package/es/components/display/TabsRefineFlow.vue2.mjs +2 -2
- package/es/components/display/TabsTile.vue.mjs +4 -4
- package/es/components/display/TabsTile.vue2.mjs +204 -146
- package/es/components/display/WatchSize.vue.mjs +50 -30
- package/es/components/display/WatchSize.vue2.mjs +2 -2
- package/es/components/display/use-tabs-query-sync.mjs +21 -17
- package/es/components/form/FormItem.vue.mjs +4 -4
- package/es/components/form/FormItem.vue2.mjs +183 -121
- package/es/components/form/FormItemNestForm.vue.mjs +4 -4
- package/es/components/form/FormItemNestForm.vue2.mjs +38 -34
- package/es/components/form/FormItemNestFormList.vue.mjs +4 -4
- package/es/components/form/FormItemNestFormList.vue2.mjs +135 -106
- package/es/components/form/FormMain.vue.mjs +4 -4
- package/es/components/form/FormMain.vue2.mjs +226 -139
- package/es/components/form/FormRadioGroup.vue.mjs +67 -52
- package/es/components/form/FormRadioGroup.vue2.mjs +2 -2
- package/es/components/form/FormSearch.vue.mjs +4 -4
- package/es/components/form/FormSearch.vue2.mjs +194 -156
- package/es/components/form/FormSelect.vue.mjs +69 -42
- package/es/components/form/FormSelect.vue2.mjs +2 -2
- package/es/components/form/FormSubmitBtn.vue.mjs +30 -25
- package/es/components/form/FormSubmitBtn.vue2.mjs +2 -2
- package/es/components/form/FormSubmitPanel.vue.mjs +4 -4
- package/es/components/form/FormSubmitPanel.vue2.mjs +129 -96
- package/es/components/form/FormTree.vue.mjs +19 -16
- package/es/components/form/FormTree.vue2.mjs +2 -2
- package/es/components/form/FormVerifyCode.vue.mjs +58 -41
- package/es/components/form/FormVerifyCode.vue2.mjs +2 -2
- package/es/components/form/FormVerifyImage.vue.mjs +4 -4
- package/es/components/form/FormVerifyImage.vue2.mjs +62 -40
- package/es/components/form/form-search-utils.mjs +83 -52
- package/es/components/form/nest-form-item-list.mjs +63 -55
- package/es/components/form/nest-form-item.mjs +30 -30
- package/es/components/form/nest-registry.mjs +4 -4
- package/es/components/form/use-form-submit.mjs +18 -15
- package/es/components/form/use-layout-by-container.mjs +23 -15
- package/es/components/form/use-nest-form-list.mjs +19 -16
- package/es/components/form/use-nest-form.mjs +37 -28
- package/es/components/form/use-nest-layout-scale.mjs +11 -10
- package/es/components/form/utils.mjs +233 -145
- package/es/components/list-page/ListPage.vue.mjs +4 -4
- package/es/components/list-page/ListPage.vue2.mjs +313 -207
- package/es/components/list-page/use-sticky.mjs +45 -33
- package/es/components/menu/MenuItemSub.vue.mjs +47 -43
- package/es/components/menu/MenuItemSub.vue2.mjs +2 -2
- package/es/components/menu/MenuTree.vue.mjs +84 -61
- package/es/components/menu/MenuTree.vue2.mjs +2 -2
- package/es/components/misc/AutoRefresh.vue.mjs +4 -4
- package/es/components/misc/AutoRefresh.vue2.mjs +78 -53
- package/es/components/misc/AutoRefreshGroup.vue.mjs +4 -4
- package/es/components/misc/AutoRefreshGroup.vue2.mjs +54 -51
- package/es/components/misc/SelectModule.vue.mjs +54 -45
- package/es/components/misc/SelectModule.vue2.mjs +2 -2
- package/es/components/misc/TriggerAutoImport.vue.mjs +7 -5
- package/es/components/misc/TriggerAutoImport.vue2.mjs +2 -2
- package/es/components/modal/ModalConfirm.vue.mjs +4 -4
- package/es/components/modal/ModalConfirm.vue2.mjs +160 -125
- package/es/components/modal/ModalDetail.vue.mjs +50 -39
- package/es/components/modal/ModalDetail.vue2.mjs +2 -2
- package/es/components/modal/ModalForm.vue.mjs +63 -52
- package/es/components/modal/ModalForm.vue2.mjs +2 -2
- package/es/components/modal/ModalPorter.vue.mjs +51 -36
- package/es/components/modal/ModalPorter.vue2.mjs +2 -2
- package/es/components/modal/ModalShelf.vue.mjs +38 -28
- package/es/components/modal/ModalShelf.vue2.mjs +2 -2
- package/es/components/modal/modal-shelf-core.mjs +52 -36
- package/es/components/modal/modal-shelf-hierarchy.mjs +11 -9
- package/es/components/panel/PanelEditSwitch.vue.mjs +4 -4
- package/es/components/panel/PanelEditSwitch.vue2.mjs +88 -66
- package/es/components/panel/PanelItem.vue.mjs +4 -4
- package/es/components/panel/PanelItem.vue2.mjs +103 -77
- package/es/components/panel/PanelItemNestForm.vue.mjs +4 -4
- package/es/components/panel/PanelItemNestForm.vue2.mjs +61 -52
- package/es/components/panel/PanelItemNestPanel.vue.mjs +22 -20
- package/es/components/panel/PanelItemNestPanel.vue2.mjs +2 -2
- package/es/components/panel/PanelMain.vue.mjs +4 -4
- package/es/components/panel/PanelMain.vue2.mjs +92 -74
- package/es/components/panel/nest-panel-form.mjs +44 -38
- package/es/components/panel/nest-panel-item.mjs +18 -17
- package/es/components/slot-layout/SlotLayoutFlowAside.vue.mjs +4 -4
- package/es/components/slot-layout/SlotLayoutFlowAside.vue2.mjs +55 -42
- package/es/components/slot-layout/SlotLayoutTemplate.vue.mjs +11 -9
- package/es/components/slot-layout/SlotLayoutTemplate.vue2.mjs +2 -2
- package/es/components/table/TableMain.vue.mjs +4 -4
- package/es/components/table/TableMain.vue2.mjs +378 -275
- package/es/components/table/TableSkeleton.vue.mjs +4 -4
- package/es/components/table/TableSkeleton.vue2.mjs +95 -74
- package/es/components/table/TableToolbar.vue.mjs +4 -4
- package/es/components/table/TableToolbar.vue2.mjs +170 -154
- package/es/components/table/ToolbarButtons.vue.mjs +12 -10
- package/es/components/table/ToolbarButtons.vue2.mjs +2 -2
- package/es/components/table/constants.mjs +4 -3
- package/es/components/table/use-fill-height.mjs +12 -10
- package/es/components/table/use-table-skeleton.mjs +19 -15
- package/es/config/list-model.mjs +2 -2
- package/es/config/route.mjs +4 -3
- package/es/helpers/form.mjs +35 -25
- package/es/helpers/list-helper.mjs +59 -44
- package/es/hooks/activated.mjs +49 -33
- package/es/hooks/feel-size.mjs +39 -23
- package/es/hooks/menus-dispatch.mjs +68 -35
- package/es/hooks/timeout.mjs +29 -14
- package/es/hooks/use-breakpoint.mjs +35 -23
- package/es/hooks/use-channel-viewport-height.mjs +30 -20
- package/es/hooks/use-custom-breakpoint.mjs +48 -31
- package/es/hooks/use-observe-size.mjs +37 -20
- package/es/hooks/use-theme-apply.mjs +175 -124
- package/es/hooks/use-viewport-apply.mjs +39 -27
- package/es/index.mjs +239 -239
- package/es/inject/key.mjs +52 -41
- package/es/injectInfo.json.mjs +2 -2
- package/es/router/group-redirect.mjs +22 -16
- package/es/router/guard/index.mjs +26 -21
- package/es/router/guard/login.mjs +4 -2
- package/es/router/guard/permission.mjs +4 -2
- package/es/store/app.mjs +163 -123
- package/es/store/router-permission.mjs +75 -46
- package/es/store/user.mjs +100 -71
- package/es/style.css +769 -1
- package/es/utils/dom.mjs +20 -16
- package/es/utils/export.mjs +34 -18
- package/es/utils/id.mjs +5 -3
- package/es/utils/router.mjs +21 -14
- package/es/utils/theme-scale.mjs +50 -35
- package/es/utils/time.mjs +20 -14
- package/package.json +4 -3
- package/src/bridge/README.md +5 -0
- package/src/bridge/docs/README.md +72 -0
- package/src/components/README.md +84 -0
- package/src/components/app-layout/README.md +46 -0
- package/src/components/app-layout/docs/README-AppAside.md +69 -0
- package/src/components/app-layout/docs/README-AppBody.md +81 -0
- package/src/components/app-layout/docs/README-AppBreadcrumb.md +71 -0
- package/src/components/app-layout/docs/README-AppFooter.md +41 -0
- package/src/components/app-layout/docs/README-AppHeader.md +73 -0
- package/src/components/app-layout/docs/README-AppLayout.md +83 -0
- package/src/components/app-layout/docs/README-AppPage.md +80 -0
- package/src/components/app-layout/docs/README-AppSidebar.md +70 -0
- package/src/components/app-layout/docs/README-AppTheme.md +66 -0
- package/src/components/data-view/README.md +19 -0
- package/src/components/data-view/docs/README-DataListView.md +114 -0
- package/src/components/display/README.md +23 -0
- package/src/components/display/docs/README-ActionBtn.md +84 -0
- package/src/components/display/docs/README-ActionBtnGroup.md +96 -0
- package/src/components/display/docs/README-ActionConfirm.md +77 -0
- package/src/components/display/docs/README-BooleanTag.md +76 -0
- package/src/components/display/docs/README-HeightProvider.md +74 -0
- package/src/components/display/docs/README-TabsMain.md +99 -0
- package/src/components/display/docs/README-WatchSize.md +70 -0
- package/src/components/form/README.md +24 -0
- package/src/components/form/docs/README-FormItemNestForm.md +86 -0
- package/src/components/form/docs/README-FormItemNestFormList.md +93 -0
- package/src/components/form/docs/README-FormMain.md +101 -0
- package/src/components/form/docs/README-FormSearch.md +89 -0
- package/src/components/form/docs/README-FormSubmitBtn.md +72 -0
- package/src/components/form/docs/README-FormSubmitPanel.md +97 -0
- package/src/components/list-page/README.md +16 -0
- package/src/components/list-page/docs/README-ListPage.md +136 -0
- package/src/components/menu/README.md +19 -0
- package/src/components/menu/docs/README-MenuItemSub.md +53 -0
- package/src/components/menu/docs/README-MenuTree.md +76 -0
- package/src/components/misc/README.md +21 -0
- package/src/components/misc/docs/README-AutoRefresh.md +74 -0
- package/src/components/misc/docs/README-AutoRefreshGroup.md +74 -0
- package/src/components/misc/docs/README-SelectModule.md +72 -0
- package/src/components/modal/README.md +21 -0
- package/src/components/modal/docs/README-ModalConfirm.md +105 -0
- package/src/components/modal/docs/README-ModalDetail.md +103 -0
- package/src/components/modal/docs/README-ModalForm.md +97 -0
- package/src/components/modal/docs/README-ModalPorter.md +92 -0
- package/src/components/modal/docs/README-ModalShelf.md +115 -0
- package/src/components/panel/README.md +19 -0
- package/src/components/panel/docs/README-PanelMain.md +149 -0
- package/src/components/slot-layout/README.md +17 -0
- package/src/components/slot-layout/docs/README-SlotLayoutFlowAside.md +83 -0
- package/src/components/slot-layout/docs/README-SlotLayoutTemplate.md +73 -0
- package/src/components/table/README.md +17 -0
- package/src/components/table/docs/README-TableMain.md +140 -0
- package/src/hooks/README.md +5 -0
- package/src/hooks/docs/README.md +49 -0
- package/types/bridge/config-hook.d.ts +68 -0
- package/types/bridge/index.d.ts +411 -0
- package/types/bridge/layout.d.ts +40 -0
- package/types/bridge/plugin.d.ts +18 -0
- package/types/bridge/route.d.ts +20 -1
- package/types/bridge/state.d.ts +14 -0
- package/types/bridge/storage.d.ts +9 -0
- package/types/bridge/theme/index.d.ts +7 -0
- package/types/bridge/theme/persist.d.ts +12 -0
- package/types/bridge/theme/system-dark.d.ts +12 -0
- package/types/bridge/theme/types.d.ts +238 -0
- package/types/components/app-layout/AppAside.vue.d.ts +1 -0
- package/types/components/app-layout/AppCollapseToggle.vue.d.ts +3 -0
- package/types/components/app-layout/AppHeader.vue.d.ts +3 -0
- package/types/components/app-layout/AppLayout.vue.d.ts +12 -0
- package/types/components/app-layout/AppPage.vue.d.ts +17 -0
- package/types/components/app-layout/AppSidebar.vue.d.ts +2 -0
- package/types/components/app-layout/app-page-geometry.d.ts +48 -0
- package/types/components/app-layout/keep-alive.d.ts +17 -0
- package/types/components/app-layout/types.d.ts +125 -0
- package/types/components/app-layout/viewport.d.ts +28 -0
- package/types/components/data-view/DataListViewItem.vue.d.ts +8 -0
- package/types/components/data-view/index.d.ts +4 -0
- package/types/components/data-view/types.d.ts +42 -0
- package/types/components/data-view/utils.d.ts +3 -0
- package/types/components/display/TabsHeader.vue.d.ts +2 -0
- package/types/components/display/TabsMain.vue.d.ts +2 -0
- package/types/components/display/TabsRefineFlow.vue.d.ts +1 -0
- package/types/components/display/TabsTile.vue.d.ts +247 -12
- package/types/components/display/WatchSize.vue.d.ts +9 -0
- package/types/components/display/index.d.ts +37 -1
- package/types/components/display/types.d.ts +163 -0
- package/types/components/display/use-tabs-query-sync.d.ts +29 -0
- package/types/components/form/FormItemNestForm.vue.d.ts +5 -0
- package/types/components/form/FormItemNestFormList.vue.d.ts +17 -0
- package/types/components/form/FormVerifyCode.vue.d.ts +9 -0
- package/types/components/form/FormVerifyImage.vue.d.ts +1 -0
- package/types/components/form/form-search-utils.d.ts +34 -0
- package/types/components/form/nest-form-item-list.d.ts +28 -0
- package/types/components/form/nest-form-item.d.ts +21 -0
- package/types/components/form/nest-registry.d.ts +14 -0
- package/types/components/form/types.d.ts +208 -8
- package/types/components/form/use-form-submit.d.ts +13 -0
- package/types/components/form/use-layout-by-container.d.ts +23 -0
- package/types/components/form/use-nest-form-list.d.ts +13 -0
- package/types/components/form/use-nest-form.d.ts +15 -0
- package/types/components/form/use-nest-layout-scale.d.ts +12 -0
- package/types/components/form/utils.d.ts +56 -1
- package/types/components/list-page/ListPage.vue.d.ts +6 -0
- package/types/components/list-page/types.d.ts +50 -2
- package/types/components/list-page/use-sticky.d.ts +23 -0
- package/types/components/misc/index.d.ts +6 -1
- package/types/components/misc/types.d.ts +7 -0
- package/types/components/modal/ModalConfirm.vue.d.ts +29 -0
- package/types/components/modal/index.d.ts +7 -1
- package/types/components/modal/modal-shelf-core.d.ts +3 -0
- package/types/components/modal/modal-shelf-hierarchy.d.ts +4 -0
- package/types/components/modal/modal-shelf-types.d.ts +34 -0
- package/types/components/modal/types.d.ts +63 -2
- package/types/components/panel/PanelItemNestForm.vue.d.ts +6 -0
- package/types/components/panel/PanelItemNestPanel.vue.d.ts +5 -0
- package/types/components/panel/nest-panel-form.d.ts +21 -0
- package/types/components/panel/nest-panel-item.d.ts +14 -0
- package/types/components/panel/types.d.ts +52 -1
- package/types/components/slot-layout/SlotLayoutTemplate.vue.d.ts +21 -0
- package/types/components/slot-layout/types.d.ts +4 -0
- package/types/components/table/constants.d.ts +8 -0
- package/types/components/table/types.d.ts +140 -9
- package/types/components/table/use-fill-height.d.ts +14 -0
- package/types/components/table/use-table-skeleton.d.ts +16 -0
- package/types/config/list-model.d.ts +29 -0
- package/types/config/route.d.ts +2 -0
- package/types/helpers/form.d.ts +5 -0
- package/types/helpers/list-helper.d.ts +26 -0
- package/types/helpers/types.d.ts +11 -0
- package/types/hooks/activated.d.ts +23 -0
- package/types/hooks/feel-size.d.ts +2 -0
- package/types/hooks/menus-dispatch.d.ts +4 -0
- package/types/hooks/timeout.d.ts +4 -0
- package/types/hooks/use-channel-viewport-height.d.ts +8 -0
- package/types/hooks/use-custom-breakpoint.d.ts +19 -0
- package/types/hooks/use-observe-size.d.ts +29 -0
- package/types/hooks/use-theme-apply.d.ts +23 -0
- package/types/hooks/use-viewport-apply.d.ts +12 -0
- package/types/inject/key.d.ts +163 -0
- package/types/injectInfo.json.d.ts +1 -1
- package/types/router/group-redirect.d.ts +9 -0
- package/types/router/guard/index.d.ts +13 -0
- package/types/router/guard/login.d.ts +1 -0
- package/types/router/guard/permission.d.ts +1 -0
- package/types/router/guard/types.d.ts +3 -0
- package/types/store/app.d.ts +27 -0
- package/types/store/router-permission.d.ts +53 -0
- package/types/store/user.d.ts +24 -0
- package/types/types/dot-path.d.ts +8 -0
- package/types/types/route.d.ts +45 -0
- package/types/types/utility-types.d.ts +7 -0
- package/types/utils/dom.d.ts +22 -0
- package/types/utils/export.d.ts +16 -1
- package/types/utils/id.d.ts +1 -0
- package/types/utils/router.d.ts +2 -0
- package/types/utils/theme-scale.d.ts +31 -0
- package/types/utils/time.d.ts +1 -0
package/es/bridge/layout.mjs
CHANGED
|
@@ -1,51 +1,65 @@
|
|
|
1
|
-
import { ref
|
|
2
|
-
const
|
|
3
|
-
function
|
|
4
|
-
const
|
|
5
|
-
|
|
1
|
+
import { ref, readonly } from "vue";
|
|
2
|
+
const DEFAULT_LAYOUT_STORAGE_KEY = "dc-core-layout";
|
|
3
|
+
function createBridgeLayoutHook(init) {
|
|
4
|
+
const storageKey = init.storageKey ?? DEFAULT_LAYOUT_STORAGE_KEY;
|
|
5
|
+
const sidebarCollapsed = ref(init.defaultSidebarCollapsed ?? false);
|
|
6
|
+
const asideCollapsed = ref(init.defaultAsideCollapsed ?? false);
|
|
7
|
+
let raw = null;
|
|
6
8
|
try {
|
|
7
|
-
|
|
9
|
+
raw = init.storage.getItem(storageKey);
|
|
8
10
|
} catch {
|
|
9
|
-
|
|
11
|
+
raw = null;
|
|
10
12
|
}
|
|
11
|
-
if (
|
|
13
|
+
if (raw) {
|
|
12
14
|
try {
|
|
13
|
-
const
|
|
14
|
-
typeof (
|
|
15
|
+
const parsed = JSON.parse(raw);
|
|
16
|
+
if (typeof (parsed == null ? void 0 : parsed.sidebarCollapsed) === "boolean") {
|
|
17
|
+
sidebarCollapsed.value = parsed.sidebarCollapsed;
|
|
18
|
+
}
|
|
19
|
+
if (typeof (parsed == null ? void 0 : parsed.asideCollapsed) === "boolean") {
|
|
20
|
+
asideCollapsed.value = parsed.asideCollapsed;
|
|
21
|
+
}
|
|
15
22
|
} catch {
|
|
16
23
|
}
|
|
17
|
-
|
|
24
|
+
}
|
|
25
|
+
const persist = () => {
|
|
18
26
|
try {
|
|
19
|
-
|
|
20
|
-
|
|
27
|
+
init.storage.setItem(
|
|
28
|
+
storageKey,
|
|
21
29
|
JSON.stringify({
|
|
22
|
-
sidebarCollapsed:
|
|
23
|
-
asideCollapsed:
|
|
30
|
+
sidebarCollapsed: sidebarCollapsed.value,
|
|
31
|
+
asideCollapsed: asideCollapsed.value
|
|
24
32
|
})
|
|
25
33
|
);
|
|
26
34
|
} catch {
|
|
27
35
|
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
+
};
|
|
37
|
+
const setSidebarCollapse = (collapsed) => {
|
|
38
|
+
sidebarCollapsed.value = collapsed;
|
|
39
|
+
persist();
|
|
40
|
+
};
|
|
41
|
+
const toggleSidebar = () => {
|
|
42
|
+
setSidebarCollapse(!sidebarCollapsed.value);
|
|
43
|
+
};
|
|
44
|
+
const setAsideCollapse = (collapsed) => {
|
|
45
|
+
asideCollapsed.value = collapsed;
|
|
46
|
+
persist();
|
|
47
|
+
};
|
|
48
|
+
const toggleAside = () => {
|
|
49
|
+
setAsideCollapse(!asideCollapsed.value);
|
|
36
50
|
};
|
|
37
51
|
return {
|
|
38
52
|
layout: {
|
|
39
|
-
sidebarCollapsed:
|
|
40
|
-
asideCollapsed:
|
|
41
|
-
setSidebarCollapse
|
|
42
|
-
toggleSidebar
|
|
43
|
-
setAsideCollapse
|
|
44
|
-
toggleAside
|
|
53
|
+
sidebarCollapsed: readonly(sidebarCollapsed),
|
|
54
|
+
asideCollapsed: readonly(asideCollapsed),
|
|
55
|
+
setSidebarCollapse,
|
|
56
|
+
toggleSidebar,
|
|
57
|
+
setAsideCollapse,
|
|
58
|
+
toggleAside
|
|
45
59
|
}
|
|
46
60
|
};
|
|
47
61
|
}
|
|
48
62
|
export {
|
|
49
|
-
|
|
50
|
-
|
|
63
|
+
DEFAULT_LAYOUT_STORAGE_KEY,
|
|
64
|
+
createBridgeLayoutHook
|
|
51
65
|
};
|
package/es/bridge/plugin.mjs
CHANGED
|
@@ -1,13 +1,19 @@
|
|
|
1
|
-
import
|
|
2
|
-
function
|
|
3
|
-
const
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import _omit from "lodash/omit";
|
|
2
|
+
function createBridgePluginHost() {
|
|
3
|
+
const installedPluginRefs = /* @__PURE__ */ new WeakSet();
|
|
4
|
+
const installedPluginNames = /* @__PURE__ */ new Set();
|
|
5
|
+
const use = (payload) => {
|
|
6
|
+
const { bridge, update, plugin, options } = payload;
|
|
7
|
+
const pluginRef = plugin;
|
|
8
|
+
const install = typeof plugin === "function" ? plugin : plugin.install;
|
|
9
|
+
const pluginName = typeof plugin === "function" ? void 0 : plugin.name;
|
|
10
|
+
if (typeof install !== "function") {
|
|
7
11
|
throw new Error("bridge plugin: install must be a function");
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
12
|
+
}
|
|
13
|
+
if (installedPluginRefs.has(pluginRef) || pluginName && installedPluginNames.has(pluginName)) {
|
|
14
|
+
return bridge;
|
|
15
|
+
}
|
|
16
|
+
const pluginBridge = _omit(bridge, [
|
|
11
17
|
"init",
|
|
12
18
|
"register",
|
|
13
19
|
"getToken",
|
|
@@ -21,9 +27,13 @@ function d() {
|
|
|
21
27
|
"use",
|
|
22
28
|
"install"
|
|
23
29
|
]);
|
|
24
|
-
|
|
25
|
-
|
|
30
|
+
install({ bridge: pluginBridge, update }, options);
|
|
31
|
+
installedPluginRefs.add(pluginRef);
|
|
32
|
+
if (pluginName) installedPluginNames.add(pluginName);
|
|
33
|
+
return bridge;
|
|
34
|
+
};
|
|
35
|
+
return { use };
|
|
26
36
|
}
|
|
27
37
|
export {
|
|
28
|
-
|
|
38
|
+
createBridgePluginHost
|
|
29
39
|
};
|
package/es/bridge/route.mjs
CHANGED
|
@@ -1,60 +1,69 @@
|
|
|
1
|
-
import { getRoutePermissionKey
|
|
2
|
-
import { ROUTE_MODULE_LEVEL
|
|
3
|
-
const
|
|
4
|
-
const
|
|
5
|
-
parentPath
|
|
6
|
-
parentPathList
|
|
7
|
-
routeLevel
|
|
8
|
-
sortFn
|
|
9
|
-
mapFn
|
|
10
|
-
filterFn
|
|
1
|
+
import { getRoutePermissionKey } from "../utils/router.mjs";
|
|
2
|
+
import { ROUTE_MODULE_LEVEL } from "../config/route.mjs";
|
|
3
|
+
const createGenerateRouteMetaRawTree = (metaDefault) => {
|
|
4
|
+
const generateRouteMetaRawTree = (routesList, {
|
|
5
|
+
parentPath = "",
|
|
6
|
+
parentPathList = [],
|
|
7
|
+
routeLevel = ROUTE_MODULE_LEVEL,
|
|
8
|
+
sortFn,
|
|
9
|
+
mapFn,
|
|
10
|
+
filterFn
|
|
11
11
|
} = {}) => {
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
const { path
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
const list = [];
|
|
13
|
+
routesList.forEach((route) => {
|
|
14
|
+
const { path, children, meta } = route;
|
|
15
|
+
const appMeta = meta;
|
|
16
|
+
if (!appMeta) {
|
|
17
|
+
console.error(`路由${path}未配置meta`);
|
|
17
18
|
return;
|
|
18
19
|
}
|
|
19
|
-
const { menu
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
20
|
+
const { menu, redirectToFirstChildRoute = true } = appMeta;
|
|
21
|
+
const { title, permission } = appMeta;
|
|
22
|
+
const currentPath = path.startsWith("/") ? path : `${parentPath}/${path}`;
|
|
23
|
+
const currentPathList = [...parentPathList, currentPath];
|
|
24
|
+
const permissionKey = getRoutePermissionKey({
|
|
25
|
+
path: currentPath,
|
|
26
|
+
permission
|
|
27
|
+
});
|
|
28
|
+
const metaResolveRaw = {
|
|
29
|
+
path: currentPath,
|
|
30
|
+
title,
|
|
31
|
+
routeLevel,
|
|
32
|
+
redirectToFirstChildRoute,
|
|
33
|
+
menuShow: (menu == null ? void 0 : menu.show) ?? metaDefault.menuShow,
|
|
34
|
+
menuIcon: menu == null ? void 0 : menu.icon,
|
|
35
|
+
menuSort: (menu == null ? void 0 : menu.sort) || 0,
|
|
36
|
+
childrenRaw: Array.isArray(children) ? children : [],
|
|
37
|
+
children: children ? generateRouteMetaRawTree(children, {
|
|
38
|
+
parentPath: currentPath,
|
|
39
|
+
parentPathList: currentPathList,
|
|
40
|
+
routeLevel: routeLevel + 1,
|
|
41
|
+
filterFn,
|
|
42
|
+
mapFn,
|
|
43
|
+
sortFn
|
|
38
44
|
}) : [],
|
|
39
|
-
parentPath
|
|
40
|
-
parentPathList
|
|
41
|
-
permissionKey
|
|
42
|
-
checkPermission: !!
|
|
43
|
-
permissionEditShow:
|
|
44
|
-
needLogin: (
|
|
45
|
+
parentPath,
|
|
46
|
+
parentPathList,
|
|
47
|
+
permissionKey,
|
|
48
|
+
checkPermission: !!permissionKey,
|
|
49
|
+
permissionEditShow: permissionKey ? (permission == null ? void 0 : permission.editShow) ?? true : false,
|
|
50
|
+
needLogin: (permission == null ? void 0 : permission.login) ?? metaDefault.needLogin
|
|
45
51
|
};
|
|
46
|
-
if (
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
))
|
|
52
|
+
if (filterFn && !filterFn(
|
|
53
|
+
metaResolveRaw,
|
|
54
|
+
metaResolveRaw.children.length > 0,
|
|
55
|
+
metaResolveRaw.childrenRaw.length > 0
|
|
56
|
+
)) {
|
|
51
57
|
return;
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
58
|
+
}
|
|
59
|
+
const res = mapFn ? mapFn(metaResolveRaw) : metaResolveRaw;
|
|
60
|
+
list.push(res);
|
|
61
|
+
});
|
|
62
|
+
sortFn && list.sort(sortFn);
|
|
63
|
+
return list;
|
|
55
64
|
};
|
|
56
|
-
return
|
|
65
|
+
return generateRouteMetaRawTree;
|
|
57
66
|
};
|
|
58
67
|
export {
|
|
59
|
-
|
|
68
|
+
createGenerateRouteMetaRawTree
|
|
60
69
|
};
|
package/es/bridge/state.mjs
CHANGED
|
@@ -1,46 +1,61 @@
|
|
|
1
|
-
import { ref
|
|
2
|
-
import
|
|
3
|
-
const
|
|
4
|
-
debug
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
import { ref, computed, watch, reactive } from "vue";
|
|
2
|
+
import _cloneDeep from "lodash/cloneDeep";
|
|
3
|
+
const createUseState = (factoryNamespace) => {
|
|
4
|
+
return (initState, { debug, moduleKey, cache, storage = localStorage } = {
|
|
5
|
+
debug: false,
|
|
6
|
+
moduleKey: ""
|
|
7
|
+
}) => {
|
|
8
|
+
const cacheKey = `${factoryNamespace}/useState/${moduleKey}`;
|
|
9
|
+
let cacheState;
|
|
10
|
+
if (cache) {
|
|
11
|
+
const str = storage.getItem(cacheKey);
|
|
12
|
+
try {
|
|
13
|
+
cacheState = JSON.parse(str ?? "");
|
|
14
|
+
} catch (e) {
|
|
15
|
+
}
|
|
14
16
|
}
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
const stateInit = typeof initState === "function" ? initState() : initState;
|
|
18
|
+
const getStateInit = () => _cloneDeep(stateInit);
|
|
19
|
+
const stateBase = ref(cacheState ? cacheState : getStateInit());
|
|
20
|
+
const state = computed(() => stateBase.value);
|
|
21
|
+
const resetState = () => {
|
|
22
|
+
stateBase.value = getStateInit();
|
|
23
|
+
debug && console.log(`[useState]
|
|
24
|
+
重置 ${moduleKey} store 状态属性
|
|
19
25
|
`);
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
+
};
|
|
27
|
+
const updateState = (newStateObj = {}) => {
|
|
28
|
+
Object.entries(newStateObj).forEach(([key, newState]) => {
|
|
29
|
+
const currentState = stateBase.value;
|
|
30
|
+
const oldState = currentState[key];
|
|
31
|
+
if (oldState !== newState) {
|
|
32
|
+
debug && console.log(`[useState]
|
|
33
|
+
${moduleKey} ${key} 变化更新: ${oldState} => ${newState}
|
|
34
|
+
`);
|
|
35
|
+
currentState[key] = newState;
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
};
|
|
39
|
+
if (cache) {
|
|
40
|
+
watch(
|
|
41
|
+
stateBase,
|
|
42
|
+
(n) => {
|
|
43
|
+
storage == null ? void 0 : storage.setItem(cacheKey, JSON.stringify(n));
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
deep: true,
|
|
47
|
+
immediate: true
|
|
48
|
+
}
|
|
49
|
+
);
|
|
50
|
+
}
|
|
51
|
+
return reactive({
|
|
52
|
+
state,
|
|
53
|
+
getStateInit,
|
|
54
|
+
resetState,
|
|
55
|
+
updateState
|
|
26
56
|
});
|
|
27
57
|
};
|
|
28
|
-
return f && J(
|
|
29
|
-
c,
|
|
30
|
-
(t) => {
|
|
31
|
-
e == null || e.setItem(i, JSON.stringify(t));
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
deep: !0,
|
|
35
|
-
immediate: !0
|
|
36
|
-
}
|
|
37
|
-
), N({
|
|
38
|
-
state: d,
|
|
39
|
-
getStateInit: n,
|
|
40
|
-
resetState: h,
|
|
41
|
-
updateState: v
|
|
42
|
-
});
|
|
43
58
|
};
|
|
44
59
|
export {
|
|
45
|
-
|
|
60
|
+
createUseState
|
|
46
61
|
};
|
package/es/bridge/storage.mjs
CHANGED
|
@@ -1,16 +1,26 @@
|
|
|
1
|
-
const
|
|
2
|
-
const
|
|
1
|
+
const createStorageWithNamespace = (namespace) => {
|
|
2
|
+
const getKeyFinal = (key) => `${namespace}/${key}`;
|
|
3
3
|
return {
|
|
4
|
-
setItem: (
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
setItem: (key, value) => {
|
|
5
|
+
return localStorage.setItem(getKeyFinal(key), value);
|
|
6
|
+
},
|
|
7
|
+
getItem: (key) => {
|
|
8
|
+
return localStorage.getItem(getKeyFinal(key));
|
|
9
|
+
},
|
|
10
|
+
removeItem: (key) => {
|
|
11
|
+
return localStorage.removeItem(getKeyFinal(key));
|
|
12
|
+
},
|
|
13
|
+
clear: () => {
|
|
14
|
+
return localStorage.clear();
|
|
15
|
+
},
|
|
16
|
+
key: (index) => {
|
|
17
|
+
return localStorage.key(index);
|
|
18
|
+
},
|
|
9
19
|
get length() {
|
|
10
20
|
return localStorage.length;
|
|
11
21
|
}
|
|
12
22
|
};
|
|
13
23
|
};
|
|
14
24
|
export {
|
|
15
|
-
|
|
25
|
+
createStorageWithNamespace
|
|
16
26
|
};
|