vdesign-ui 0.1.24-beta → 0.1.25

package/dist/components/activityviews/index.vue

@@ -13,7 +13,7 @@
                             <vd-icon v-if="closeIcon" class="vd-activityviews__close" :name="currentCloseIcon" svg
                                 @click="onCancel"></vd-icon>
                             <vd-button v-if="closeBtn" class="vd-activityviews__done" type="primary_text" size="large"
-                                @click="onCancel">{{ closeBtn }}</vd-button>
+                            @click="onCancel">{{ closeBtn }}</vd-button>
                         </slot>
                     </div>
                     <p v-if="description" class="vd-activityviews__description">{{ description }}</p>
@@ -23,9 +23,8 @@
                     <div v-if="actionSheet" class="vd-activityviews__action">
                         <p v-if="title" class="vd-activityviews__action-title vd-hairline--bottom">{{ title }}</p>
                         <div class="vd-activityviews__actions">
-                            <vd-button v-for="(item, index) in actions" block size="large" :type="item.type"
-                                :key="index" :class="{ 'vd-hairline--bottom': index !== actions.length - 1 }"
-                                :disabled="item.disabled" @click.stop="onSelect(item)">{{ item.name }}</vd-button>
+                            <vd-button v-for="(item, index) in actions" block size="large" :type="item.type" :key="index"         :class="{ 'vd-hairline--bottom': index !== actions.length - 1 }"
+                                :disabled="item.disabled" @click.stop="onSelect(item)" >{{ item.name }}</vd-button>
                         </div>
                         <div v-if="cancelText" class="vd-activityviews__gap"></div>
                         <div v-if="cancelText" class="vd-activityviews__cancel" @click="onCancel">
