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

package/ganwei-iotcenter-index-6.2.0/packages/ganwei-iotcenter-index/src/components/contextMenu/index.js

@@ -1,42 +0,0 @@
-
-// import Vue from "vue";
-import { createApp } from "vue";
-
-import Main from "./Index.vue";
-
-let instance;
-
-const createMount = options => {
-    const mountNode = document.createElement("div");
-    mountNode.id = "mountNode"
-    mountNode.style.position = "relative"
-    mountNode.style.zIndex = 9
-    document.body.appendChild(mountNode);
-    const app = createApp(Main, {
-        ...options,
-        remove () {
-            app.unmount(mountNode);
-            document.body.removeChild(document.getElementById("mountNode"));
-        }
-    });
-    return app.mount(document.getElementById("mountNode"));
-};
-
-const ContextMenu = options => {
-    instance = createMount(options);
-    instance.visible = true;
-    instance.commands = options.commands;
-    instance.left = options.left;
-    instance.top = options.top;
-    instance.root = options.root;
-    instance.width = options.width;
-    return instance;
-};
-
-ContextMenu.close = () => {
-    if (instance) {
-        instance.closed = true;
-    }
-}
-
-export default ContextMenu;

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

@@ -1,113 +0,0 @@
-<template>
-    <transition name="el-fade-in">
-        <div @mouseup="this.close" v-show="visible" class="ContextMenu-wrapper">
-            <ul :class="['ContextMenu', customClass]" :style="`width: ${width}px;left: ${left}px;top: ${top}px;`">
-                <li @mouseup="handleClick($event, item)" class="ContextMenu-item" :class="{ 'is-disabled': item.disabled }"
-                    v-for="item in commands" :key="item">
-                    <i :class="['iconfont', iconClass, item.icon]"></i>
-                    <span>{{ item.label }}</span>
-                </li>
-            </ul>
-        </div>
-    </transition>
-</template>
-
-<script type="text/babel">
-export default {
-    data () {
-        return {
-            visible: false,
-            customClass: '',
-            iconClass: '',
-            onClose: null,
-            closed: false,
-            commands: [],
-            left: -9999,
-            top: -9999,
-            width: 100
-        };
-    },
-
-    watch: {
-        closed (newVal) {
-            if (newVal) {
-                this.visible = false;
-                // this.$el.addEventListener('transitionend', this.destroyElement);
-            }
-        }
-    },
-    methods: {
-        destroyElement () {
-            this.$el.removeEventListener('transitionend', this.destroyElement);
-            this.$destroy(true);
-            this.$el.parentNode.removeChild(this.$el);
-        },
-
-        close () {
-            this.closed = true;
-            if (typeof this.onClose === 'function') {
-                this.onClose();
-            }
-        },
-
-        handleClick (e, item) {
-            if (item.disabled) {
-                e.stopPropagation();
-                return;
-            }
-            item.onclick && item.onclick();
-        }
-    },
-
-    // mounted () {
-    // }
-};
-</script>
-
-<style lang="scss" scoped>
-.ContextMenu-wrapper {
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-}
-
-.ContextMenu {
-    position: fixed;
-    background-color: var(--contextmenu-background);
-    border-radius: 6px;
-    margin: 4px;
-    padding: 6px 0;
-    display: flex;
-    flex-direction: column;
-    border: 1px solid rgba(240, 244, 255, 0.16);
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-    user-select: none;
-
-    &-item {
-        cursor: pointer;
-        padding: 10px;
-        font-size: 14px;
-        color: var(--contextmenu-color);
-        display: flex;
-        align-items: center;
-
-        i {
-            display: inline-block;
-            min-width: 16px;
-            margin-right: 5px;
-            font-size: 16px;
-        }
-
-        &.is-disabled {
-            cursor: not-allowed;
-            color: var(--contextmenu-color__disabled);
-        }
-
-        &:not(.is-disabled):hover {
-            background-color: var(--contextmenu-background__hover);
-        }
-    }
-}
-</style>

package/ganwei-iotcenter-index-6.2.0/packages/ganwei-iotcenter-index/src/components/indexLeftContent/index.js

