@ganwei-web/ganwei-pc-cli 6.2.0 → 6.2.1

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

@@ -1,216 +0,0 @@
-<!--
-        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.0/packages/ganwei-iotcenter-index/src/components/asideMenu/menu.vue

@@ -1,238 +0,0 @@
-<!--
-        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 {
-        height: 44px;
-
-        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>

package/ganwei-iotcenter-index-6.2.0/packages/ganwei-iotcenter-index/src/components/asideMenu/topNav.vue

@@ -1,238 +0,0 @@
-<template>
-    <div class="top-nav-warpper" id="topNavWarpper">
-        <span class="arrow arrow-left iconfont icon-tubiao24_you" v-if="showLeftArrow"
-            @click.prevent.stop="arrowClikc('left')"></span>
-        <div class="scrollView" id="topNavScrollView">
-            <div class="top-nav-container" id="topNavContainer">
-                <div class="top-nav-item" :class="{ active: modelValue === item.index }" :id="item.id + item.name"
-                    v-for="item in options" :key="item.id" @click="itemClick(item)">
-                    <div class="iconBox" :style="{ backgroundColor: item.backgroundColor }">
-                        <i v-if="item.icon" class="iconfont" :class="item.icon"></i>
-                    </div>
-                    {{ item.name }}
-                </div>
-            </div>
-        </div>
-        <span class="arrow arrow-right iconfont icon-tubiao24_you" @click.prevent.stop="arrowClikc('right')"
-            v-if="showRightArrow"></span>
-    </div>
-</template>
-<script>
-import { getCurrentInstance, inject, onMounted, ref, watch } from 'vue';
-import { useRoute } from 'vue-router'
-export default {
-    props: {
-        modelValue: {
-            type: Number
-        },
-        options: {
-            type: Array
-        }
-    },
-    emits: ['update:modelValue', 'select'],
-    setup (props, context) {
-        const routesMap = inject('routesMap')
-        const route = useRoute()
-        const showLeftArrow = ref(false)
-        const showRightArrow = ref(false);
-        const time = ref(null)
-        const { appContext: { config: { globalProperties } } } = getCurrentInstance()
-        globalProperties.$bus.on('topResize', () => {
-            updateArrayShow()
-        })
-
-        watch([route, routesMap], ([val, routesMap]) => {
-                if(val.path in routesMap) {
-                    const index = routesMap[val.path]
-                    if(index !== props.modelValue) {
-                        context.emit('update:modelValue', routesMap[val.path])
-                    }
-                }
-            }, {deep: true, immediate: true}
-        )
-        const resize = () => {
-            updateArrayShow()
-        }
-        const updateArrayShow = () => {
-            if (time.value) {
-                clearTimeout(time.value)
-                time.value = null
-            }
-            time.value = setTimeout(() => {
-                const topNavWarpper = document.getElementById('topNavWarpper')
-                const topNavContainer = document.getElementById('topNavContainer')
-                if ((topNavWarpper.clientWidth < topNavContainer.clientWidth)) {
-                    showLeftArrow.value = true;
-                    showRightArrow.value = true
-                } else {
-                    showLeftArrow.value = false;
-                    showRightArrow.value = false
-                }
-                scrollToView()
-            }, 500)
-        }
-        const scrollToView = () => {
-            if (props.options.length) {
-                let item = props.options[props.modelValue]
-                if (item) {
-                    let dom = document.getElementById(`${item.id}${item.name}`)
-                    dom.scrollIntoView({ behavior: "smooth" })
-                }
-            }
-        }
-        onMounted(() => {
-            updateArrayShow()
-        })
-
-        watch(() => props.modelValue, (val) => {
-            updateArrayShow()
-        })
-
-        const itemClick = (item) => {
-            if (item.route && item.route.includes('http') && item.route.includes('target=_blank')) {
-                let url = item.route.replace(/\??target=_blank/, '')
-                window.open(url)
-                return
-            }
-            context.emit('update:modelValue', item.index)
-            context.emit('select', item.index)
-            let dom = document.getElementById(`${item.id}${item.name}`)
-            dom.scrollIntoView({ behavior: "smooth" })
-        }
-        const arrowClikc = (type) => {
-            const topNavScrollView = document.getElementById('topNavScrollView')
-            switch (type) {
-                case 'left':
-                    topNavScrollView.scrollTo({ left: topNavScrollView.scrollLeft - 200, behavior: "smooth" })
-                    break;
-                case 'right':
-                    topNavScrollView.scrollTo({ left: topNavScrollView.scrollLeft + 200, behavior: "smooth" })
-                    break;
-                default:
-                    break;
-            }
-        }
-
-        window.addEventListener("resize", () => {
-            resize()
-        });
-
-        return {
-            showLeftArrow, showRightArrow, resize, itemClick, arrowClikc
-        }
-    }
-}
-
-</script>
-
-<style lang="scss" scoped>
-.iconBox {
-    display: flex !important;
-    justify-content: center !important;
-    align-items: center !important;
-    margin-right: 6px;
-    width: 24px;
-    height: 24px;
-    border-radius: 6px;
-}
-
-.top-nav-warpper {
-    display: flex;
-    width: calc(100% - 380px);
-    min-width: 140px;
-    max-width: 980px;
-    position: relative;
-    align-items: center;
-    height: 50px;
-    user-select: none;
-
-    .arrow {
-        display: block;
-        font-size: 24px;
-        color: var(--menu-color);
-        cursor: pointer;
-        z-index: 2;
-        opacity: 1;
-    }
-
-    .scrollView {
-        overflow: auto;
-        width: 100%;
-        display: flex;
-        justify-content: flex-start;
-        gap: 10px;
-    }
-
-    &:hover .arrow {
-        opacity: 1;
-    }
-
-    .arrow-left {
-        transform: rotateY(180deg);
-        // margin-left: -20px;
-        z-index: 10000;
-    }
-}
-
-::-webkit-scrollbar {
-    width: 0px !important;
-    height: 0px !important;
-}
-
-.top-nav-container {
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    line-height: 32px;
-    transition: transform 0.3s ease-in-out;
-    gap: 10px;
-    .top-nav-item {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        font-weight: 400;
-        color: var(--menu-color);
-        position: relative;
-        cursor: pointer;
-        padding: 0 20px;
-        border: 1px solid transparent;
-        height: 32px;
-        &:hover,&.active {
-            color: #3875FF;
-            border: 1px solid #3875FF;
-            border-radius: 8px;
-            background: rgba(56,117,255,0.1);
-            .iconBox{
-                i{color:  #3875FF!important;}
-
-            }
-        }
-        .iconBox{
-            i{font-size: 16px!important;color:  var(--menu-color)!important;}
-            margin-right: 0;
-            background: transparent!important;
-        }
-    }
-}
-[data-theme="green"] #topNavContainer{
-    >.active{
-        height: 100%;
-        background: rgba(56, 117, 255, 0.1);
-        color: rgb(10 235 222 / 75%);
-        border: 1px solid rgb(10 235 222 / 75%);
-        z-index: -1;
-        .iconBox{
-            i{color:  rgb(10 235 222 / 75%)!important;}
-        }
-    }
-    .top-nav-item:hover {
-        background: rgba(56, 117, 255, 0.1);
-        color: rgb(10 235 222 / 75%);
-        border: 1px solid rgb(10 235 222 / 75%);
-        .iconBox{
-            i{color:  rgb(10 235 222 / 75%)!important;}
-        }
-    }
-}
-
-</style>