cloud-web-corejs 1.0.54-dev.810 → 1.0.54-dev.811

package/src/components/baseTabs/mixins.js

@@ -1,181 +1,181 @@
-import { scrollIntoScrollParent } from '@base/utils/scrollUtil';
-
-let baseTabsMixin, baseTabPaneMixin;
-
-baseTabsMixin = {
-  props: {
-    value: {
-      type: [String, Number]
-    }
-  },
-  data: function () {
-    return {
-      currentValue: this.value,
-      navList: []
-    };
-  },
-  methods: {
-    tabCls: function (item) {
-      return [
-        'tabs-tab',
-        {
-          'tabs-tab-active': item.name === this.currentValue
-        }
-      ];
-    },
-    //遍历所有为pane的子元素
-    getTabs() {
-      let list = [];
-      if (this.$slots.default) {
-        this.$slots.default.filter(item => {
-          return item.child !== undefined && item.child !== null;
-        }).map(item => item.child).forEach(item => {
-          if (item.$options.name === 'baseTabPane') {
-            list.push(item);
-          } else if (item.$attrs.tabPaneGrade === '2' || item.$attrs.tabPaneGrade === 2) {
-            let items = item.$children.filter(function (thirdItem) {
-              return thirdItem.$options.name === 'baseTabPane';
-            });
-            list.push(...items);
-          }
-        });
-      }
-      return list;
-    },
-    //将pane子元素中label name放进navList数组
-    updateNav() {
-      let navList = [];
-      let _this = this;
-      this.getTabs().forEach(function (pane, index) {
-        navList.push({
-          label: pane.label,
-          name: pane.name || index,
-          visible: pane.visible
-        });
-
-        // if (!pane.name) pane.name = index;
-        if (index === 0) {
-          if (!_this.currentValue) {
-            _this.currentValue = pane.name || index;
-          }
-        }
-      });
-      this.navList = navList;
-      this.updateStatus();
-    },
-    updateStatus() {
-      let tabs = this.getTabs();
-      let _this = this;
-      //显示当前正在选中的
-      tabs.forEach(function (tab) {
-        return (tab.show = tab.name === _this.currentValue);
-      });
-    },
-    handleChange: function (index) {
-      let nav = this.navList[index];
-      let name = nav.name;
-      this.currentValue = name;
-      this.$emit('input', name);
-      this.$emit('on-click', name);
-      let target = this.getTabs()[index].$el;
-      //滚动体是 .d-cont 还是它外面那层(.d-header + div{flex:1;overflow-y:auto})由布局决定,
-      //原来写死 .d-cont,在 .d-cont 没有确定高度(height:inherit 拿到 auto)的页面上
-      //scrollTop 赋值是空操作,点导航没反应——统一交给 scrollIntoScrollParent 找真正的滚动体。
-      scrollIntoScrollParent(target);
-    }
-  },
-  watch: {
-    value: function (val) {
-      this.currentValue = val;
-    },
-    currentValue: function () {
-      this.updateStatus();
-    }
-  }
-};
-
-baseTabPaneMixin = {
-  props: {
-    name: {
-      type: String
-    },
-    label: {
-      type: String,
-      default: ''
-    },
-    showFold: {
-      type: Boolean,
-      default: false
-    },
-    defaultShowContent: {
-      type: Boolean,
-      default: true
-    },
-    visible: {
-      type: Boolean,
-      default: undefined
-    }
-  },
-  computed: {
-    foldClass() {
-      return this.showContent ? 'el-icon-arrow-up' : 'el-icon-arrow-down';
-    }
-  },
-  beforeDestroy() {
-    //getParent() 只认 baseTabs 父级/祖父级,拿不到就是没被 baseTabs 包着(如设计期画布、
-    //或中间隔了 draggable),此时没有 navList 可维护,直接跳过——原来这里直接取 .navList 会崩。
-    let parentPanel = this.getParent();
-    if (!parentPanel) return;
-    let navList = parentPanel.navList;
-    if (navList.length <= 1) {
-      this.updateNav();
-    }
-  },
-  created() {
-    if (this.showFold) {
-      this.showContent = this.defaultShowContent;
-    }
-  },
-  data: function () {
-    return {
-      show: true,
-      showContent: true
-    };
-  },
-  methods: {
-    getParent() {
-      if (this.$parent.$options.name === 'baseTabs') {
-        return this.$parent;
-      } else if (this.$parent.$parent && this.$parent.$parent.$options.name === 'baseTabs') {
-        return this.$parent.$parent;
-      }
-    },
-    updateNav() {
-      let parentPanel = this.getParent();
-      parentPanel && parentPanel.updateNav();
-    },
-    handleFold(val) {
-      if (this.showFold) {
-        this.showContent = (val !== null && val !== undefined ? val : !this.showContent);
-      }
-    }
-  },
-  watch: {
-    label() {
-      this.updateNav();
-    }
-  },
-  mounted() {
-    this.updateNav();
-    if (this.visible !== undefined) {
-      this.$watch('visible', (val) => {
-        this.updateNav();
-      })
-    }
-  }
-};
-
-export {
-  baseTabsMixin,
-  baseTabPaneMixin,
-}
+import { scrollIntoScrollParent } from '@base/utils/scrollUtil';
+
+let baseTabsMixin, baseTabPaneMixin;
+
+baseTabsMixin = {
+  props: {
+    value: {
+      type: [String, Number]
+    }
+  },
+  data: function () {
+    return {
+      currentValue: this.value,
+      navList: []
+    };
+  },
+  methods: {
+    tabCls: function (item) {
+      return [
+        'tabs-tab',
+        {
+          'tabs-tab-active': item.name === this.currentValue
+        }
+      ];
+    },
+    //遍历所有为pane的子元素
+    getTabs() {
+      let list = [];
+      if (this.$slots.default) {
+        this.$slots.default.filter(item => {
+          return item.child !== undefined && item.child !== null;
+        }).map(item => item.child).forEach(item => {
+          if (item.$options.name === 'baseTabPane') {
+            list.push(item);
+          } else if (item.$attrs.tabPaneGrade === '2' || item.$attrs.tabPaneGrade === 2) {
+            let items = item.$children.filter(function (thirdItem) {
+              return thirdItem.$options.name === 'baseTabPane';
+            });
+            list.push(...items);
+          }
+        });
+      }
+      return list;
+    },
+    //将pane子元素中label name放进navList数组
+    updateNav() {
+      let navList = [];
+      let _this = this;
+      this.getTabs().forEach(function (pane, index) {
+        navList.push({
+          label: pane.label,
+          name: pane.name || index,
+          visible: pane.visible
+        });
+
+        // if (!pane.name) pane.name = index;
+        if (index === 0) {
+          if (!_this.currentValue) {
+            _this.currentValue = pane.name || index;
+          }
+        }
+      });
+      this.navList = navList;
+      this.updateStatus();
+    },
+    updateStatus() {
+      let tabs = this.getTabs();
+      let _this = this;
+      //显示当前正在选中的
+      tabs.forEach(function (tab) {
+        return (tab.show = tab.name === _this.currentValue);
+      });
+    },
+    handleChange: function (index) {
+      let nav = this.navList[index];
+      let name = nav.name;
+      this.currentValue = name;
+      this.$emit('input', name);
+      this.$emit('on-click', name);
+      let target = this.getTabs()[index].$el;
+      //滚动体是 .d-cont 还是它外面那层(.d-header + div{flex:1;overflow-y:auto})由布局决定,
+      //原来写死 .d-cont,在 .d-cont 没有确定高度(height:inherit 拿到 auto)的页面上
+      //scrollTop 赋值是空操作,点导航没反应——统一交给 scrollIntoScrollParent 找真正的滚动体。
+      scrollIntoScrollParent(target);
+    }
+  },
+  watch: {
+    value: function (val) {
+      this.currentValue = val;
+    },
+    currentValue: function () {
+      this.updateStatus();
+    }
+  }
+};
+
+baseTabPaneMixin = {
+  props: {
+    name: {
+      type: String
+    },
+    label: {
+      type: String,
+      default: ''
+    },
+    showFold: {
+      type: Boolean,
+      default: false
+    },
+    defaultShowContent: {
+      type: Boolean,
+      default: true
+    },
+    visible: {
+      type: Boolean,
+      default: undefined
+    }
+  },
+  computed: {
+    foldClass() {
+      return this.showContent ? 'el-icon-arrow-up' : 'el-icon-arrow-down';
+    }
+  },
+  beforeDestroy() {
+    //getParent() 只认 baseTabs 父级/祖父级,拿不到就是没被 baseTabs 包着(如设计期画布、
+    //或中间隔了 draggable),此时没有 navList 可维护,直接跳过——原来这里直接取 .navList 会崩。
+    let parentPanel = this.getParent();
+    if (!parentPanel) return;
+    let navList = parentPanel.navList;
+    if (navList.length <= 1) {
+      this.updateNav();
+    }
+  },
+  created() {
+    if (this.showFold) {
+      this.showContent = this.defaultShowContent;
+    }
+  },
+  data: function () {
+    return {
+      show: true,
+      showContent: true
+    };
+  },
+  methods: {
+    getParent() {
+      if (this.$parent.$options.name === 'baseTabs') {
+        return this.$parent;
+      } else if (this.$parent.$parent && this.$parent.$parent.$options.name === 'baseTabs') {
+        return this.$parent.$parent;
+      }
+    },
+    updateNav() {
+      let parentPanel = this.getParent();
+      parentPanel && parentPanel.updateNav();
+    },
+    handleFold(val) {
+      if (this.showFold) {
+        this.showContent = (val !== null && val !== undefined ? val : !this.showContent);
+      }
+    }
+  },
+  watch: {
+    label() {
+      this.updateNav();
+    }
+  },
+  mounted() {
+    this.updateNav();
+    if (this.visible !== undefined) {
+      this.$watch('visible', (val) => {
+        this.updateNav();
+      })
+    }
+  }
+};
+
+export {
+  baseTabsMixin,
+  baseTabPaneMixin,
+}