lw-cdp-ui 1.0.19 → 1.0.21

package/dist/components/lwIconSelect/index.vue

@@ -1,142 +1,142 @@
-<template>
-  <div class="lw-icon-select">
-    <el-input v-model="defaultValue"
-              :prefix-icon="defaultValue||'none'"
-              :placeholder="placeholder"
-              :clearable="clearable"
-              :disabled="disabled">
-      <template #append>
-        <el-button icon="el-icon-more-filled"
-                   @click="open"></el-button>
-      </template>
-    </el-input>
-    <el-dialog title="图标选择器"
-               v-model="dialogVisible"
-               :width="780"
-               destroy-on-close>
-      <el-tabs style="margin-top: -30px;" v-model="activeName">
-        <el-tab-pane v-for="item in data"
-                     :key="item.name"
-                     :name="item.key"
-                     lazy>
-          <template #label>
-            {{item.name}} <el-tag size="small"
-                    type="info">{{item.icons.length}}</el-tag>
-          </template>
-          <div class="lw-icon-select__list">
-            <el-scrollbar>
-              <ul @click="selectIcon">
-                <li v-for="icon in item.icons"
-                    :key="icon">
-                  <span :data-icon="icon"></span>
-                  <el-icon>
-                    <component :is="icon" />
-                  </el-icon>
-                </li>
-              </ul>
-            </el-scrollbar>
-          </div>
-        </el-tab-pane>
-      </el-tabs>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import config from "./iconSelect"
-
-export default {
-  props: {
-    modelValue: { type: String, default: "" },
-    placeholder: { type: String, default: "请输入或者选择图标" },
-    clearable: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-  },
-  data () {
-    return {
-      defaultValue: '',
-      activeName: 'element',
-      dialogVisible: false,
-      data: []
-    }
-  },
-  watch: {
-    modelValue (val) {
-      this.defaultValue = val
-    },
-    defaultValue (val) {
-      this.$emit('update:modelValue', val)
-    }
-  },
-  mounted () {
-    this.defaultValue = this.modelValue
-    this.data.push(...config.icons)
-  },
-  methods: {
-    open () {
-      if (this.disabled) {
-        return false
-      }
-      this.dialogVisible = true
-    },
-    selectIcon (e) {
-      if (e.target.tagName != 'SPAN') {
-        return false
-      }
-      this.defaultValue = e.target.dataset.icon
-      this.dialogVisible = false
-      this.$emit('update:modelValue', this.defaultValue);
-    }
-  }
-}
-</script>
-
-<style scoped>
-.lw-icon-select {
-  display: inline-block;
-}
-.lw-icon-select__list {
-  height: 360px;
-  overflow: auto;
-}
-.lw-icon-select__list ul {
-}
-.lw-icon-select__list li {
-  display: inline-block;
-  width: 80px;
-  height: 80px;
-  margin: 5px;
-  vertical-align: top;
-  box-shadow: 0 0 0 1px #eee;
-  transition: all 0.1s;
-  border-radius: 4px;
-  position: relative;
-}
-.lw-icon-select__list li span {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 1;
-  cursor: pointer;
-}
-.lw-icon-select__list li i {
-  display: inline-block;
-  width: 100%;
-  height: 100%;
-  font-size: 26px;
-  color: #6d7882;
-  background: #fff;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 4px;
-}
-.lw-icon-select__list li:hover {
-  box-shadow: 0 0 1px 4px rgba(64, 158, 255, 1);
-}
-.lw-icon-select__list li:hover i {
-  color: #409eff;
-}
-</style>
+<template>
+  <div class="lw-icon-select">
+    <el-input v-model="defaultValue"
+              :prefix-icon="defaultValue||'none'"
+              :placeholder="placeholder"
+              :clearable="clearable"
+              :disabled="disabled">
+      <template #append>
+        <el-button icon="el-icon-more-filled"
+                   @click="open"></el-button>
+      </template>
+    </el-input>
+    <el-dialog title="图标选择器"
+               v-model="dialogVisible"
+               :width="780"
+               destroy-on-close>
+      <el-tabs style="margin-top: -30px;" v-model="activeName">
+        <el-tab-pane v-for="item in data"
+                     :key="item.name"
+                     :name="item.key"
+                     lazy>
+          <template #label>
+            {{item.name}} <el-tag size="small"
+                    type="info">{{item.icons.length}}</el-tag>
+          </template>
+          <div class="lw-icon-select__list">
+            <el-scrollbar>
+              <ul @click="selectIcon">
+                <li v-for="icon in item.icons"
+                    :key="icon">
+                  <span :data-icon="icon"></span>
+                  <el-icon>
+                    <component :is="icon" />
+                  </el-icon>
+                </li>
+              </ul>
+            </el-scrollbar>
+          </div>
+        </el-tab-pane>
+      </el-tabs>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import config from "./iconSelect"
+
+export default {
+  props: {
+    modelValue: { type: String, default: "" },
+    placeholder: { type: String, default: "请输入或者选择图标" },
+    clearable: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+  },
+  data () {
+    return {
+      defaultValue: '',
+      activeName: 'element',
+      dialogVisible: false,
+      data: []
+    }
+  },
+  watch: {
+    modelValue (val) {
+      this.defaultValue = val
+    },
+    defaultValue (val) {
+      this.$emit('update:modelValue', val)
+    }
+  },
+  mounted () {
+    this.defaultValue = this.modelValue
+    this.data.push(...config.icons)
+  },
+  methods: {
+    open () {
+      if (this.disabled) {
+        return false
+      }
+      this.dialogVisible = true
+    },
+    selectIcon (e) {
+      if (e.target.tagName != 'SPAN') {
+        return false
+      }
+      this.defaultValue = e.target.dataset.icon
+      this.dialogVisible = false
+      this.$emit('update:modelValue', this.defaultValue);
+    }
+  }
+}
+</script>
+
+<style scoped>
+.lw-icon-select {
+  display: inline-block;
+}
+.lw-icon-select__list {
+  height: 360px;
+  overflow: auto;
+}
+.lw-icon-select__list ul {
+}
+.lw-icon-select__list li {
+  display: inline-block;
+  width: 80px;
+  height: 80px;
+  margin: 5px;
+  vertical-align: top;
+  box-shadow: 0 0 0 1px #eee;
+  transition: all 0.1s;
+  border-radius: 4px;
+  position: relative;
+}
+.lw-icon-select__list li span {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1;
+  cursor: pointer;
+}
+.lw-icon-select__list li i {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  font-size: 26px;
+  color: #6d7882;
+  background: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 4px;
+}
+.lw-icon-select__list li:hover {
+  box-shadow: 0 0 1px 4px rgba(64, 158, 255, 1);
+}
+.lw-icon-select__list li:hover i {
+  color: #409eff;
+}
+</style>

