@tongfun/tf-widget 0.1.18 → 0.1.22

package/package/tf-layout/src/tf-layout.vue

@@ -1,120 +1,140 @@
-<template>
-  <div class="tf-layout">
-    <TfMenu
-      :menus-info="menusInfo"
-      :menu-state="menuState"
-    />
-    <div class="tf-layout-subject">
-      <TfLaberBar
-        :route-base="routeBase"
-        @setCache="setCache"
-        @changeMenuState="changeMenuState"
-        @deleteCache="deleteCache"
-      />
-      <div class="tf-layout-subject-content">
-        <keep-alive :include="secondCacheArray">
-          <router-view />
-        </keep-alive>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import TfMenu from './components/tf-menu'
-import TfLaberBar from './components/tf-labelbar'
-export default {
-  name: 'TfLayout',
-  components: {
-    TfMenu,
-    TfLaberBar
-  },
-  props: {
-    menusInfo: {
-      type: Array,
-      default: function () {
-        return []
-      }
-    },
-    routeBase: {
-      default: null,
-      type: String
-    }
-  },
-  data () {
-    return {
-      menuState: false,
-      cacheMap: new Map(),
-      secondCacheArray: [],
-      thirdCacheArr: []
-    }
-  },
-  methods: {
-    changeMenuState (state) {
-      this.menuState = state
-    },
-    setCache (value) {
-      this.cacheMap.set(value[2] || value[1], value[1])
-      this.initCacheArr()
-    },
-    initCacheArr () {
-      this.secondCacheArray.push(
-        ...this.arrayDiff([...this.cacheMap.values()], this.secondCacheArray)
-      )
-      this.thirdCacheArr.push(
-        ...this.arrayDiff([...this.cacheMap.keys()], this.thirdCacheArr)
-      )
-      this.$emit('setSecondCache', this.secondCacheArray)
-      this.$emit('setThirdCache', this.thirdCacheArr)
-    },
-    arrayDiff (arr, arrRaw) {
-      if (Array.isArray(arr)) {
-        return arr.filter((i) => {
-          return arrRaw.indexOf(i) < 0
-        })
-      }
-      return []
-    },
-    deleteCache (value) {
-      if (Array.isArray(value)) {
-        value.forEach((item) => {
-          this.cacheMap.delete(item[2] || item[1])
-          this.thirdCacheArr.splice(
-            this.thirdCacheArr.indexOf(item[2] || item[1]),
-            1
-          )
-          if ([...this.cacheMap.values()].indexOf(item[1]) === -1) {
-            this.secondCacheArray.splice(
-              this.secondCacheArray.indexOf(item[2]),
-              1
-            )
-          }
-        })
-        this.$emit('setSecondCache', this.secondCacheArray)
-        this.$emit('setThirdCache', this.thirdCacheArr)
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.tf-layout {
-  height: 100vh;
-  width: 100vw;
-  display: flex;
-  .tf-layout-subject {
-    flex: 1;
-    height: 94.82vh;
-    width: 100%;
-    overflow: hidden;
-    .tf-layout-subject-content {
-      width: 100%;
-      height: calc(100% - 35px);
-      background: rgb(241, 241, 241);
-      box-sizing: border-box;
-      padding: 5px 0 0 0;
-    }
-  }
-}
-</style>
+<template>
+  <div class="tf-layout">
+    <TfMenu
+      :menus-info="menusInfo"
+      :menu-state="menuState"
+    />
+    <div class="tf-layout-subject">
+      <TfLaberBar
+        ref="TfLaberBar"
+        :route-base="routeBase"
+        @setCache="setCache"
+        @changeMenuState="changeMenuState"
+        @deleteCache="deleteCache"
+      />
+      <div class="tf-layout-subject-content">
+        <keep-alive :include="secondCacheArray">
+          <router-view />
+        </keep-alive>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import TfMenu from './components/tf-menu'
+import TfLaberBar from './components/tf-labelbar'
+export default {
+  name: 'TfLayout',
+  components: {
+    TfMenu,
+    TfLaberBar
+  },
+  props: {
+    menusInfo: {
+      type: Array,
+      default: function () {
+        return []
+      }
+    },
+    routeBase: {
+      default: null,
+      type: String
+    }
+  },
+  data () {
+    return {
+      currencyCache: {},
+      menuState: false,
+      cacheMap: new Map(),
+      secondCacheArray: [],
+      thirdCacheArr: []
+    }
+  },
+  methods: {
+    changeMenuState (state) {
+      this.menuState = state
+    },
+    setCache (value) {
+      const key = value[2] || value[1]
+      if (this.cacheMap.get(key)) {
+        if (!this.currencyCache[key] || this.currencyCache[key] < 0) this.$set(this.currencyCache, key, 0)
+        this.currencyCache[key] += 1
+      } else {
+        this.cacheMap.set(key, value[1])
+        this.initCacheArr()
+      }
+    },
+    initCacheArr () {
+      this.secondCacheArray.push(
+        ...this.arrayDiff([...this.cacheMap.values()], this.secondCacheArray)
+      )
+      this.thirdCacheArr.push(
+        ...this.arrayDiff([...this.cacheMap.keys()], this.thirdCacheArr)
+      )
+      this.$emit('setSecondCache', this.secondCacheArray)
+      this.$emit('setThirdCache', this.thirdCacheArr)
+    },
+    arrayDiff (arr, arrRaw) {
+      if (Array.isArray(arr)) {
+        return arr.filter((i) => {
+          return arrRaw.indexOf(i) < 0
+        })
+      }
+      return []
+    },
+    deleteCache (value) {
+      if (Array.isArray(value)) {
+        value.forEach((item) => {
+          const key = item[2] || item[1]
+          if (`${this.currencyCache[key]}` && this.currencyCache[key] >= 0) {
+            this.currencyCache[key] -= 1
+            if (this.currencyCache[key] < 0) {
+              this.cacheMap.delete(key)
+              this.thirdCacheArr.splice(
+                this.thirdCacheArr.indexOf(key),
+                1
+              )
+            }
+          } else {
+            this.cacheMap.delete(key)
+            this.thirdCacheArr.splice(
+              this.thirdCacheArr.indexOf(key),
+              1
+            )
+          }
+          if ([...this.cacheMap.values()].indexOf(item[1]) === -1) {
+            this.secondCacheArray.splice(
+              this.secondCacheArray.indexOf(item[2]),
+              1
+            )
+          }
+        })
+        this.$emit('setSecondCache', this.secondCacheArray)
+        this.$emit('setThirdCache', this.thirdCacheArr)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.tf-layout {
+  height: 100vh;
+  width: 100vw;
+  display: flex;
+  .tf-layout-subject {
+    flex: 1;
+    height: 94.82vh;
+    width: 100%;
+    overflow: hidden;
+    .tf-layout-subject-content {
+      width: 100%;
+      height: calc(100% - 35px);
+      background: rgb(241, 241, 241);
+      box-sizing: border-box;
+      padding: 5px 0 0 0;
+    }
+  }
+}
+</style>

package/package/tf-widget/index.js

@@ -1,8 +1,8 @@
-import TfWidget from './src/tf-widget'
-
-/* istanbul ignore next */
-TfWidget.install = function (Vue) {
-  Vue.component(TfWidget.name, TfWidget)
-}
-
-export default TfWidget
+import TfWidget from './src/tf-widget'
+
+/* istanbul ignore next */
+TfWidget.install = function (Vue) {
+  Vue.component(TfWidget.name, TfWidget)
+}
+
+export default TfWidget

package/package/tf-widget/src/assets/common-input.less

@@ -1,11 +1,11 @@
-// 颜色定义
-@disabledBgColor: #f0f0f5;
-
-::v-deep .el-input__inner[disabled = 'disabled']{
-  background: @disabledBgColor;
-  border-color: @disabledBgColor;
-}
-::v-deep .el-textarea__inner[disabled = 'disabled']{
-  background: @disabledBgColor;
-  border-color: @disabledBgColor;
+// 颜色定义
+@disabledBgColor: #f0f0f5;
+
+::v-deep .el-input__inner[disabled = 'disabled']{
+  background: @disabledBgColor;
+  border-color: @disabledBgColor;
+}
+::v-deep .el-textarea__inner[disabled = 'disabled']{
+  background: @disabledBgColor;
+  border-color: @disabledBgColor;
 }