vdesign-ui 0.2.11 → 0.2.13

package/dist/components/actions/index.vue

@@ -19,6 +19,7 @@ export default {
   props: {
     type: {
       type: String,
+      default:'list'
     },
     colors: {
       type: String,

package/dist/components/mixins/dom.js

@@ -1,41 +1,41 @@
-/* istanbul ignore next */
-
-import Vue from 'vue';
-
-const isServer = Vue.prototype.$isServer;
-/* istanbul ignore next */
-export const on = (function () {
-  // 添加事件监听器
-  if (!isServer && document.addEventListener) {
-    return function (element, event, handler) {
-      if (element && event && handler) {
-        element.addEventListener(event, handler, false);
-      }
-    };
-  } else {
-    // IE8 及其以下版本没有 addEventListener 方法
-    return function (element, event, handler) {
-      if (element && event && handler) {
-        element.attachEvent('on' + event, handler);
-      }
-    };
-  }
-})();
-
-/* istanbul ignore next */
-export const off = (function () {
-  // 移除事件监听器
-  if (!isServer && document.removeEventListener) {
-    return function (element, event, handler) {
-      if (element && event) {
-        element.removeEventListener(event, handler, false);
-      }
-    };
-  } else {
-    return function (element, event, handler) {
-      if (element && event) {
-        element.detachEvent('on' + event, handler);
-      }
-    };
-  }
-})();
+/* istanbul ignore next */
+
+import Vue from 'vue';
+
+const isServer = Vue.prototype.$isServer;
+/* istanbul ignore next */
+export const on = (function () {
+  // 添加事件监听器
+  if (!isServer && document.addEventListener) {
+    return function (element, event, handler) {
+      if (element && event && handler) {
+        element.addEventListener(event, handler, false);
+      }
+    };
+  } else {
+    // IE8 及其以下版本没有 addEventListener 方法
+    return function (element, event, handler) {
+      if (element && event && handler) {
+        element.attachEvent('on' + event, handler);
+      }
+    };
+  }
+})();
+
+/* istanbul ignore next */
+export const off = (function () {
+  // 移除事件监听器
+  if (!isServer && document.removeEventListener) {
+    return function (element, event, handler) {
+      if (element && event) {
+        element.removeEventListener(event, handler, false);
+      }
+    };
+  } else {
+    return function (element, event, handler) {
+      if (element && event) {
+        element.detachEvent('on' + event, handler);
+      }
+    };
+  }
+})();

package/dist/components/mixins/router-link.js

@@ -1,23 +1,23 @@
-/**
- * add Vue-Router support
- */
-
-export default {
-    props: {
-      url: String,
-      replace: Boolean,
-      to: [String, Object]
-    },
-  
-    methods: {
-      routerLink() {
-        const { to, url, $router, replace } = this;
-        if (to && $router) {
-          $router[replace ? 'replace' : 'push'](to);
-        } else if (url) {
-          replace ? location.replace(url) : location.href = url;
-        }
-      }
-    }
-  };
+/**
+ * add Vue-Router support
+ */
+
+export default {
+    props: {
+      url: String,
+      replace: Boolean,
+      to: [String, Object]
+    },
+  
+    methods: {
+      routerLink() {
+        const { to, url, $router, replace } = this;
+        if (to && $router) {
+          $router[replace ? 'replace' : 'push'](to);
+        } else if (url) {
+          replace ? location.replace(url) : location.href = url;
+        }
+      }
+    }
+  };
   

package/dist/components/skeleton/index.vue

@@ -194,7 +194,8 @@ export default {
       );
     } else {
       // 返回插槽内容
-      return this.$slots.default ? this.$slots.default : null;
+      return h('div', this.$slots.default || []);
+      // return this.$slots.default ? this.$slots.default : null;
     }
   },
 };

package/dist/components/step/style.less

@@ -24,7 +24,8 @@
       &:last-child {
         .vd-step-u-line {
           width: 50%;
-          inset-inline-end: 50%;
+          // inset-inline-end: 50%;
+          right: 50%;
 
           &::after {
             width: 100%;
@@ -55,4 +56,11 @@
     display: flex;
     justify-content: space-between;
   }
-}
+}
+
+[lang='ar'] {
+  .vd-step.vd-step-horizontal .vd-step-item:last-child .vd-step-u-line {
+    right: inherit;
+    left: 50%;
+  }
+}

package/dist/components/step-item/style.less