@@ -48,7 +47,7 @@ export default {
     props: {
         value: Boolean,
         title: String,
-        backDefault: Boolean,
+        backDefault:Boolean,
         closeIcon: Boolean,
         closeBtn: String,
         description: String,
@@ -70,7 +69,7 @@ export default {
             default: true
         },
         disabled: Boolean,
-        closeOnOverlay: {
+        closeOnOverlay:{
             type: Boolean,
             default: true
         },
@@ -80,7 +79,7 @@ export default {
         }
     },
     computed: {
-        visible() {
+        visible(){
             return this.value
         },
         currentCloseIcon() {
@@ -122,21 +121,20 @@ export default {
 
 .vd-activityviews-fade-enter-active,
 .vd-activityviews-fade-leave-active {
-    transition: opacity 0.3s;
+  transition: opacity 0.3s;
 }
-
 .vd-activityviews-fade-enter,
 .vd-activityviews-fade-leave-to {
-    opacity: 0;
+  opacity: 0;
 }
 
 .vd-activityviews-slide-up-enter-active,
 .vd-activityviews-slide-up-leave-active {
-    transition: transform 0.3s;
+  transition: transform 0.3s;
 }
-
 .vd-activityviews-slide-up-enter,
 .vd-activityviews-slide-up-leave-to {
-    transform: translateY(100%);
+  transform: translateY(100%);
 }
+
 </style>

package/dist/components/button/index.vue

@@ -33,7 +33,7 @@ export default {
     },
     loadingIcon: {
       type: String,
-      default: 'icon_show_list_loading'
+      default: 'icon_show_statisticsprice'
     },
     block: {
       type: Boolean,

package/dist/components/dropdown/index.vue

@@ -4,9 +4,9 @@
       <div class="vd-menu-mask" @click.stop="clickMenuMask"></div>
     </transition> -->
     <transition :name="isAnimation ? 'vd-dropdown-slide-down' : ''">
-      <div v-clickoutside="clickMenuMask" class="vd-dropdown-menu" v-show="isMask">
+      <div v-clickoutside="clickMenuMask" class="vd-dropdown-menu" v-show="value">
         <template v-if="!isMultiple && !$slots.custom">
-          <div class="vd-dropdown-item" :class="itemClass(item)" v-for="(item, index) in datalist" :key="item.name"
+          <div class="vd-dropdown-item" :class="itemClass(item)" v-for="(item, index) of datalist" :key="item.name"
             @click.stop="selectedItem(item, index)">
             <span class="vd-dropdown-left">
               <vd-icon v-if="item.icon" :name="item.icon" svg class="vd-dropdown-icon"></vd-icon>
@@ -26,7 +26,7 @@
         </template>
 
         <template v-if="isMultiple">
-          <div class="vd-dropdown-item" :class="itemClass(item)" v-for="item in datalist" :key="item.name">
+          <div class="vd-dropdown-item" :class="itemClass(item)" v-for="item of datalist" :key="item.name">
             <vd-checkbox v-model="item.selected" :disabled="!item.selected && max <= selectedCount">
               {{ item.text }}
             </vd-checkbox>
@@ -99,33 +99,36 @@ export default {
       type: Array,
       default: () => []
     },
-    for: {
+    state: {
+      type: String,
+      default: 'close',
+      validator: value => ['open', 'preopen', 'close', 'fusing', 'pre', 'last'].includes(value)
+    },
+    stateText: {
+      type: String,
+      default: ''
+    },
+    subText: {
       type: String,
       default: ''
     },
+    subIcon: {
+      type: String,
+      default: ''
+    }
   },
   data() {
     return {
-      datalist: []
+      datalist: [],
+      isMask: this.value
     };
   },
   watch: {
-    list: {
-      immediate: true,
-      handler(val) {
-        this.datalist = [...val];
-      }
-    },
-    value(val){
-      if(!val){
-        this.$emit('close')
-      }
+    value(val) {
+      this.isMask = val;
     }
   },
   computed: {
-    isMask() {
-      return this.value;
-    },
     wrapClasses() {
       return {
         [`${prefixCls}-${this.types}`]: this.types,
@@ -143,6 +146,9 @@ export default {
       return this.datalist.filter(item => item.selected).length;
     }
   },
+  mounted() {
+    this.datalist = [...this.list];
+  },
   methods: {
     itemClass(item) {
       return {
@@ -150,44 +156,26 @@ export default {
         [`${prefixCls}--active`]: item.selected
       };
     },
-    findParentWithNameAttr(element, nameValue) {
-      // 如果当前元素具有 name 属性且与传入的值匹配，返回该元素
-      if (element.getAttribute && element.getAttribute('alias-name') === nameValue) {
-        return element;
-      }
-      // 如果已经到达根元素 (document 或 null)，停止查找
-      if (element.parentElement) {
-        return this.findParentWithNameAttr(element.parentElement, nameValue); // 递归查找父元素
-      }
-      return null; // 没有找到带 name 属性的匹配元素
-    },
-    clickMenuMask(e) {      
-      if (this.value) {
-        if(this.for){
-          const nameElement = this.findParentWithNameAttr(e, this.for)    
-          // 如果没找到就说明点外面了
-          if (!nameElement) {            
-            this.$emit('input', false);
-          }   
-        }        
-      }
+    clickMenuMask() {
+      this.isMask = false;
+      this.$emit('close');
     },
     selectedItem(item, index) {
-      this.$emit('change', item, index); // 通知父组件选中项改变
+      this.$emit('change', item, index);
     },
     resetMenu() {
       this.datalist.forEach(item => (item.selected = false));
       this.$emit('reset', this.datalist);
     },
     sureMenu() {
-      this.$emit('close'); // 关闭菜单
-      this.$emit('ok', this.datalist); // 确认并返回数据
+      this.isMask = false;
+      this.$emit('close');
+      this.$emit('ok', this.datalist);
     }
   }
 };
 </script>
 
-
 <style lang="less">
 @import './style.less';
 

package/dist/components/empty/index.vue

@@ -25,7 +25,7 @@ export default {
             default: 'nodata',  // 默认类型
             validator(value) {
                 // 只接受以下类型值
-                return ['nodata', 'network', 'not-found','noposition','nomargin','nocoupons','nosearch','nonotice','noorders','noocomments'].includes(value);
+                return ['nodata', 'network', 'not-found'].includes(value);
             }
         },
     },
@@ -43,35 +43,7 @@ export default {
                 'not-found': {
                     light: require('./404.png'),
                     dark: require('./404-dark.png')
-                },
-                noposition: {
-                    light: require('./noposition.png'),
-                    dark: require('./noposition-dark.png')
-                },
-                nomargin: {
-                    light: require('./nomargin.png'),
-                    dark: require('./nomargin-dark.png')
-                },
-                nocoupons: {
-                    light: require('./nocoupons.png'),
-                    dark: require('./nocoupons-dark.png')
-                },
-                nosearch: {
-                    light: require('./nosearch.png'),
-                    dark: require('./nosearch-dark.png')
-                },
-                nonotice: {
-                    light: require('./nonotice.png'),
-                    dark: require('./nonotice-dark.png')
-                },
-                noorders: {
-                    light: require('./noorders.png'),
-                    dark: require('./noorders-dark.png')
-                },
-                noocomments: {
-                    light: require('./noocomments.png'),
-                    dark: require('./noocomments-dark.png')
-                },
+                }
             }
         }
     },

package/dist/components/empty/style.less

@@ -13,6 +13,10 @@
         width: 164px;
         height: 118px;
         margin: 0 auto;
+        img{
+            width: 100%;
+            height: 100%;
+        }
     }
 
 

package/dist/components/footer/index.vue

@@ -4,7 +4,7 @@
       <slot>
       </slot>
     </div>
-    <p class="vd-footer__text" v-if="text">{{ text }}</p>
+    <p class="vd-footer__text" v-html="text"></p>
   </div>
 </template>
 

package/dist/components/footnav/footnav-item/index.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="vd-foot-nav-item" :class="{ 'vd-foot-nav-item--active': active }" @click="onClick">
-    <vd-badge v-if="iconName|| $slots.icon" :is-dot="dot" :value="badge" :max="99">
-      <slot name="icon"><vd-icon :name="iconName" size="large" :svg="isSvg"></vd-icon></slot>
+    <vd-icon v-if="icon" :name="icon" :svg="isSvg"></vd-icon>
+    <vd-badge v-if="dot || badge" :is-dot="dot" :value="badge" :max="99">
+      <vd-icon :name="iconName" size="large" :svg="isSvg"></vd-icon>
     </vd-badge>
     <slot></slot>
   </div>
@@ -24,6 +25,9 @@ export default {
     name: {
       type: String,
     },
+    text: {
+      type: String,
+    },
     dot: {
       type: Boolean,
     },