vdesign-ui 0.1.24-beta → 0.2.0-beta

package/dist/components/activityviews/index.vue

@@ -84,7 +84,7 @@ export default {
             return this.value
         },
         currentCloseIcon() {
-            return this.isDarkTheme ? 'icon_btn_dialogclose_dark' : 'icon_btn_dialogclose';
+            return this.isDarkTheme ? 'icon_btn_dialogclose_dark_svg' : 'icon_btn_dialogclose_svg';
         },
         isDarkTheme() {
             return this.theme === 'dark';

package/dist/components/checkbox/checkbox-group/index.vue

@@ -18,7 +18,8 @@ export default {
                 return [];
             }
         },
-        type: String,
+        type: String,  // 类型card
+
     },
     data() {
         return {

package/dist/components/checkbox/index.vue

@@ -1,12 +1,15 @@
 <template>
   <label :class="wrapClasses" v-if="!checkboxButton">
     <span :class="checkboxClasses">
+      <!-- 处理分组和单个情况的输入元素 -->
       <span :class="innerClasses"></span>
+        <!-- 处理分组和单个情况的输入元素 -->
       <input v-if="group" type="checkbox" :class="inputClasses" :disabled="disabled" :value="name" v-model="model"
         @change="change" />
       <input v-else type="checkbox" :class="inputClasses" :disabled="disabled" :checked="currentValue"
         @change="change" />
     </span>
+    <!-- 标签和可选的描述 -->
     <div class="vd-checkbox__label" v-if="$slots.default">
       <p class="vd-checkbox__text">
         <slot></slot>
@@ -15,6 +18,7 @@
     </div>
   </label>
 
+    <!-- 复选框按钮变体 -->
   <label class="vd-checkbox vd-checkbox-button" :class="checkboxButtonClasses" v-else>
     <input type="checkbox" :class="inputClasses" :disabled="disabled" :checked="currentValue" @change="change" />
     <template v-if="type === 'small'">
@@ -46,32 +50,29 @@ const prefixCls = "vd-checkbox";
 export default {
   name: "vd-checkbox",
   props: {
-    checkboxButton: Boolean,
-    disabled: Boolean,
-    extra: [String, Number, Boolean],
-    descriptionText: [String, Number, Boolean],
-    iconDescriptionText: [String, Number, Boolean],
-    value: [String, Number, Boolean],
+    value: [String, Number, Boolean], // 复选框的当前值
+    checkboxButton: Boolean, // 是否为复选框按钮
+    disabled: Boolean,  // 是否禁用
+    extra: [String, Number, Boolean], // 额外的描述文本
     trueValue: {
       type: [String, Number, Boolean],
-      default: true,
+      default: true,  // 复选框被选中时的值
     },
     falseValue: {
       type: [String, Number, Boolean],
-      default: false,
+      default: false,  // 复选框未被选中时的值
     },
-    name: null,
-    indeterminate: Boolean,
-    icon: String,
-    iconText: [String, Number, Boolean],
-    type: String,
+    name: null,  //复选框的 name 属性
+    indeterminate: Boolean,  // 复选框的不确定状态
+    icon: String,  // 使用复选框按钮时显示的图标
+    type: String,   // 复选框按钮的尺寸类型（'small'，'medium'，'large'）
   },
   data() {
     return {
-      model: [],
-      currentValue: this.value,
-      group: false,
-      parent: findComponentUpward(this, "vd-checkbox-group"),
+      model: [],  // 复选框组的模型值
+      currentValue: this.value,  // 复选框的当前值
+      group: false,  // 是否为复选框组
+      parent: null, // 对父级复选框组组件的引用
     };
   },
   computed: {
@@ -111,9 +112,7 @@ export default {
   mounted() {
     this.parent = findComponentUpward(this, "vd-checkbox-group");
     if (this.parent) {
-      this.group = true;
-    }
-    if (this.group) {
+      this.isGroup = true;
       this.parent.updateModel(true);
     } else {
       this.updateModel();

package/dist/components/dialog/index.vue

@@ -1,9 +1,9 @@
 <template>
     <div class="vd-dialog-wrap">
         <div class="vd-overlay" v-if="visible && isOverlayVisible &&  overlay" :style="{ zIndex: overlayZIndex }"
-        @click="handleOverlayClick()"></div>
+        @click="handleOverlayClick"></div>
         <transition name="vd-dialog-fade">
-            <div class="vd-dialog"  v-if="visible" :class="className ? `vd-dialog--${className}` : ''" :style="{width : width, zIndex: overlayZIndex + 1}">
+            <div class="vd-dialog"  v-if="visible" :class="computedClassName" :style="{width : width, zIndex: overlayZIndex + 1}">
                 <header class="vd-dialog__header" :class="{ 'vd-dialog__header--img': $slots.imgs }">
                     <div class="vd-dialog__header--img-content" v-if="$slots.imgs">
                         <slot name="imgs"></slot>
@@ -13,9 +13,7 @@
                 <div class="vd-dialog__content">
                     <div class="vd-dialog__message" :class="{ 'vd-dialog__message--head': !title }"
                         v-if="message || $slots.content">
-                        <slot name="content">{{
-                            message
-                            }}</slot>
+                        <slot name="content">{{message}}</slot>
                     </div>
                 </div>
                 <footer class="vd-dialog__footer">
@@ -89,18 +87,24 @@ export default {
         }
     },
     watch: {
-        visible(val) {
-            if (val) {
+        visible: {
+            immediate: true,
+            handler(val) {
+                if (val) {
                 this.showOverlayLayer();
-            } else {
+                } else {
                 this.hideOverlayLayer();
-            }
-        }
+                }
+            },
+        },
     },
     computed: {
         visible() {
             return this.value
-        }
+        },
+        computedClassName() {
+            return this.className ? `vd-dialog--${this.className}` : '';
+        },
     },
     methods: {
         showOverlayLayer() {

package/dist/components/footer/index.vue

@@ -4,7 +4,11 @@
       <slot>
       </slot>
     </div>
-    <p class="vd-footer__text" v-if="text">{{ text }}</p>
+    <div class="vd-footer__text" v-if="text || $slots.text">
+      <slot name="text">
+        {{ text }}
+      </slot>
+    </div>
   </div>
 </template>
 

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

@@ -1,7 +1,7 @@
 <template>
-  <div class="vd-foot-nav-item" :class="{ 'vd-foot-nav-item--active': active }" @click="onClick">
+  <div class="vd-foot-nav-item" :class="{ 'vd-foot-nav-item--active': isActive  }" @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>
+      <slot name="icon"><vd-icon :name="iconName" size="large"></vd-icon></slot>
     </vd-badge>
     <slot></slot>
   </div>
@@ -15,50 +15,23 @@ export default {
   name: 'vd-foot-nav-item',
   mixins: [RouterLink],
   props: {
-    iconName: {
-      type: String,
-    },
-    icon: {
-      type: String,
-    },
-    name: {
-      type: String,
-    },
-    dot: {
-      type: Boolean,
-    },
-    badge: {
-      type: [Number, String],
-    },
-    isSvg: {
-      type: Boolean,
-    },
+    iconName: String,
+    dot: Boolean,
+    badge: [Number, String],
   },
   computed: {
-    // isActive() {
-    //   return this.$parent.active === this.$parent.$children.indexOf(this);
-    //   // return this.activeIndex === this.index;
-
-    // },
+    isActive() {
+      return this.$parent.value === this.$parent.$slots.default.indexOf(this.$vnode);
+    },
   },
   data() {
     return {
-      active: false
     };
   },
-
-  beforeCreate() {
-    this.$parent.items.push(this);
-  },
-
-  destroyed() {
-    this.$parent.items.splice(this.$parent.items.indexOf(this), 1);
-  },
   methods: {
     onClick(event) {
-      // this.$parent.updateActive(this.$parent.$children.indexOf(this));
-      // this.$emit('click', event);
-      this.$parent.onChange(this.$parent.items.indexOf(this));
+      const index = this.$parent.$slots.default.indexOf(this.$vnode);
+      this.$parent.onChange(index);
       this.$emit('click', event);
       this.routerLink();
     },

package/dist/components/footnav/index.vue

@@ -27,14 +27,14 @@ export default {
       default: null,
     },
     placeholder: Boolean,
+    beforeChange: {
+      type: Function,
+      default: null,
+    },
   },
   computed: {
     fit() {
-      if (this.safeAreaInsetBottom !== null) {
-        return this.safeAreaInsetBottom;
-      }
-      // enable safe-area-inset-bottom by default when fixed
-      return this.fixed;
+      return this.safeAreaInsetBottom !== null ? this.safeAreaInsetBottom : this.fixed;
     },
     style() {
       return {
@@ -44,39 +44,24 @@ export default {
   },
   data() {
     return {
-      // active: 0,
-      items: [],
       height: null,
     }
   },
   watch: {
-    items() {
-      this.setActiveItem();
-    },
-
-    value() {
-      this.setActiveItem();
-    }
   },
   methods: {
-    setActiveItem() {
-      this.items.forEach((item, index) => {
-        item.active = index === this.value;
-      });
-    },
+    async onChange(active) {
+      // 处理 before-change 回调，允许用户决定是否切换
+      if (this.beforeChange) {
+        const canChange = await this.beforeChange(active);
+        if (!canChange) return;
+      }
 
-    onChange(active) {
       if (active !== this.value) {
         this.$emit('input', active);
         this.$emit('change', active);
       }
     },
-    // updateActive(index) {
-    //   this.active = index;
-    // },
-    // handleClick() {
-    //   this.$emit('click',this.active)
-    // }
   },
   mounted() {
     if (this.placeholder && this.fixed) {
@@ -85,7 +70,8 @@ export default {
       };
 
       setHeight();
-      setTimeout(setHeight, 100);
+      window.addEventListener('resize', setHeight);
+      this.$once('hook:beforeDestroy', () => window.removeEventListener('resize', setHeight));
     }
   }
 

package/dist/components/headnav/index.vue

@@ -1,62 +1,73 @@
 <template>
   <div class="vd-head-nav--placeholder" :style="{height:height + 'px'}">
     <div class="vd-head-nav" :class="wrapClasses" :style="{zIndex:zIndex}" ref="headNav">
-
       <div v-if="showLeftSection" class="vd-head-nav--left">
-
+        <!-- 左一icon -->
         <span v-if="showSidebar" class="vd-head-nav__icon">
           <slot name="left-primary">
             <vd-icon name="icon_nav_sidebar"></vd-icon>
           </slot>
         </span>
-
+        <!-- 左二icon -->
         <span v-if="$slots['left-secondary']" class="vd-head-nav__icon">
           <slot name="left-secondary"></slot>
         </span>
+
+        <!-- hno类型下的 左对齐文本-->
         <span v-if="leftTitle" class="vd-head-nav__left-title">{{ leftTitle }}</span>
+        <!-- hno类型下的 编辑文本 -->
         <span v-if="editLeftText" class="vd-head-nav__edit-left-text">{{ editLeftText }}</span>
       </div>
 
       <div v-if="showContentSection" class="vd-head-nav__content" :class="contentClasses">
+        <!-- 标题选择器 -->
         <div v-if="$slots.selector" class="vd-head-nav__content--selector">
           <slot name="selector"></slot>
         </div>
-
+        <!-- 标题 -->
         <span v-if="title" class="vd-head-nav__title vd-ellipsis" :class="titleClasses">{{ title }}</span>
+        <!-- hno 副标题 -->
         <span v-if="description" class="vd-head-nav__description">{{ description }}</span>
 
+        <!-- hno 股票价格 -->
         <span class="vd-head-nav__stock" :class="stockColor" v-if="colors">
+          <!-- 股票开市状态 -->
           <slot name="state"></slot>
           <span class="vd-head-nav__price--price">{{ price }}</span>
           <span class="vd-head-nav__price--chgp">{{ chgp }}</span>
           <span class="vd-head-nav__price--chg">{{ chg }}</span>
         </span>
 
+        <!-- hno title 账户类型选择器 -->
         <slot name="selector-bottom"></slot>
-
+        <!-- hno 账户类型选择器结果 -->
         <span v-if="accountIcon || accountType" class="vd-head-nav__icontype">
-          <vd-icon svg :name="accountIcon" class="vd-head-nav__account-type--icon"></vd-icon>
+          <vd-icon  :name="accountIcon" class="vd-head-nav__account-type--icon"></vd-icon>
           <span class="vd-head-nav__account-type">{{ accountType }}</span>
         </span>
       </div>
 
       <div class="vd-head-nav--right" v-if="showRightSection">
+        <!-- 右二icon -->
         <span v-if="rightSecondary || $slots['right-secondary']" class="vd-head-nav__icon">
           <slot name="right-secondary">
             <vd-icon name="icon_nav_search" style="transform: scale(1);"></vd-icon>
           </slot>
         </span>
-
+        <!-- 右一icon -->
         <span v-if="rightPrimary || $slots['right-primary']" class="vd-head-nav__icon">
           <slot name="right-primary">
             <vd-icon name="icon_nav_trade" style="transform: scale(1);"></vd-icon>
           </slot>
         </span>
 
+        <!-- hno-编辑右侧文字 -->
         <span class="vd-head-nav__edit-right-text" v-if="editRightText">{{ editRightText }}</span>
+        <!-- hno-账户类型右侧文字 -->
         <span class="vd-head-nav__account-text" v-if="accountText">{{ accountText }}</span>
       </div>
 
+      <!-- 股票开市状态 -->
       <div class="vd-head-nav__info" v-if="$slots['stock-time'] || time">
         <slot name="stock-time"></slot>
         <span v-if="time" class="vd-head-nav__time">{{ time }}</span>
@@ -71,28 +82,28 @@ const prefixCls = 'vd-head-nav';
 export default {
   name: 'vd-head-nav',
   props: {
-    title: String,
-    time: String,
-    type: String,
-    leftPrimary: Boolean,
-    rightPrimary: Boolean,
-    rightSecondary: Boolean,
-    start: Boolean,
-    description: String,
-    price: String,
-    chg: String,
-    chgp: String,
-    colors: String,
-    leftTitle: String,
-    editLeftText: String,
-    editRightText: String,
-    accountText: String,
-    accountType: String,
-    accountIcon: String,
-    fixed: Boolean,
-    zIndex: [Number, String],
-    safeAreaInsetTop: Boolean,
-    placeholder: Boolean,
+    title: String,  // 标题
+    time: String,   // 标题下面的股票开市时间
+    type: String,   //  默认hnp 设置normal为hno
+    leftPrimary: Boolean,  // 左侧边栏图标，左一，有默认图标icon_nav_sidebar，也可以是同名slot
+    rightPrimary: Boolean,  // 右侧边栏图标，右一，有默认图标icon_nav_search，也可以是同名slot
+    rightSecondary: Boolean, // 右侧边栏图标，右二，有默认图标icon_nav_trade，也可以是同名slot
+    start: Boolean,  // hno类型下的，居左对齐
+    description: String, // 标题下面的描述文字
+    price: String,  // 股票价格
+    chgp: String,  // 股票涨跌百分比 如：+0.01%
+    chg: String,   // 股票涨跌，如：+0.01
+    colors: String, // 股票涨跌颜色，默认rise，可选值fall，rise为涨，fall为跌
+    leftTitle: String, // hno类型下的，左侧边栏文字，字号大一些
+    editLeftText: String, // hno类型下的，编辑左边栏文字
+    editRightText: String, // hno类型下的，编辑右边栏文字
+    accountText: String,  // 账户类型右侧边栏文字
+    accountType: String,  // 账户类型文本
+    accountIcon: String,  // 账户类型图标
+    fixed: Boolean, // 固定在顶部
+    zIndex: [Number, String],  // 固定在顶部时，设置z-index
+    safeAreaInsetTop: Boolean, // 固定在顶部时，是否使用安全区域
+    placeholder: Boolean, // 是否使用占位，用于固定在顶部时，占位高度
   },
   data() {
     return {
@@ -139,20 +150,26 @@ export default {
       return this.showSidebar || this.$slots['left-secondary'] || this.leftTitle || this.editLeftText;
     },
     showContentSection() {
-      return this.title || this.$slots.selector || this.$slots['selector-bottom'] || this.account || this.colors;
+      return this.title || this.description || this.$slots.selector || this.$slots['selector-bottom'] || this.accountIcon || this.accountType || this.colors;
     },
     showRightSection() {
       return this.rightPrimary || this.$slots['right-primary'] || this.rightSecondary || this.$slots['right-secondary'] || this.editRightText || this.accountText;
     }
   },
   mounted() {
+    // if (this.placeholder && this.fixed) {
+    //   const setHeight = () => {
+    //     this.height = this.$refs.headNav.getBoundingClientRect().height;
+    //   };
+
+    //   setHeight();
+    //   setTimeout(setHeight, 100);
+    // }
+
     if (this.placeholder && this.fixed) {
-      const setHeight = () => {
+      this.$nextTick(() => {
         this.height = this.$refs.headNav.getBoundingClientRect().height;
-      };
-
-      setHeight();
-      setTimeout(setHeight, 100);
+      });
     }
   },
 }

package/dist/components/icon/font/iconfont.css

@@ -1,9 +1,9 @@
 @font-face {
   font-family: "vd-iconfont"; /* Project id 4683824 */
   src: 
-       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
-       url('//at.alicdn.com/t/c/font_4683824_pxui7awjp7h.woff?t=1726218229853') format('woff'),
-       url('//at.alicdn.com/t/c/font_4683824_pxui7awjp7h.ttf?t=1726218229853') format('truetype');
+       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+       url('//at.alicdn.com/t/c/font_4683824_95nozrto2qj.woff?t=1729064431754') format('woff'),
+       url('//at.alicdn.com/t/c/font_4683824_95nozrto2qj.ttf?t=1729064431754') format('truetype');
 }
 
 .vd-iconfont {
@@ -30,31 +30,31 @@
   content: "\e66f";
 }
 
-.vd-icon-icon_btn_sort:before {
+.vd-icon-icon_btn_sort_svg:before {
   content: "\e644";
 }
 
-.vd-icon-icon_btn_sortdown_slt:before {
+.vd-icon-icon_btn_sortdown_slt_svg:before {
   content: "\e611";
 }
 
-.vd-icon-icon_btn_sortup:before {
+.vd-icon-icon_btn_sortup_svg:before {
   content: "\e612";
 }
 
-.vd-icon-icon_btn_sortup_slt:before {
+.vd-icon-icon_btn_sortup_slt_svg:before {
   content: "\e615";
 }
 
-.vd-icon-icon_btn_sortdown:before {
+.vd-icon-icon_btn_sortdown_svg:before {
   content: "\e618";
 }
 
-.vd-icon-icon_btn_sortdown_dark:before {
+.vd-icon-icon_btn_sortdown_dark_svg:before {
   content: "\e704";
 }
 
-.vd-icon-icon_btn_sortup_dark:before {
+.vd-icon-icon_btn_sortup_dark_svg:before {
   content: "\e703";
 }
 
@@ -94,27 +94,27 @@
   content: "\e6af";
 }
 
-.vd-icon-icon_btn_dialogclose:before {
+.vd-icon-icon_btn_dialogclose_svg:before {
   content: "\e6e5";
 }
 
-.vd-icon-icon_show_steping:before {
+.vd-icon-icon_show_steping_svg:before {
   content: "\e61c";
 }
 
-.vd-icon-icon_show_stepwrong:before {
+.vd-icon-icon_show_stepwrong_svg:before {
   content: "\e61d";
 }
 
-.vd-icon-icon_show_stepwrong1:before {
+.vd-icon-icon_show_stepwrong1_svg:before {
   content: "\e61f";
 }
 
-.vd-icon-icon_show_steping1:before {
+.vd-icon-icon_show_steping1_svg:before {
   content: "\e61e";
 }
 
-.vd-icon-icon_btn_dialogclose_dark:before {
+.vd-icon-icon_btn_dialogclose_dark_svg:before {
   content: "\e702";
 }