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

package/ganwei-iotcenter-index-6.2.3/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.3/packages/ganwei-iotcenter-index/src/components/contextMenu/Index.vue

@@ -0,0 +1,113 @@
+<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.3/packages/ganwei-iotcenter-index/src/components/contextMenu/index.js

@@ -0,0 +1,42 @@
+
+// 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();
+            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.3/packages/ganwei-iotcenter-index/src/components/features/Form/InputPassword/index.vue

@@ -0,0 +1,101 @@
+<template>
+  <el-input
+    v-model="password"
+    v-bind="$attrs"
+    :class="{ [$style.security]: !viewPassword }"
+  >
+    <template #suffix>
+      <span
+        :class="$style.viewIcon"
+        @mousedown="handleViewPassword"
+        @mouseup="handleHidePassword"
+        @mouseleave="handleHidePassword"
+      >
+        <i v-if="viewPassword && password" class="el-icon el-input__icon el-input__password">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+            <path fill="currentColor" d="M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352m0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448m0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160"></path>
+          </svg>
+        </i>
+        <i v-if="!viewPassword && password" class="el-icon el-input__icon el-input__password">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+            <path fill="currentColor" d="M876.8 156.8c0-9.6-3.2-16-9.6-22.4-6.4-6.4-12.8-9.6-22.4-9.6-9.6 0-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8-160 16-288 73.6-377.6 176C44.8 438.4 0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4 0 9.6 3.2 16 9.6 22.4 6.4 6.4 12.8 9.6 22.4 9.6 9.6 0 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4Zm-646.4 528c-76.8-70.4-128-128-153.6-172.8 28.8-48 80-105.6 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4Zm140.8-96c-12.8-22.4-19.2-48-19.2-76.8 0-44.8 16-83.2 48-112 32-28.8 67.2-48 112-48 28.8 0 54.4 6.4 73.6 19.2zM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6-28.8 48-80 105.6-153.6 172.8-73.6 67.2-172.8 108.8-284.8 115.2-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8 160-16 288-73.6 377.6-176C979.199 585.6 1024 528 1024 512s-48.001-73.6-134.401-176Z"></path>
+            <path fill="currentColor" d="M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2 64 0 115.2-22.4 160-64 41.6-41.6 64-96 64-160 0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4 0 44.8-16 83.2-48 112-32 28.8-67.2 48-112 48Z"></path>
+          </svg>
+        </i>
+      </span>
+    </template>
+  </el-input>
+</template>
+
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+
+/**
+ * 密码输入组件
+ * 支持按住鼠标查看密码
+ */
+
+interface Props {
+  modelValue?: string | number
+}
+
+interface Emits {
+  (e: 'update:modelValue', value: string): void
+  (e: 'change', value: string): void
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  modelValue: '',
+})
+
+const emit = defineEmits<Emits>()
+
+// State
+const password = ref(String(props.modelValue))
+const viewPassword = ref(false)
+
+/**
+ * 查看密码（按下鼠标）
+ */
+const handleViewPassword = () => {
+  viewPassword.value = true
+}
+
+/**
+ * 隐藏密码（松开鼠标或离开）
+ */
+const handleHidePassword = () => {
+  viewPassword.value = false
+}
+
+// 监听密码变化，触发 v-model 更新
+watch(password, (newValue) => {
+  emit('update:modelValue', newValue)
+  emit('change', newValue)
+})
+
+// 监听外部 modelValue 变化
+watch(() => props.modelValue, (newValue) => {
+  password.value = String(newValue)
+}, { immediate: true })
+</script>
+
+<style module lang="scss">
+.security {
+  text-security: disc !important;
+  -webkit-text-security: disc !important;
+}
+
+.viewIcon {
+  cursor: pointer;
+  user-select: none;
+  
+  i {
+    transition: color 0.3s ease;
+  }
+  
+  &:hover i {
+    color: var(--gw-color-primary);
+  }
+}
+</style>

package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/src/components/indexRightContent/headerRight/appPreview/index.vue

