refactor: refactor store

src/components/Application/src/AppProvider.vue

@@ -3,22 +3,24 @@
 
   import { createAppProviderContext } from './useAppContext';
 
-  import designSetting from '/@/settings/designSetting';
+  import { prefixCls } from '/@/settings/designSetting';
   import { createBreakpointListen } from '/@/hooks/event/useBreakpoint';
   import { propTypes } from '/@/utils/propTypes';
-  import { appStore } from '/@/store/modules/app';
+  import { useAppStore } from '/@/store/modules/app';
   import { MenuModeEnum, MenuTypeEnum } from '/@/enums/menuEnum';
 
   export default defineComponent({
     name: 'AppProvider',
     inheritAttrs: false,
     props: {
-      prefixCls: propTypes.string.def(designSetting.prefixCls),
+      prefixCls: propTypes.string.def(prefixCls),
     },
     setup(props, { slots }) {
       const isMobile = ref(false);
       const isSetState = ref(false);
 
+      const appStore = useAppStore();
+
       createBreakpointListen(({ screenMap, sizeEnum, width }) => {
         const lgWidth = screenMap.get(sizeEnum.LG);
         if (lgWidth) {
@@ -42,20 +44,20 @@
                 split: menuSplit,
               },
             } = appStore.getProjectConfig;
-            appStore.commitProjectConfigState({
+            appStore.setProjectConfig({
               menuSetting: {
                 type: MenuTypeEnum.SIDEBAR,
                 mode: MenuModeEnum.INLINE,
                 split: false,
               },
             });
-            appStore.commitBeforeMiniState({ menuMode, menuCollapsed, menuType, menuSplit });
+            appStore.setBeforeMiniInfo({ menuMode, menuCollapsed, menuType, menuSplit });
           }
         } else {
           if (unref(isSetState)) {
             isSetState.value = false;
-            const { menuMode, menuCollapsed, menuType, menuSplit } = appStore.getBeforeMiniState;
-            appStore.commitProjectConfigState({
+            const { menuMode, menuCollapsed, menuType, menuSplit } = appStore.getBeforeMiniInfo;
+            appStore.setProjectConfig({
               menuSetting: {
                 type: menuType,
                 mode: menuMode,

src/components/Application/src/search/AppSearchKeyItem.vue

@@ -1,17 +1,13 @@
 <template>
   <span :class="$attrs.class">
-    <Icon :icon="icon" />
+    <g-icon :icon="icon" />
   </span>
 </template>
 <script lang="ts">
   import { defineComponent } from 'vue';
-  import { Icon } from '/@/components/Icon';
-  import { propTypes } from '/@/utils/propTypes';
-
   export default defineComponent({
-    components: { Icon },
     props: {
-      icon: propTypes.string,
+      icon: String,
     },
   });
 </script>