lw-cdp-ui 1.2.47 → 1.2.49

package/dist/components/lwLayout/components/aside.vue

@@ -1,295 +0,0 @@
-<template>
-  <div class="layout-aside">
-
-    <img class="logo"
-         src="../../../assets/images/logo.svg"
-         alt="">
-
-    <el-popover placement="right"
-                :width="180"
-                trigger="click"
-                :show-arrow="false"
-                :offset="3"
-                popper-class="app-popper"
-                ref="popoverRef">
-      <template #reference>
-        <p>
-          <el-icon class="menu-btn">
-            <component is="el-icon-grid" />
-          </el-icon>
-        </p>
-      </template>
-      <div class="app-content">
-        <div class="app-title">
-          <span class="open" @click="openMneu">应用中心</span>
-          <el-icon class="iconClose"
-                   @click="closePopover">
-            <el-icon-close />
-          </el-icon>
-        </div>
-        <el-divider style="margin: 5px 0;" />
-        <template v-if="grantedApplications.length > 0">
-          <div class="menu-item"
-               @click="switchMenu(item)"
-               v-for="item in grantedApplications"
-               :key="item.resourceId">
-            <i class="iconfont"
-               :class="item.icon"
-               style="margin-right: 5px;"></i>
-            {{ item.name}}
-          </div>
-        </template>
-
-      </div>
-    </el-popover>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'layoutAside',
-  props: {
-  },
-  data() {
-    return {
-      popVisible: false,
-      grantedApplications: [],
-    };
-  },
-  mounted() {
-    let { grantedApplications } = this.$tool.data.get('userAuthInfo');
-    this.grantedApplications = grantedApplications
-    document.addEventListener('click', this.handleDocumentClick);
-  },
-  beforeDestroy() {
-    document.removeEventListener('click', this.handleDocumentClick);
-  },
-  methods: {
-    handleDocumentClick(ev) {
-      let popover = document.getElementById('popover');
-      if (this.popVisible && (ev.target !== popover) && !popover.contains(ev.target)) {
-        this.popVisible = false;
-      }
-    },
-    openMneu() {
-      window.location.href = '/#/passport-application'
-    },
-    switchMenu(menuItem) {
-      window.location.href = menuItem.url;
-    },
-    closePopover() {
-      this.$refs.popoverRef.hide(); // 关闭 popover
-    },
-  }
-};
-</script>
-<style lang="scss">
-.layout-aside {
-  width: 100%;
-  height: 100%;
-  border-bottom: 1px solid var(--el-mask-color-extra-light);
-  .logo {
-    width: 100%;
-    height: auto;
-    display: block;
-    background-color: var(--el-color-primary);
-  }
-
-  .menu-btn {
-    font-size: 24px;
-    color: #95989d;
-  }
-  .el-tooltip__trigger {
-    text-align: center;
-    padding: 10px;
-    cursor: pointer;
-    &:hover {
-      background-color: var(--el-menu-hover-bg-color);
-      .menu-btn {
-        color: var(--el-menu-active-color);
-      }
-    }
-  }
-
-  .menu-container {
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    align-items: center;
-    width: inherit;
-
-    .logo {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: inherit;
-      height: 50px;
-      cursor: pointer;
-      margin: 0;
-      padding: 0;
-    }
-
-    .fixed-menu-list {
-      flex: 1;
-      width: inherit;
-      height: 100%;
-    }
-    .app-box {
-      width: 50px;
-      height: 50px;
-      color: #95989d;
-    }
-    .app-box:hover {
-      background: var(--el-menu-hover-bg-color);
-      color: var(--el-color-primary);
-    }
-  }
-
-  .menu-container,
-  .footer {
-    p {
-      width: 50px;
-      height: 50px;
-      margin: auto;
-      line-height: 50px;
-      text-align: center;
-      cursor: pointer;
-    }
-
-    .iconfont {
-      color: inherit;
-      font-size: 18px;
-      padding: 15px;
-    }
-  }
-
-  .setting {
-    transform: rotate(180deg);
-    cursor: pointer;
-  }
-}
-
-.pop-menu {
-  min-width: 104px;
-  height: fit-content;
-  padding: 10px 0;
-  overflow-y: auto;
-  border: 1px solid #eaeaeb;
-  border-radius: 2px;
-  box-shadow: 0 2px 4px rgba(39, 40, 42, 0.15);
-
-  // &.side-popover {
-  //     top: 50px !important;
-  //     left: 50px !important;
-  //     max-height: calc(100vh - 80px);
-  // }
-
-  // &.header-popover {
-  //     top: 35px !important;
-  //     right: 76px !important;
-  //     left: auto !important;
-  //     max-height: calc(100vh - 80px);
-  // }
-}
-
-.menu-item {
-  display: flex;
-  box-sizing: border-box;
-  align-items: center;
-  height: 32px;
-  padding: 0 8px;
-  color: #6a6d73;
-  cursor: pointer;
-
-  &.fixed {
-    color: #27282a;
-    font-weight: bold;
-
-    .iconfont {
-      color: var(--el-color-primary);
-      font-weight: normal;
-    }
-
-    .iconfont.iconMinus-Circle {
-      color: #ccccf5;
-    }
-  }
-
-  &:hover {
-    background: #eeeefc;
-    color: var(--el-color-primary);
-
-    &.fixed .iconfont.iconFixed {
-      display: none !important;
-    }
-
-    .iconfont {
-      display: block !important;
-
-      color: var(--el-color-primary);
-    }
-  }
-
-  .iconfont {
-    width: 16px;
-    height: 16px;
-    color: #95989d;
-    line-height: 15px;
-
-    &.iconFixed {
-      display: none;
-      color: #9a98eb;
-      font-size: 14px;
-      cursor: pointer;
-    }
-
-    &.iconDrag1 {
-      display: none;
-      margin-left: 8px;
-      color: #9a98eb;
-      font-size: 14px;
-      cursor: grab;
-    }
-  }
-
-  .name {
-    flex: 1;
-    margin-left: 8px;
-    overflow: hidden;
-    color: inherit;
-    font-size: 12px;
-    line-height: 32px;
-    text-align: left;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-}
-
-.app-popper {
-  padding: 10px 0 !important;
-  top: 50px !important;
-  .app-title {
-    font-size: 12px;
-    font-weight: bold;
-    line-height: 19px;
-    height: 19px;
-    padding: 0 10px 2px;
-    .open{
-      cursor: pointer;
-    }
-    .iconClose {
-      position: absolute;
-      top: 10px;
-      right: 8px;
-      color: #d5d6d8;
-      font-weight: normal;
-      cursor: pointer;
-      font-size: 16px;
-      &:hover {
-        color: var(--el-color-primary);
-      }
-    }
-  }
-}
-</style>
-

package/dist/components/lwLayout/components/bu.vue

@@ -1,88 +0,0 @@
-<template>
-  <div class="screen panel-item hidden-sm-and-down"
-       @click="screen">
-
-    <el-dropdown @command="changeBusinessUnit">
-      <div class="bu-list">
-        <el-icon><el-icon-help /></el-icon>{{buName}}
-      </div>
-      <template #dropdown>
-        <el-dropdown-menu>
-          <el-dropdown-item v-for="item in buList"
-                            :key="item.id"
-                            :command="item.code">{{item.name}}</el-dropdown-item>
-        </el-dropdown-menu>
-      </template>
-    </el-dropdown>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      buName: '',
-      buList: [],
-    }
-  },
-  props: {
-    isInitialized: {
-      type: Boolean,
-      default: true
-    },
-  },
-  methods: {
-    async changeBusinessUnit(command) {
-      let item = this.buList.find(item => item.code === command)
-      this.buName = item.name
-      this.$store.commit('setRouteShow', true)
-      this.$tool.data.set('buCode', command)
-      this.$tool.data.set('tenantId', item.tenantId)
-
-      this.$bus.$emit('changeBu', { buCode: command, tenantId: item.tenantId })
-
-      // 检验是否初始化
-      if (this.isInitialized) {
-        let initialized = await this.$api.auth.initialized()
-        this.$tool.data.set('zoneInitialized', initialized)
-        if (!initialized) {
-          this.$router.push(this.$config.INIT_URL);
-        }
-
-      }
-
-      //判断是否当前路由，否的话跳转
-      this.$store.commit('clearKeepLive')
-      this.$store.commit("setRouteShow", false)
-
-    }
-  },
-  async created() {
-    this.buList = this.$tool.data.get('buList') || []
-    let buCode = this.$tool.data.get('buCode')
-    if (!this.buList.length) {
-      let buResult = await this.$api.auth.bu()
-      let bu = buResult || []
-      this.$tool.data.set('buList', bu)
-      this.buList = bu
-      this.$tool.data.set('buCode', bu[0].code)
-      buCode = bu[0].code
-    }
-    let item = this.buList.find(item => item.code === buCode)
-    this.buName = item ? item.name : ''
-    this.changeBusinessUnit(buCode)
-  }
-}
-</script>
-<style lang="scss" scoped>
-:deep(.el-dropdown) {
-  height: 100%;
-}
-.bu-list {
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  height: 100%;
-  white-space: nowrap;
-}
-</style>