@@ -0,0 +1,282 @@
+<template>
+    <div v-if="showApp" class="appPreview">
+        <el-tooltip popper-class="topToolTip" :content="$t('login.framePro.tips.appPreview')" placement="bottom">
+            <img :src="theme.appPreview" alt="" @click="showPreview = true" />
+        </el-tooltip>
+        <el-dialog v-model="showPreview" className="el-dialog dialogContainer" width="750px" draggable :close-on-click-modal="false" append-to="#index">
+            <div class="appPreview">
+                <div class="tabs-wrapper">
+                    <div class="tabs-header">
+                        <div class="tabs-header-item" :class="{ active: activeName === 'preview' }"
+                            @click="changeActiveName('preview')">
+                            <span class="label">{{ $t('login.framePro.label.preview') }}</span>
+                        </div>
+                        <div class="tabs-header-item" :class="{ active: activeName === 'download' }"
+                            @click="changeActiveName('download')">
+                            <span class="label">{{ $t('login.framePro.label.download') }}</span>
+                        </div>
+                    </div>
+                    <div class="tabs-body">
+                        <div class="tabs-body-item" v-show="activeName === 'preview'">
+                            <div class="QRcode">
+                                <div class="image">
+                                    <img :src="QRcode.app" alt="">
+                                </div>
+                                <el-button type="primary" @click="doCopy(AppUrl)">{{
+        $t('login.framePro.button.copyLink') }}</el-button>
+                            </div>
+                            <iframe class="AppFrame" :src="AppUrl"
+                                v-show="activeName === 'preview' || finishTour"></iframe>
+                        </div>
+                        <div class="tabs-body-item" v-show="activeName === 'download'">
+                            <div class="QRcode">
+                                <div class="image">
+                                    <img :src="QRcode.download" alt="">
+                                </div>
+                                <el-button type="primary" @click="doCopy(connectUrl)">{{
+        $t('login.framePro.button.copyLink') }}</el-button>
+                                <el-button type="primary" @click="openTour">{{ $t('login.framePro.button.tour')
+                                    }}</el-button>
+                            </div>
+                            <div class="AppFrame AppConnect">
+                                <span class="tour">
+                                    <img src="./images/appconnect.jpg" alt="">
+                                    <div ref="language" class="language-target"></div>
+                                    <div ref="url" class="url-target"></div>
+                                    <div ref="button" class="button-target"></div>
+                                    <el-tour v-model="open" @finish="onFinishTour" v-if="open">
+                                        <el-tour-step :target="$refs.language"
+                                            :title="$t('login.framePro.title.changeLanguage')">
+                                            <div>{{ $t('login.framePro.tips.changeLanguage') }}</div>
+                                        </el-tour-step>
+                                        <el-tour-step :target="$refs.url" :title="$t('login.framePro.title.serverUrl')"
+                                            :description="$t('login.framePro.tips.serverUrl')" />
+                                        <el-tour-step :target="$refs.button"
+                                            :title="$t('login.framePro.title.connectServer')"
+                                            :description="$t('login.framePro.tips.connectServer')" />
+                                    </el-tour>
+                                </span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup>
+import { inject, nextTick, onMounted, reactive, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
+import QRCodeLib from 'qrcode'
+
+import api from '@/request/api'
+
+const { t } = useI18n()
+const theme = inject('theme')
+const $message = inject('$message')
+
+const showApp = ref(false)
+const QRcode = reactive({
+    app: '',
+    download: ''
+})
+const showPreview = ref(false)
+
+const activeName = ref('preview')
+const open = ref(false)
+const finishTour = ref(false)
+
+const AppUrl = window.location.origin + '/APP/index.html?languageType=' + sessionStorage.getItem('languageType')
+const downloadUrl = 'http://139.9.94.104:8088/home.html'
+const connectUrl = window.location.host
+
+function changeActiveName (name) {
+    activeName.value = name
+    if (name === 'download' && !finishTour.value) {
+        openTour()
+    }
+}
+
+function openTour () {
+    finishTour.value = false
+    setTimeout(() => {
+        open.value = true
+    }, 200)
+}
+
+function onFinishTour () {
+    finishTour.value = true
+}
+
+function doCopy (str) {
+    const textarea = document.createElement('textarea');
+    textarea.style.position = 'fixed';
+    textarea.style.opacity = 0;
+    textarea.value = str;
+    document.body.appendChild(textarea);
+    textarea.select();
+    document.execCommand('copy');
+    document.body.removeChild(textarea);
+    $message.success(t('login.framePro.tips.copySuccess'))
+}
+
+function checkAppModule (path) {
+    return api.checkAppModule({ path }).then(() => true).catch(() => false)
+}
+
+onMounted(() => {
+    Promise.all([checkAppModule('/APP/index.html'), checkAppModule('/APP/ganwei-app-login/index.html'), checkAppModule('/APP/ganwei-app-home/index.html')]).then(res => {
+        showApp.value = res.every(item => item)
+    })
+    QRCodeLib.toDataURL(AppUrl).then(url => {
+        QRcode.app = url
+    })
+    QRCodeLib.toDataURL(downloadUrl).then(url => {
+        QRcode.download = url
+    })
+})
+</script>
+
+<style lang="scss" scoped>
+.appPreview,
+.tabs-wrapper,
+.tabs-body-item,
+.AppFrame {
+    height: 100%;
+}
+
+.appPreview {
+    .tabs-wrapper {
+        .tabs-header {
+            display: flex;
+            align-items: center;
+            justify-content: flex-start;
+            margin-bottom: 20px;
+            cursor: auto;
+        }
+
+        .tabs-header-item {
+            color: var(--tab-color);
+            border-bottom: 1px solid transparent;
+            height: 32px;
+            cursor: pointer;
+
+            &+.tabs-header-item {
+                margin-left: 60px;
+            }
+
+            .label {
+                line-height: 32px;
+                font-size: 18px;
+            }
+
+            &.active {
+                color: var(--tab-color__active);
+                border-bottom: 2px solid var(--tab-background__active);
+            }
+        }
+
+        .tabs-body {
+            height: calc(100% - 52px);
+        }
+
+        .tabs-body-item {
+            display: flex;
+            justify-content: space-around;
+            align-items: center;
+            cursor: auto;
+        }
+    }
+
+}
+
+.AppFrame {
+    width: 360px;
+
+    .tour {
+        display: inline-block;
+        height: 100%;
+        position: relative;
+
+        img {
+            height: 100%;
+        }
+    }
+}
+
+.AppConnect {
+    cursor: auto;
+
+    .language-target {
+        position: absolute;
+        top: 4.6%;
+        right: 10.5%;
+        width: 20%;
+        height: 4.6%;
+        cursor: pointer;
+    }
+
+    .url-target {
+        position: absolute;
+        top: 24%;
+        right: 0;
+        width: 100%;
+        height: 9.6%;
+        cursor: pointer;
+    }
+
+    .button-target {
+        position: absolute;
+        top: 35%;
+        right: 0;
+        width: 100%;
+        height: 9.6%;
+        cursor: pointer;
+    }
+}
+
+.QRcode {
+    .image {
+        margin-bottom: 20px;
+    }
+}
+.el-tour {
+    --el-tour-width: 300px;
+}
+</style>
+
+<style lang="scss">
+.dialogContainer {
+    height: 90%;
+    margin: 0;
+
+    .el-dialog__header {
+        height: 32px !important;
+        padding: 0 !important;
+    }
+
+    .el-dialog__body {
+        height: calc(100% - 32px - 32px);
+    }
+}
+.el-tour {
+    --tour-background: var(--gw-color-Neutrals27);
+    --tour-border: var(--gw-color-Neutrals22);
+    --el-tour-width: 350px;
+
+    .el-tour__content {
+        background: var(--tour-background);
+        border: 1px solid var(--tour-border);
+    }
+
+    .el-tour__arrow {
+        background: var(--tour-background);
+    }
+
+    .el-tour__content[data-side^=bottom] .el-tour__arrow {
+        border-top: 1px solid var(--tour-border);
+        border-left: 1px solid var(--tour-border);
+    }
+}
+</style>

package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/src/components/indexRightContent/headerRight/contentFullScreen/index.js

@@ -0,0 +1,19 @@
+import screenfull from 'screenfull'
+export default {
+    inject: ['config', 'theme'],
+    mounted () {
+        this.$bus.on('contentFullScreen', (type) => {
+            this.getContentFullscreen(type)
+        })
+    },
+    methods: {
+        getContentFullscreen (type) {
+            if (screenfull.isEnabled) {
+                if ((!screenfull.isFullscreen && type == true) || (screenfull.isFullscreen && type == false)) {
+                    let contentFrame = document.getElementById(`pane-${localStorage.editableTabsValue}`)
+                    screenfull.toggle(contentFrame)
+                }
+            }
+        },
+    }
+}

package/ganwei-iotcenter-index-6.2.3/packages/ganwei-iotcenter-index/src/components/indexRightContent/headerRight/contentFullScreen/index.vue

@@ -0,0 +1,10 @@
+<template>
+    <div>
+        <el-tooltip popper-class="topToolTip" :content="$t('login.framePro.tips.contentFullScreen')" placement="bottom">
+            <img id="contentFullScreen" :src="theme.contentFullScreen" alt=""
+                @click.stop.prevent="getContentFullscreen(true)" />
+        </el-tooltip>
+    </div>
+</template>
+
+<script src="./index.js"></script>