@@ -12,7 +12,8 @@
 
     .vd-step-u-dot {
       position: absolute;
-      inset-inline-end: 50%;
+      // inset-inline-end: 50%;
+      right: 50%;
       transform: translateX(50%);
       z-index: 2;
       display: flex;
@@ -21,7 +22,7 @@
       color: inherit;
       width: var(--icon-steps-size);
       height: var(--icon-steps-size);
-      inset-block-start: var(--spacing-steps-horizontal-padding_x);
+      top: var(--spacing-steps-horizontal-padding_x);
 
       .vd-iconfont {
         color: inherit;
@@ -42,8 +43,9 @@
 
     .vd-step-u-line {
       position: absolute;
-      inset-block-start: calc(var(--spacing-steps-horizontal-padding_x) + var(--icon-steps-size)/2);
-      inset-inline-end: 0;
+      top: calc(var(--spacing-steps-horizontal-padding_x) + var(--icon-steps-size)/2);
+      // inset-inline-end: 0;
+      right: 0;
       z-index: 1;
       width: 100%;
       height: var(--height-steps-border-default);
@@ -123,8 +125,9 @@
       .vd-step-u-line::after {
         content: "";
         position: absolute;
-        inset-block-start: 0;
-        inset-inline-start: 0;
+        top: 0;
+        // inset-inline-start: 0;
+        left: 0;
         width: 50%;
         height: var(--height-steps-border-hover);
         background: var(--color-steps-border-hover);
@@ -147,8 +150,9 @@
       .vd-step-u-line::after {
         content: "";
         position: absolute;
-        inset-block-start: 0;
-        inset-inline-start: 0;
+        top: 0;
+        // inset-inline-start: 0;
+        left: 0;
         width: 50%;
         height: var(--height-steps-border-hover);
         background: var(--color-steps-border-hover);
@@ -167,8 +171,9 @@
 
     .vd-step-u-dot {
       position: absolute;
-      inset-block-start: 0;
-      inset-inline-start: var(--spacing-steps-vertical-padding_y);
+      top: 0;
+      // inset-inline-start: var(--spacing-steps-vertical-padding_y);
+      left: var(--spacing-steps-vertical-padding_y);
       z-index: 2;
       display: flex;
       justify-content: center;
@@ -197,8 +202,9 @@
     .vd-step-u-line {
       position: absolute;
       z-index: 1;
-      inset-block-start: calc(var(--icon-steps-size)/2);
-      inset-inline-start: calc(var(--spacing-steps-vertical-padding_y) + var(--icon-steps-size)/2);
+      top: calc(var(--icon-steps-size)/2);
+      // inset-inline-start: calc(var(--spacing-steps-vertical-padding_y) + var(--icon-steps-size)/2);
+      left: calc(var(--spacing-steps-vertical-padding_y) + var(--icon-steps-size)/2);
       width: var(--height-steps-border-default);
       height: 100%;
       background: linear-gradient(to bottom,
@@ -260,8 +266,9 @@
         content: "";
         position: absolute;
         z-index: 1;
-        inset-block-start: 0;
-        inset-inline-start: 0;
+        top: 0;
+        // inset-inline-start: 0;
+        left: 0;
         height: 100%;
         width: var(--height-steps-border-default);
         background: var(--color-steps-border-hover);
@@ -358,5 +365,35 @@
 [lang='ar'] {
   .vd-step-horizontal .vd-step-u-dot {
     transform: translateX(-50%);
+    right: inherit;
+    left: 50%;
   }
+  .vd-step-item.vd-step-horizontal .vd-step-u-line {
+    right: inherit;
+    left: 0;
+  }
+  .vd-step-item.vd-step-horizontal.vd-step-afoot .vd-step-u-line::after {
+    left: inherit;
+    right: 0;
+  }
+  .vd-step-item.vd-step-horizontal.vd-step-warning .vd-step-u-line::after {
+    left: inherit;
+    right: 0;
+  }
+  // vertical
+  .vd-step-item.vd-step-vertical .vd-step-u-dot {
+    left: inherit;
+    right: var(--spacing-steps-vertical-padding_y);
+  }
+  .vd-step-item.vd-step-vertical .vd-step-u-line {
+    left: inherit;
+    right: calc(var(--spacing-steps-vertical-padding_y) + var(--icon-steps-size) / 2);
+  }
+  .vd-step-item.vd-step-vertical.vd-step-active .vd-step-u-line::after {
+    left: inherit;
+    right: 0;
+  }
+  // .vd-step-u-dot .vd-svg-icon {
+  //   transform: scaleX(1);
+  // } 
 }

package/dist/components/tab/index.vue

@@ -25,17 +25,18 @@
       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);
-      }
-    },
+        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 时，只渲染当前激活的标签页

package/dist/components/tabs/style.less

@@ -393,6 +393,10 @@
   &__pane {
     flex-shrink: 0;
     width: 100%;
+    &--inactive {
+      height: 0;
+      overflow: hidden;
+    }
   }
 
 }