package/dist/components/lwLayout/components/iframeView.vue

@@ -1,57 +0,0 @@
-<template>
-	<div v-show="$route.meta.type=='iframe'" class="iframe-pages">
-		<iframe v-for="item in iframeList" :key="item.meta.url" v-show="$route.meta.url==item.meta.url" :src="item.meta.url" frameborder='0'></iframe>
-	</div>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-
-			}
-		},
-		watch: {
-			$route(e) {
-				this.push(e)
-			},
-		},
-		created() {
-			this.push(this.$route);
-		},
-		computed:{
-			iframeList(){
-				return this.$store.state.iframe.iframeList
-			},
-			ismobile(){
-				return this.$store.state.global.ismobile
-			},
-			layoutTags(){
-				return this.$store.state.global.layoutTags
-			}
-		},
-		mounted() {
-
-		},
-		methods: {
-			push(route){
-				if(route.meta.type == 'iframe'){
-					if(this.ismobile || !this.layoutTags){
-						this.$store.commit("setIframeList", route)
-					}else{
-						this.$store.commit("pushIframeList", route)
-					}
-				}else{
-					if(this.ismobile || !this.layoutTags){
-						this.$store.commit("clearIframeList")
-					}
-				}
-			}
-		}
-	}
-</script>
-
-<style scoped>
-	.iframe-pages {width:100%;height:100%;background: #fff;}
-	iframe {border:0;width:100%;height:100%;display: block;}
-</style>

package/dist/components/lwLayout/components/lang.vue

@@ -1,77 +0,0 @@
-<template>
-  <el-dropdown trigger="click"
-               placement="bottom-end"
-               @command="configLang">
-    <el-button link>
-      <template #icon>
-        <svg xmlns="http://www.w3.org/2000/svg"
-             xmlns:xlink="http://www.w3.org/1999/xlink"
-             role="img"
-             width="1em"
-             height="1em"
-             preserveAspectRatio="xMidYMid meet"
-             viewBox="0 0 512 512">
-          <path d="M478.33 433.6l-90-218a22 22 0 0 0-40.67 0l-90 218a22 22 0 1 0 40.67 16.79L316.66 406h102.67l18.33 44.39A22 22 0 0 0 458 464a22 22 0 0 0 20.32-30.4zM334.83 362L368 281.65L401.17 362z"
-                fill="currentColor"></path>
-          <path d="M267.84 342.92a22 22 0 0 0-4.89-30.7c-.2-.15-15-11.13-36.49-34.73c39.65-53.68 62.11-114.75 71.27-143.49H330a22 22 0 0 0 0-44H214V70a22 22 0 0 0-44 0v20H54a22 22 0 0 0 0 44h197.25c-9.52 26.95-27.05 69.5-53.79 108.36c-31.41-41.68-43.08-68.65-43.17-68.87a22 22 0 0 0-40.58 17c.58 1.38 14.55 34.23 52.86 83.93c.92 1.19 1.83 2.35 2.74 3.51c-39.24 44.35-77.74 71.86-93.85 80.74a22 22 0 1 0 21.07 38.63c2.16-1.18 48.6-26.89 101.63-85.59c22.52 24.08 38 35.44 38.93 36.1a22 22 0 0 0 30.75-4.9z"
-                fill="currentColor"></path>
-        </svg>
-      </template>
-      {{ curLang }}
-    </el-button>
-    <template #dropdown>
-      <el-dropdown-menu >
-        <el-dropdown-item v-for="item in lang"
-                          :key="item.value"
-                          :command="item"
-                          :class="{'selected':config.lang==item.value}">{{item.name}}</el-dropdown-item>
-      </el-dropdown-menu>
-    </template>
-  </el-dropdown>
-</template>
-
-<script>
-import { computed } from 'vue';
-export default {
-  data() {
-    return {
-      config: {
-        lang: this.$tool.data.get("APP_LANG") || this.$config.LANG,
-      },
-      lang: [
-        {
-          name: "简体中文",
-          value: "zh-cn",
-        },
-        {
-          name: "English",
-          value: "en-us",
-        }
-      ],
-    }
-  },
-  watch: {
-    "config.lang"(val) {
-      this.$i18n.locale = val;
-      this.$i18n.fallbackLocale = val;
-      this.$tool.data.remove('RouteTags');
-      this.$tool.data.set("APP_LANG", val);
-      location.reload()
-    },
-  },
-  methods: {
-    configLang(command) {
-      this.config.lang = command.value;
-    }
-  },
-  computed: {
-    curLang() {
-      let l = this.lang.find(lang => lang.value === this.config.lang)
-      return l.name
-    }
-  }
-}
-</script>
-
-<style>
-</style>

package/dist/components/lwLayout/components/setting.vue

@@ -1,102 +0,0 @@
-<template>
-  <el-form ref="form"
-           label-width="120px"
-           label-position="left"
-           style="padding:0 20px;">
-    <!-- <el-alert title="以下配置可实时预览，开发者可在 config/index.js 中配置默认值，非常不建议在生产环境下开放布局设置" type="error" :closable="false"></el-alert> -->
-    <el-divider></el-divider>
-    <el-form-item :label="$t('user.nightmode')">
-      <el-switch v-model="dark"
-                 active-value="dark"
-                 inactive-value="default"></el-switch>
-    </el-form-item>
-    <el-divider></el-divider>
-    <el-form-item :label="$t('user.color')">
-      <el-color-picker v-model="colorPrimary"
-                       :predefine="colorList">></el-color-picker>
-    </el-form-item>
-    <el-divider></el-divider>
-    <el-form-item :label="$t('user.layout')">
-      <el-select v-model="layout"
-                 placeholder="请选择">
-        <el-option label="默认"
-                   value="default"></el-option>
-        <el-option label="通栏"
-                   value="header"></el-option>
-        <el-option label="经典"
-                   value="menu"></el-option>
-        <el-option label="功能坞"
-                   value="dock"></el-option>
-      </el-select>
-    </el-form-item>
-    <el-form-item :label="$t('user.menu')">
-      <el-switch v-model="menuIsCollapse"></el-switch>
-    </el-form-item>
-    <el-form-item :label="$t('user.tag')">
-      <el-switch v-model="layoutTags"></el-switch>
-    </el-form-item>
-    <el-divider></el-divider>
-    <el-form-item :label="$t('user.lang')">
-      <Lang />
-    </el-form-item>
-
-  </el-form>
-</template>
-
-<script>
-import colorTool from '@/utils/color'
-import Lang from './lang.vue'
-
-export default {
-  components: { Lang },
-  data() {
-    return {
-      layout: this.$store.state.global.layout,
-      menuIsCollapse: this.$store.state.global.menuIsCollapse,
-      layoutTags: this.$store.state.global.layoutTags,
-      dark: this.$tool.data.get('APP_THEME'),
-      colorList: ['#409EFF', '#009688', '#536dfe', '#ff5c93', '#c62f2f', '#fd726d'],
-      colorPrimary: this.$tool.data.get('APP_COLOR') || this.$config.COLOR || '#409EFF'
-    }
-  },
-  watch: {
-    layout(val) {
-      this.$store.commit("SET_layout", val)
-    },
-    menuIsCollapse(val) {
-      this.$store.commit("TOGGLE_menuIsCollapse")
-			if (val) {
-        this.$tool.data.set("APP_menuIsCollapse", 'true');
-      } else {
-        this.$tool.data.remove("APP_menuIsCollapse");
-      }
-    },
-    layoutTags(val) {
-      this.$store.commit("TOGGLE_layoutTags")
-      if (val) {
-        this.$tool.data.remove("APP_LAYOUTTAGS");
-      } else {
-        this.$tool.data.set("APP_LAYOUTTAGS", 'hide');
-      }
-
-    },
-    dark(val) {
-      document.body.setAttribute('data-theme', val)
-      this.$tool.data.set("APP_THEME", val);
-    },
-    colorPrimary(val) {
-      document.documentElement.style.setProperty('--el-color-primary', val);
-      for (let i = 1; i <= 9; i++) {
-        document.documentElement.style.setProperty(`--el-color-primary-light-${i}`, colorTool.lighten(val, i / 10));
-      }
-      for (let i = 1; i <= 9; i++) {
-        document.documentElement.style.setProperty(`--el-color-primary-dark-${i}`, colorTool.darken(val, i / 10));
-      }
-      this.$tool.data.set("APP_COLOR", val);
-    }
-  }
-}
-</script>
-
-<style>
-</style>