lw-cdp-ui 1.0.19 → 1.0.21

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

@@ -1,71 +1,73 @@
-<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) {
-      this.buName = command
-      let item = this.buList.find(item => item.code === command)
-      this.$tool.data.set('buCode', command)
-      this.$tool.data.set('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);
-        }
-      }
-    }
-  },
-  created() {
-    this.buList = this.$tool.data.get('buList')
-
-    let buCode = this.$tool.data.get('buCode')
-    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%;
-}
+<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) {
+      this.buName = command
+      let item = this.buList.find(item => item.code === command)
+      this.$store.commit('setRouteShow', true)
+      this.$tool.data.set('buCode', command)
+      this.$tool.data.set('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('setRouteShow', false)
+      }
+    }
+  },
+  created() {
+    this.buList = this.$tool.data.get('buList')
+
+    let buCode = this.$tool.data.get('buCode')
+    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%;
+}
 </style>

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

@@ -1,57 +1,57 @@
-<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>
+<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 +1,77 @@
-<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,
-      },
-      curLang: '',
-      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.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>
+<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,
+      },
+      curLang: '',
+      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.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,80 +1,80 @@
-<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(){
-				this.$store.commit("TOGGLE_menuIsCollapse")
-			},
-			layoutTags(){
-				this.$store.commit("TOGGLE_layoutTags")
-			},
-			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>
+<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(){
+				this.$store.commit("TOGGLE_menuIsCollapse")
+			},
+			layoutTags(){
+				this.$store.commit("TOGGLE_layoutTags")
+			},
+			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>