vdesign-ui 0.2.9 → 0.2.12

package/dist/components/tab/index.js

@@ -1,7 +1,7 @@
-import Tab from './index.vue';
-
-Tab.install = function (Vue) {
-  Vue.component(Tab.name, Tab);
-};
-
-export default Tab;
+import Tab from './index.vue';
+
+Tab.install = function (Vue) {
+  Vue.component(Tab.name, Tab);
+};
+
+export default Tab;

package/dist/components/tab/index.vue

@@ -1,94 +1,95 @@
-<template>
-    <div v-show="shouldShow" :class="paneClasses">
-      <slot v-if="shouldRender" />
-      <!-- 标题插槽占位符 -->
-      <div v-if="$slots.title" ref="title">
-        <slot name="title" />
-      </div>
-    </div>
-  </template>
-  
-  <script>
-  export default {
-    name: 'vd-tab',
-    props: {
-      name: [String, Number],
-      title: String,
-    },
-    data() {
-      return {
-        parent: null,
-        inited: false,
-      };
-    },
-    computed: {
-      paneClasses() {
-        return {
-          'vd-tab__pane': true,
-        };
-      },
-      isActive() {
-      if (!this.parent) return false;
-      if (this.name !== undefined) {
-        return this.name === this.parent.currentName;
-      } else {
-        const index = this.parent.tabs.indexOf(this);
-        return index === Number(this.parent.currentName);
-      }
-    },
-      shouldShow() {
-        // 当 animated 为 true 时，所有标签页都需要渲染（用于动画效果）
-        // 当 animated 为 false 时，只渲染当前激活的标签页
-        return this.isActive || (this.parent && this.parent.animated);
-      },
-      shouldRender() {
-        return this.inited || !(this.parent && this.parent.lazyRender);
-      },
-    },
-    watch: {
-      isActive(val) {
-        if (val) {
-          this.inited = true;
-        }
-      },
-    },
-    created() {
-      this.parent = this.findParent('vd-tabs');
-      if (this.parent) {
-        this.parent.addTab(this);
-      } else {
-        console.error('vd-tab must be used within vd-tabs.');
-      }
-    },
-    mounted() {
-      if (this.isActive) {
-        this.inited = true;
-      }
-      // 如果存在 title 插槽，调用父组件的 renderTitle 方法
-      if (this.$slots.title && this.$refs.title) {
-        this.parent.renderTitle(this.$refs.title, this);
-        this.$refs.title.parentNode.removeChild(this.$refs.title);
-  
-      }
-    },
-    beforeDestroy() {
-      if (this.parent) {
-        this.parent.removeTab(this);
-      }
-    },
-    methods: {
-      findParent(name) {
-        let parent = this.$parent;
-        while (parent) {
-          if (parent.$options && parent.$options.name === name) {
-            return parent;
-          }
-          parent = parent.$parent;
-        }
-        return null;
-      },
-    },
-  };
-  </script>
-  
+<template>
+    <div v-show="shouldShow" :class="paneClasses">
+      <slot v-if="shouldRender" />
+      <!-- 标题插槽占位符 -->
+      <div v-if="$slots.title" ref="title">
+        <slot name="title" />
+      </div>
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    name: 'vd-tab',
+    props: {
+      name: [String, Number],
+      title: String,
+    },
+    data() {
+      return {
+        parent: null,
+        inited: false,
+      };
+    },
+    computed: {
+      paneClasses() {
+        return {
+          'vd-tab__pane': true,
+          'vd-tab__pane--inactive': !this.isActive,
+        };
+      },
+      isActive() {
+        if (!this.parent) return false;
+        if (this.name !== undefined) {
+          return this.name === this.parent.currentName;
+        } else {
+          const index = this.parent.tabs.indexOf(this);
+          return index === Number(this.parent.currentName);
+        }
+      },
+      shouldShow() {
+        // 当 animated 为 true 时，所有标签页都需要渲染（用于动画效果）
+        // 当 animated 为 false 时，只渲染当前激活的标签页
+        return this.isActive || (this.parent && this.parent.animated);
+      },
+      shouldRender() {
+        return this.inited || !(this.parent && this.parent.lazyRender);
+      },
+    },
+    watch: {
+      isActive(val) {
+        if (val) {
+          this.inited = true;
+        }
+      },
+    },
+    created() {
+      this.parent = this.findParent('vd-tabs');
+      if (this.parent) {
+        this.parent.addTab(this);
+      } else {
+        console.error('vd-tab must be used within vd-tabs.');
+      }
+    },
+    mounted() {
+      if (this.isActive) {
+        this.inited = true;
+      }
+      // 如果存在 title 插槽，调用父组件的 renderTitle 方法
+      if (this.$slots.title && this.$refs.title) {
+        this.parent.renderTitle(this.$refs.title, this);
+        this.$refs.title.parentNode.removeChild(this.$refs.title);
+  
+      }
+    },
+    beforeDestroy() {
+      if (this.parent) {
+        this.parent.removeTab(this);
+      }
+    },
+    methods: {
+      findParent(name) {
+        let parent = this.$parent;
+        while (parent) {
+          if (parent.$options && parent.$options.name === name) {
+            return parent;
+          }
+          parent = parent.$parent;
+        }
+        return null;
+      },
+    },
+  };
+  </script>
+  
   

package/dist/components/tabs/index.js

@@ -1,8 +1,8 @@
-import Tabs from './index.vue';
-import './style.less';
-
-Tabs.install = function (Vue) {
-  Vue.component(Tabs.name, Tabs);
-};
-
-export default Tabs;
+import Tabs from './index.vue';
+import './style.less';
+
+Tabs.install = function (Vue) {
+  Vue.component(Tabs.name, Tabs);
+};
+
+export default Tabs;