package/dist/components/lwLayout/components/NavMenu.vue

@@ -1,36 +1,36 @@
-<template>
-	<div v-if="navMenus.length<=0" style="padding:20px;">
-		<el-alert title="无子集菜单" center type="info" :closable="false"></el-alert>
-	</div>
-	<template v-for="navMenu in navMenus" v-bind:key="navMenu">
-		<el-menu-item v-if="!hasChildren(navMenu)" :index="navMenu.path">
-			<a v-if="navMenu.meta&&navMenu.meta.type=='link'" :href="navMenu.path" target="_blank" @click.stop='()=>{}'></a>
-			<el-icon v-if="navMenu.meta&&navMenu.meta.icon"><component :is="navMenu.meta.icon || 'el-icon-menu'"/></el-icon>
-			<template #title>
-				<span>{{navMenu.meta.title}}</span>
-			</template>
-		</el-menu-item>
-		<el-sub-menu v-else :index="navMenu.path">
-			<template #title>
-				<el-icon v-if="navMenu.meta&&navMenu.meta.icon"><component :is="navMenu.meta.icon || 'el-icon-menu'"/></el-icon>
-				<span>{{navMenu.meta.title}}</span>
-			</template>
-			<NavMenu :navMenus="navMenu.children"></NavMenu>
-		</el-sub-menu>
-	</template>
-</template>
-
-<script>
-	export default {
-		name: 'NavMenu',
-		props: ['navMenus'],
-		data() {
-			return {}
-		},
-		methods: {
-			hasChildren(item) {
-				return item.children && !item.children.every(item => item.meta.hidden)
-			}
-		}
-	}
-</script>
+<template>
+	<div v-if="navMenus.length<=0" style="padding:20px;">
+		<el-alert title="无子集菜单" center type="info" :closable="false"></el-alert>
+	</div>
+	<template v-for="navMenu in navMenus" v-bind:key="navMenu">
+		<el-menu-item v-if="!hasChildren(navMenu)" :index="navMenu.path">
+			<a v-if="navMenu.meta&&navMenu.meta.type=='link'" :href="navMenu.path" target="_blank" @click.stop='()=>{}'></a>
+			<el-icon v-if="navMenu.meta&&navMenu.meta.icon"><component :is="navMenu.meta.icon || 'el-icon-menu'"/></el-icon>
+			<template #title>
+				<span>{{navMenu.meta.title}}</span>
+			</template>
+		</el-menu-item>
+		<el-sub-menu v-else :index="navMenu.path">
+			<template #title>
+				<el-icon v-if="navMenu.meta&&navMenu.meta.icon"><component :is="navMenu.meta.icon || 'el-icon-menu'"/></el-icon>
+				<span>{{navMenu.meta.title}}</span>
+			</template>
+			<NavMenu :navMenus="navMenu.children"></NavMenu>
+		</el-sub-menu>
+	</template>
+</template>
+
+<script>
+	export default {
+		name: 'NavMenu',
+		props: ['navMenus'],
+		data() {
+			return {}
+		},
+		methods: {
+			hasChildren(item) {
+				return item.children && !item.children.every(item => item.meta.hidden)
+			}
+		}
+	}
+</script>