@@ -1,204 +0,0 @@
-
-import { defineAsyncComponent, getCurrentInstance, inject, nextTick, ref, toRaw, watch } from 'vue'
-import { useRouter } from 'vue-router'
-const asideMenu = defineAsyncComponent(() => { return import('@/components/asideMenu/menu.vue') })
-const contractMenu = defineAsyncComponent(() => { return import('@/components/asideMenu/contractMenu.vue') })
-const widthSetting = defineAsyncComponent(() => { return import('@ganwei-web/gw-base-components-plus/widthSetting/dist/index.es.js') })
-
-export default {
-    props: {
-        allMenus: {
-            type: Array,
-            default: () => []
-        },
-        loading: {
-            type: Boolean,
-            default: false
-        },
-        navTopActive: {
-            type: Number || String,
-            default: -1
-        }
-    },
-    components: {
-        asideMenu,
-        widthSetting,
-        contractMenu
-    },
-
-    setup(props) {
-        const config = inject('config')
-        const theme = inject('theme')
-        const menuSearch = ref('')
-        const isCollapse = ref(false)
-        const transition = ref(false)
-        const renderMenu = ref([])
-        const menus = ref([])
-        const showOrganizationalStructure = ref(config.value.showOrganization)
-        const organizationName = ref('')
-        let router = useRouter()
-        const menuActive = ref(router.currentRoute.value.fullPath)
-        const { appContext: { config: { globalProperties } } } = getCurrentInstance()
-        globalProperties.$bus.on('organizationName', (value) => {
-            organizationName.value = value
-        })
-        globalProperties.$bus.on('jumpUrl', (route) => {
-            jump(route)
-        })
-        const initMenu = () => {
-            menuSearch.value = ''
-            if (!config.value.showTopNav) {
-                menus.value = JSON.parse(JSON.stringify(props.allMenus))
-            } else if (props.navTopActive != -1) {
-                if (props.allMenus?.[props.navTopActive]?.children) {
-                    menus.value = toRaw([...props.allMenus[props.navTopActive].children])
-                } else {
-                    menus.value = []
-                }
-            }
-            renderMenu.value = JSON.parse(JSON.stringify(menus.value))
-            jumpMenu()
-        }
-        const jumpMenu = () => {
-            let route = router.currentRoute.value.fullPath
-            if (route.toLowerCase() == '/index') {
-                if (renderMenu.value.length) {
-                    jumpFirstMenu()
-                } else if (props.navTopActive != -1) {
-                    const { nodeType, route, name } = props.allMenus[props.navTopActive] || {}
-                    if (nodeType == 2) {
-                        jump(route, name)
-                    }
-                }
-            } else {
-                let navTopItem = props.allMenus?.[props.navTopActive]
-                if (navTopItem && navTopItem.nodeType == 2) {
-                    const { route, name } = navTopItem || {}
-                    jump(route, name)
-                }
-            }
-        }
-        const jumpFirstMenu = () => {
-            let firstMenu = getFirstMenu(renderMenu.value)
-            const { route, name } = firstMenu
-            jump(route, name)
-        }
-
-        const jump = (route) => {
-            if (!route) {
-                return;
-            }
-            nextTick(() => {
-                if (route.includes('http') && route.includes('target=_blank')) {
-                    let jumpUrl = route.replace(/\??target=_blank/, '')
-                    window.open(jumpUrl)
-                } else {
-                    router.push(route)
-                }
-            })
-        }
-        const getFirstMenu = (menus) => {
-            let firstMenu = {}
-            if (menus) {
-                for (let item of menus) {
-                    if (item.nodeType == 2 && item.route) {
-                        firstMenu.route = item.route;
-                        firstMenu.name = item.name;
-                        break
-                    } else if (item.children) {
-                        firstMenu = getFirstMenu(item.children)
-                        if (firstMenu.route && firstMenu.name) { break }
-                    }
-                }
-            }
-            return firstMenu
-        }
-        const searchMenu = () => {
-            renderMenu.value = findMenu(menuSearch.value, toRaw(menus.value))
-        }
-
-        // 导航菜单折叠显示
-        const onAsideListShow = () => {
-            if (transition.value) {
-                return
-            }
-            transition.value = true
-            isCollapse.value = !isCollapse.value
-            setTimeout(() => {
-                transition.value = false
-            }, 600)
-        }
-        const findMenu = (value, arr) => {
-            let newarr = [];
-            arr.forEach(element => {
-                if (element.name.toLowerCase().indexOf(String(value).toLowerCase()) > -1) { // 判断条件
-                    newarr.push(element);
-                } else {
-                    if (element.children && element.children.length > 0) {
-                        let redata = findMenu(value, element.children || []);
-                        if (redata && redata.length > 0) {
-                            let obj = {
-                                ...element,
-                                children: redata
-                            };
-                            newarr.push(obj);
-                        }
-                    }
-                }
-            });
-            return newarr;
-        }
-        const logoJump = () => {
-            let logoJumpPath = config?.value?.logoJumpPath?.url
-            if (logoJumpPath) {
-                jump(logoJumpPath)
-            }
-        }
-        const setActiveMenu = () => {
-            let route = router.currentRoute.value.fullPath
-            if (route.toLowerCase() != '/index') {
-                menuActive.value = route
-            }
-        }
-
-        const resizeEnd = () => {
-            globalProperties.$bus.emit('topResize')
-        }
-
-        watch(() => props.navTopActive, () => {
-            initMenu()
-        }, { immediate: true })
-
-        watch(() => props.allMenus, () => {
-            initMenu()
-            setActiveMenu()
-        }, { immediate: true })
-
-        watch(menuSearch, (val) => {
-            if (!val) {
-                searchMenu()
-            }
-        })
-        watch(() => router.currentRoute.value.fullPath, () => {
-            setActiveMenu()
-        }, { immediate: true })
-
-        globalProperties.$bus.on('navTopSelectChange', () => {
-            jumpFirstMenu()
-        })
-
-        const showImg = () => {
-            if (process.env.NODE_ENV === "development") { theme.value.logo = `/static/images/${localStorage.theme == 'dark' ? 'index-logo-src' : 'index-logo-src-light'}.svg` }
-        }
-
-        return {
-            logoJump,
-            resizeEnd,
-            onAsideListShow,
-            searchMenu,
-            menuSearch,
-            isCollapse,
-            transition, renderMenu, menus, menuActive, config, theme, showImg, showOrganizationalStructure, organizationName
-        }
-    },
-}

