@ganwei-web/ganwei-pc-cli 6.2.4 → 6.2.6

package/ganwei-iotcenter-index-6.2.2/packages/ganwei-iotcenter-index/src/auto-import.d.ts

@@ -0,0 +1,61 @@
+// Generated by 'unplugin-auto-import'
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const effectScope: typeof import('vue')['effectScope']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeRouteLeave: typeof import('vue-router')['onBeforeRouteLeave']
+  const onBeforeRouteUpdate: typeof import('vue-router')['onBeforeRouteUpdate']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const resolveDirective: typeof import('vue')['resolveDirective']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useLink: typeof import('vue-router')['useLink']
+  const useRoute: typeof import('vue-router')['useRoute']
+  const useRouter: typeof import('vue-router')['useRouter']
+  const useSlots: typeof import('vue')['useSlots']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+}

package/ganwei-iotcenter-index-6.2.2/packages/ganwei-iotcenter-index/src/components/asideMenu/contractMenu.vue

@@ -0,0 +1,216 @@
+<!--
+        data.menuOwner : 1:WEB 2:APP 0:WEB&APP
+        data.nodeType : 1:目录 2:菜单
+        data.backgroundColor : 背景色
+        data.icon : 图标
+        isCollapse: 是否折叠
+        data.name : 菜单名称
+        data.route : 路由
+        data.icon : 图标
+        data.children : 子菜单
+        data.level : 1:一级菜单 2:二级菜单 3:三级菜单
+    -->
+<template>
+        <el-sub-menu v-if="data.menuOwner !== 2 && data.nodeType == 1 && data.children?.length > 0 && data.level === menuLevel" :key="data.resourceId + 'el-sub-menu'" :index="String(data.resourceId)" class="menu-list-item-scale" :title="data.name" >
+            <template #title >
+                <div class="iconBox" :style="{ backgroundColor: data.backgroundColor }" >
+                    <i class="iconfont" :class="data.icon
+                        ? data.icon
+                        : data?.children?.length > 0 && 'icon' in data.children[0]
+                            ? data.children[0].icon
+                            : ''
+                        "></i>
+                </div>
+            </template>
+            <contractMenu v-for="item in data.children" :data="item" :key="item.resourceId" hasParent></contractMenu>
+        </el-sub-menu>
+
+        <!-- 2-3-N级菜单 -->
+        <div v-else-if="data.menuOwner !== 2 && data.nodeType == 1 && data.level > menuLevel" class="menu-list-level">
+            <p>
+                <span class="iconBox" :style="{ backgroundColor: data.backgroundColor }" >
+                        <i class="iconfont" :class="data.icon
+                            ? data.icon
+                            : data?.children?.length > 0 && 'icon' in data.children[0]
+                                ? data.children[0].icon
+                                : ''
+                            "></i>
+                </span>
+                <label>{{ data.name }}</label>
+            </p>
+            <contractMenu v-for="item in data.children" :data="item" :key="item.resourceId" hasParent></contractMenu>
+        </div>
+
+        <el-menu-item  v-else-if="data.menuOwner !== 2 && data.nodeType == 2"  :name="data.resourceId" :key="data.resourceId + 'el-menu-item'" :index="data.route"
+            @click="changeRoute(data.name, data.route)" class="menu-list-item-scale" :title="data.level == 1?data.name:''">
+                <span v-if="hasParent || !data.icon" class="menuDot"></span>
+                <div v-else class="iconBox" :style="{ backgroundColor: data.backgroundColor }" >
+                    <i class="iconfont" :class="data.icon"></i>
+                </div>
+                <label>{{ data.name }}</label>
+        </el-menu-item>
+
+</template>
+<script>
+export default {
+    name: 'contractMenu',
+    props: {
+        data: {
+            type: Object,
+            default: () => ({}),
+        },
+        isCollapse: {
+            type: Boolean,
+            default: false
+        },
+        hasParent: {
+            type: Boolean,
+            default: false
+        }
+    },
+    data () {
+        return {
+            width: 0,
+            showToolTip: true,
+            firstMeasure: true,
+            menuLevel: 1
+        }
+    },
+    mounted () {
+        try{
+            let configData = JSON.parse(sessionStorage.configInfoData)
+            this.menuLevel = configData?.showTopNav ? 1 : 0
+        } catch (error) {
+            console.log(error)
+        }
+    },
+    methods: {
+        changeRoute (name, route) {
+            this.$bus.emit('jumpUrl', route)
+        }
+    }
+}
+</script>
+
+<style lang="scss">
+
+// 缩起
+.minActive {
+.el-menu--collapse{
+    .menu-list-item-scale {
+        position: relative;
+        label{
+        padding-left: 0px!important;
+        }
+        &:hover{
+            background-color: transparent!important;
+        }
+        label{
+            display: none;
+        }
+        &.is-active{
+            background-color: transparent !important;
+            &::after{
+                content: "";
+                position: absolute;
+                right: -20px;
+                top: 0;
+                width: 1px;
+                height: 100%;
+                border-right: 3px solid var(--menu-background__active);
+            }
+        }
+        .iconBox{
+            min-width: 32px;
+            width: 32px !important;
+            height: 32px !important;
+            border-radius: 8px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            &:hover .iconfont{
+                font-size: 18px!important;
+            }
+            .iconfont {
+                color: white !important;
+                font-size: 16px;
+                margin: 0;
+            }
+        }
+    }
+    >li{
+        margin-bottom: 10px;
+    }
+}
+}
+
+.newMenuMinActive{
+    padding: 20px;
+    .menuDot{
+        display: none!important;
+    }
+    .el-menu--popup{
+        min-width: 50px!important;
+        .menu-list-item-scale{
+            padding-right: 10px;
+            height: 24px;
+            line-height: 24px;
+            border-radius: 8px;
+            background-color: transparent!important;
+            cursor: pointer;
+            padding: 0;
+            label{
+                width: auto !important;
+                cursor: pointer;
+            }
+        }
+    }
+    .el-menu{
+        box-shadow: none !important;
+        display: flex;
+        gap: 10px;
+        flex-wrap: wrap;
+    }
+
+    .el-menu-item:hover{
+        color: var(--menu-background__active);
+        background-color: transparent;
+    }
+    .menu-list-level{
+        display: flex;
+        width: 100%;
+        flex-wrap: wrap;
+        gap: 10px;
+        padding-left: 35px;
+        >p{
+            width: 100%;
+            display: flex;
+            margin: 10px 0 0px -35px;
+            label{padding-left: 10px;opacity: 0.3;}
+        }
+        >li{
+           display: inline-block;
+           white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+        .menu-list-level{
+            padding-left: 35px;
+        }
+        .iconBox{
+            display: flex;
+            width: 24px;
+            height: 24px;
+            text-align: center;
+            justify-content: center;
+            align-items: center;
+            border-radius: 6px;
+            color: white;
+        }
+    }
+    .is-active label{
+        color: var(--menu-background__active);
+    }
+}
+
+</style>

package/ganwei-iotcenter-index-6.2.2/packages/ganwei-iotcenter-index/src/components/asideMenu/menu.vue

@@ -0,0 +1,195 @@
+<!--
+        data.menuOwner : 1:WEB 2:APP 0:WEB&APP
+        data.nodeType : 1:目录 2:菜单
+        data.backgroundColor : 背景色
+        data.icon : 图标
+        isCollapse: 是否折叠
+        data.name : 菜单名称
+        data.route : 路由
+        data.icon : 图标
+        data.children : 子菜单
+        data.level : 1:一级菜单 2:二级菜单 3:三级菜单
+    -->
+<template>
+        <el-sub-menu v-if="data.menuOwner !== 2 && data.nodeType == 1 && data.children?.length > 0 && data.level >= 0" :key="data.resourceId + 'el-sub-menu'" :index="String(data.resourceId)" :class="[menuScaleStatus ? 'menu-list-item-scale': 'menu-list-item']" :title="data.name" >
+            <template #title >
+                <div class="iconBox" :style="{ backgroundColor1: data.backgroundColor }" >
+                    <i class="iconfont" :class="data.icon
+                        ? data.icon
+                        : data?.children?.length > 0 && 'icon' in data.children[0]
+                            ? data.children[0].icon
+                            : ''
+                        "></i>
+                </div>
+                <label >{{ data.name }}</label>
+            </template>
+            <asideMenu v-for="item in data.children" :data="item" :key="item.resourceId" hasParent></asideMenu>
+        </el-sub-menu>
+
+        <el-menu-item  v-else-if="data.menuOwner !== 2 && data.nodeType == 2"  :name="data.resourceId" :key="data.resourceId + 'el-menu-item'" :index="data.route"
+            @click="changeRoute(data.name, data.route)" :class="[menuScaleStatus ? 'menu-list-item-scale': 'menu-list-item']" :title="data.level == 1?data.name:''">
+                <!-- <span v-if="hasParent || !data.icon" class="menuDot"></span>v-else  -->
+                <div class="iconBox" :style="{ backgroundColor1: data.backgroundColor }" >
+                    <i class="iconfont" :class="data.icon"></i>
+                </div>
+                <label >{{ data.name }}</label>
+        </el-menu-item>
+
+</template>
+<script>
+export default {
+    name: 'asideMenu',
+    props: {
+        data: {
+            type: Object,
+            default: () => ({}),
+        },
+        isCollapse: {
+            type: Boolean,
+            default: false
+        },
+        hasParent: {
+            type: Boolean,
+            default: false
+        }
+    },
+    data () {
+        return {
+            width: 0,
+            showToolTip: true,
+            firstMeasure: true,
+            menuScaleStatus: true
+        }
+    },
+    methods: {
+        changeRoute (name, route) {
+            this.$bus.emit('jumpUrl', route)
+        }
+    },
+    watch: {
+        isCollapse: {
+            handler: function(newVal, oldVal){
+                this.menuScaleStatus = newVal;
+            },
+            immediate: true
+        }
+    }
+}
+</script>
+
+<style lang="scss">
+
+// 展开
+.maxActive .max{
+    .iconBox {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        border-radius: 6px;
+        .iconfont {
+            width: auto !important;
+            margin-right: 0px !important;
+        }
+    }
+    >.el-menu{
+        >.el-menu-item,>.el-sub-menu>.el-sub-menu__title{
+            >label{font-size: 16px;}
+            >.iconBox{
+                margin-left: -9px;
+                margin-right: 13px;
+                >i{
+                    font-size: 16px;
+                }
+            }
+        }
+        >.el-sub-menu>.el-menu{
+            .el-menu-item,.el-sub-menu__title{
+                label{
+                    font-size: 14px;
+                }
+                .iconBox{
+                    margin-right: 9px;
+                    >i{
+                        font-size: 14px;
+                    }
+                }
+            }
+        }
+        
+    }
+}
+.max .el-menu .el-menu-item.is-active{
+    >.iconBox{
+            i{color: var(--menu-color__active)!important;}
+        }
+}
+.menu-list-item .el-menu-item.is-active {
+    background-color: var(--menu-background__active)!important;
+    color: var(--menu-color__active)!important;
+        >.iconBox{
+            i{color: var(--menu-color__active)!important;}
+        }
+    }
+.menu-list-item{
+   font-size: 16px;
+   border-radius: 8px;
+   cursor: pointer;
+   min-width: 180px;
+   .el-sub-menu__title{
+        label{font-size: 16px;}
+        border-radius: 8px;
+        padding-left: 6!important;
+        &:hover{
+            background-color: var(--menu-background__hover);
+            color: var(--menu-color__hover);
+        }
+        .el-sub-menu__icon-arrow{
+            margin-right: -10px;
+        }
+   }
+   .menuDot{
+        display: none!important;
+    }
+   >label,.el-sub-menu__title>label{
+    //    padding-left: 10px;
+       cursor: pointer;
+   }
+   .el-menu-item{
+        height: 24px;
+        line-height: 24px;
+        border-radius: 8px;
+        cursor: pointer;
+        padding: 0;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        &:hover{
+            background-color: var(--menu-background__hover);
+            color: var(--menu-color__hover);
+        }
+    }
+
+    .menu-list-level{
+        display: flex;
+        width: 100%;
+        flex-wrap: wrap;
+        gap: 10px;
+        padding-left: 35px;
+        >p{
+            width: 100%;
+            display: flex;
+            margin: 10px 0 0px -35px;
+            label{padding-left: 10px;opacity: 0.3;}
+        }
+        >li{
+           display: inline-block;
+           white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+        .menu-list-level{
+            padding-left: 35px;
+        }
+    }
+}
+</style>