package/ganwei-iotcenter-index-6.2.0/packages/ganwei-iotcenter-index/src/components/indexLeftContent/index.scss

@@ -1,258 +0,0 @@
-[data-theme="green"] .el-container {
-    #menuRef {
-        background:
-            url(/static/images/menu-background.png) no-repeat center center/100% 100%,
-            var(--frame-left-background);
-    }
-
-    .maxActive {
-        box-shadow: none !important;
-    }
-}
-
-::v-deep .el-menu {
-    background-color: transparent;
-    border-right: none;
-    padding: 0;
-}
-
-.maxActive {
-    width: 220px;
-    height: 100%;
-    left: 0px;
-    top: 0;
-    position: fixed;
-    z-index: 100;
-    box-shadow:
-        0px 4px 14px 0px var(--menu-popup-boxshadow),
-        1px 0px 0px 0px var(--menu-popup-boxshadow-1);
-}
-
-.minActive {
-    width: 64px;
-    position: relative;
-    box-shadow:
-        0px 4px 14px 0px var(--menu-popup-boxshadow),
-        1px 0px 0px 0px var(--menu-popup-boxshadow-1);
-
-    .minActiveContent {
-        width: 100%;
-        height: 100%;
-        position: absolute;
-        left: -64px;
-
-        ::v-deep .el-menu {
-
-            .el-sub-menu,
-            .el-menu-item {
-                display: flex;
-                justify-content: center;
-                padding: 0;
-            }
-
-            .el-sub-menu__title,
-            .el-menu-item {
-                padding: 0px !important;
-            }
-
-            .el-sub-menu__title {
-
-                &:hover {
-                    background-color: transparent !important;
-                }
-            }
-
-            .el-menu-item {
-                width: 100%;
-            }
-        }
-    }
-}
-
-.isCollapse {
-    margin-right: 0;
-
-    .maxActive {
-        left: calc(var(--left) * (-1px)) !important;
-    }
-
-    .minActive {
-        .minActiveContent {
-            left: 0px !important;
-        }
-    }
-}
-
-.noIsCollapse {
-    margin-right: calc(var(--result) * 1px);
-    transition: all 0.5s ease-in-out;
-    position: relative;
-    z-index: 99;
-
-    .maxActive {
-        left: 0px !important;
-    }
-
-    .minActive {
-        .minActiveContent {
-            left: -64px !important;
-        }
-    }
-}
-
-.transition {
-    transition: all 0.5s ease-in-out;
-}
-
-.maxW {
-    user-select: none;
-    height: 100%;
-    background-color: var(--frame-left-background);
-
-    .aside-header {
-        width: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        .aside-header-box {
-            display: flex;
-            justify-content: center;
-            white-space: nowrap;
-            height: 100%;
-            overflow: hidden;
-
-            img {
-                height: 44px;
-                margin-top: 25px;
-            }
-
-            a {
-                display: flex;
-                align-items: center;
-            }
-
-            .min-img {
-                width: 80%;
-                height: auto;
-                margin: 0 auto;
-            }
-        }
-    }
-
-    // 导航
-    .left-nav {
-        width: 100%;
-        height: calc(100% - 69px); // 新版UI
-
-        .list {
-            width: 100%;
-            height: calc(100% - 44px);
-
-            .max {
-                width: calc(100% + 8px);
-                height: 100%;
-                overflow: hidden;
-                padding-top: 34px;
-
-                ::v-deep .el-loading-mask {
-                    visibility: visible;
-                }
-
-                .el-input {
-                    width: calc(100% - 30px);
-                    text-indent: 0;
-                    margin-left: 20px;
-                    margin-bottom: 15px;
-                    font-size: 14px !important;
-
-                    .icon-sousuoL {
-                        color: var(--gw-color-primary);
-                        font-weight: 500;
-                        font-size: 14px;
-                    }
-
-                    ::v-deep .el-input__wrapper {
-                        height: 32px;
-                        background: var(--input-background);
-                        box-shadow: 0 0 0 0px;
-                        border-radius: 16px;
-                        border: 0;
-                    }
-                }
-
-                .el-menu {
-                    width: calc(100% + 8px);
-                    height: calc(100% - 47px);
-                    padding: 0 20px 20px 10px;
-                    overflow-y: auto;
-                }
-            }
-        }
-
-        // 折叠面板按钮
-        .fold {
-            width: 100%;
-            height: 44px;
-
-            >div {
-                display: flex;
-                align-items: center;
-                margin-top: 10px;
-                height: 100%;
-                font-size: 14px;
-                cursor: pointer;
-                margin: 0px 20px;
-                border-top: 1px solid rgba(157, 166, 186, 0.39);
-
-                &.menuOverflow {
-                    border-top: none;
-                }
-
-                span {
-                    color: var(--menu-color);
-                }
-
-                i {
-                    font-size: 14px;
-                    margin-right: 16px;
-                    color: var(--menu-color);
-                }
-
-                i.cacelmargin {
-                    margin-left: 4px !important;
-                    margin-right: 0px !important;
-                }
-
-                button {
-                    border: 0;
-                    padding: 0;
-                    background-color: transparent !important;
-                }
-
-                .el-button--default {
-                    padding: 0;
-                    border: none !important;
-                }
-            }
-        }
-    }
-}
-
-.showOrganizationalStructure {
-    .organizationalStructure {
-        padding-top: 20px;
-        text-align: center;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        font-size: 16px;
-        height: 36px;
-        width: 100%;
-        color: var(--menu-color);
-    }
-
-    .left-nav {
-        height: calc(100% - 100px) !important; // 新版UI
-    }
-}