vdesign-ui 0.2.0-beta → 0.2.1

package/dist/components/checkbox/index.vue

@@ -53,7 +53,7 @@ export default {
     value: [String, Number, Boolean], // 复选框的当前值
     checkboxButton: Boolean, // 是否为复选框按钮
     disabled: Boolean,  // 是否禁用
-    extra: [String, Number, Boolean], // 额外的描述文本
+    extra: String, // 额外的描述文本
     trueValue: {
       type: [String, Number, Boolean],
       default: true,  // 复选框被选中时的值

package/dist/components/empty/style.less

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

package/dist/components/footnav/index.vue

@@ -9,6 +9,7 @@
 </template>
 
 <script>
+import { inBrowser } from '@p/utils/env'
 export default {
   name: 'vd-foot-nav',
   props: {
@@ -21,7 +22,10 @@ export default {
       type: Boolean,
       default: true
     },
-    zIndex: [Number, String],
+    zIndex: {
+      type: [Number, String],
+      default: 1, 
+    },
     safeAreaInsetBottom: {
       type: Boolean,
       default: null,
@@ -44,7 +48,7 @@ export default {
   },
   data() {
     return {
-      height: null,
+      height: 0,
     }
   },
   watch: {
@@ -62,16 +66,22 @@ export default {
         this.$emit('change', active);
       }
     },
+    setHeight() {
+      if (this.$refs.footNav) {
+        this.height = this.$refs.footNav.getBoundingClientRect().height;
+      }
+    },
   },
   mounted() {
-    if (this.placeholder && this.fixed) {
-      const setHeight = () => {
-        this.height = this.$refs.footNav.getBoundingClientRect().height;
+    if (inBrowser && this.placeholder && this.fixed) {
+      this.setHeight();
+      const resizeHandler = () => {
+        requestAnimationFrame(this.setHeight); // 使用 requestAnimationFrame 优化性能
       };
 
-      setHeight();
-      window.addEventListener('resize', setHeight);
-      this.$once('hook:beforeDestroy', () => window.removeEventListener('resize', setHeight));
+      // setHeight();
+      window.addEventListener('resize', resizeHandler);
+      this.$once('hook:beforeDestroy', () => window.removeEventListener('resize', resizeHandler));
     }
   }
 

package/dist/components/headnav/index.vue

@@ -77,7 +77,7 @@
 </template>
 
 <script>
-
+import { inBrowser } from '@p/utils/env'
 const prefixCls = 'vd-head-nav';
 export default {
   name: 'vd-head-nav',
@@ -156,20 +156,21 @@ export default {
       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) {
-      this.$nextTick(() => {
+  methods: {
+    setHeight() {
+      if (this.$refs.headNav) {
         this.height = this.$refs.headNav.getBoundingClientRect().height;
-      });
+      }
+    },
+  },
+  mounted() {
+    if (inBrowser && this.placeholder && this.fixed) {
+      this.setHeight();
+      const resizeHandler = () => {
+        requestAnimationFrame(this.setHeight); // 使用 requestAnimationFrame 优化性能
+      };
+      window.addEventListener('resize', resizeHandler);
+      this.$once('hook:beforeDestroy', () => window.removeEventListener('resize', resizeHandler));
     }
   },
 }

package/dist/components/headnav/style.less

@@ -164,15 +164,6 @@
             color: var(--color-headnav-icon);
         }
     }
-
-    // &__space--end {
-    //     margin-inline-end: calc(var(--spacing-headnav-icon-margin_left) * 1px);
-    // }
-
-    // &__space--start {
-    //     margin-inline-start: calc(var(--spacing-headnav-icon-margin_left) * 1px);
-    // }
-
     &__time {
         margin-inline-start: calc(var(--spacing-headnav-primary-text-margin_right) * 1px);
         font-size: calc(var(--en-single-f-a-r-fontSize) * 1px);

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

@@ -1,2 +1,6 @@
 /* eslint-disable */
-window._iconfont_svg_string_4683824='<svg><symbol id="vd-icon-icon_btn_trash2" viewBox="0 0 1024 1024"><path d="M596.864 85.333333a128 128 0 0 1 115.712 73.301334l4.138667 9.770666L733.568 213.333333H853.333333a42.666667 42.666667 0 0 1 6.314667 84.906667L853.333333 298.666667l-23.936-0.042667-37.12 600.021333a42.666667 42.666667 0 0 1-35.925333 39.509334L749.653333 938.666667H274.346667a42.666667 42.666667 0 0 1-41.685334-33.450667l-0.938666-6.570667-37.12-600.021333L170.666667 298.666667a42.666667 42.666667 0 0 1-6.314667-84.906667L170.666667 213.333333h119.722666l16.896-44.928a128 128 0 0 1 109.226667-82.645333l10.624-0.426667h169.728z m146.986667 213.290667H280.106667l34.304 554.666667h395.221333l34.261333-554.666667z m-262.186667 207.061333A42.666667 42.666667 0 0 0 396.8 512v128l0.469333 6.314667a42.666667 42.666667 0 0 0 84.906667-6.314667v-128l-0.469333-6.314667zM584.789333 469.333333a42.666667 42.666667 0 0 1 42.24 36.352l0.426667 6.314667v128a42.666667 42.666667 0 0 1-84.906667 6.314667l-0.426666-6.314667v-128a42.666667 42.666667 0 0 1 42.666666-42.666667z m-157.610666-298.666666a42.666667 42.666667 0 0 0-37.162667 21.717333l-2.773333 5.973333-5.717334 14.933334h260.949334l-5.632-14.933334a42.666667 42.666667 0 0 0-33.365334-27.178666L596.864 170.666667H427.093333z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_btn_edit" viewBox="0 0 1024 1024"><path d="M887.04 196.821333a42.666667 42.666667 0 0 0-63.872-56.32l-298.666667 298.666667-3.541333 4.010667a42.666667 42.666667 0 0 0 63.872 56.32l298.666667-298.666667 3.541333-4.010667zM597.333333 192a42.666667 42.666667 0 0 0-42.666666-42.666667H170.666667l-4.992 0.298667A42.666667 42.666667 0 0 0 128 192V853.333333l0.298667 4.992A42.666667 42.666667 0 0 0 170.666667 896h661.333333l4.992-0.298667A42.666667 42.666667 0 0 0 874.666667 853.333333v-384l-0.298667-4.992A42.666667 42.666667 0 0 0 832 426.666667l-4.992 0.298666A42.666667 42.666667 0 0 0 789.333333 469.333333v341.333334H213.333333V234.666667h341.333334l4.992-0.298667A42.666667 42.666667 0 0 0 597.333333 192z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_btn_watchlist_nor" viewBox="0 0 1024 1024"><path d="M901.504 253.184C855.765333 176.170667 774.357333 128 684.8 128l-10.922667 0.256a249.173333 249.173333 0 0 0-154.581333 62.890667L512 197.888l-7.253333-6.741333A249.002667 249.002667 0 0 0 339.2 128C198.656 128 85.333333 245.376 85.333333 389.418667c0 164.309333 136.618667 329.386667 403.712 499.882666a42.666667 42.666667 0 0 0 45.909334 0 1785.173333 1785.173333 0 0 0 155.306666-110.208 42.666667 42.666667 0 0 0-53.376-66.56l-18.773333 14.72a1700.693333 1700.693333 0 0 1-105.642667 74.922667l-0.469333 0.298667-8.96-5.888C279.68 648.234667 170.666667 511.146667 170.666667 389.418667 170.666667 291.84 246.485333 213.333333 339.2 213.333333c55.210667 0 105.984 27.904 137.514667 74.24a42.666667 42.666667 0 0 0 70.570666 0C578.816 241.28 629.632 213.333333 684.8 213.333333c58.88 0 112.682667 31.829333 143.36 83.413334a42.666667 42.666667 0 1 0 73.344-43.562667z m-48.469333 168.533333A42.666667 42.666667 0 0 0 768 426.666667v85.333333h-85.333333l-4.992 0.298667A42.666667 42.666667 0 0 0 682.666667 597.333333h85.333333v85.333334l0.298667 4.992A42.666667 42.666667 0 0 0 853.333333 682.666667v-85.333334h85.333334l4.992-0.298666A42.666667 42.666667 0 0 0 938.666667 512h-85.333334v-85.333333l-0.298666-4.992z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_show_list_loading" viewBox="0 0 1024 1024"><path d="M469.333333 128a42.666667 42.666667 0 0 1 42.666667-42.666667c235.648 0 426.666667 191.018667 426.666667 426.666667s-191.018667 426.666667-426.666667 426.666667S85.333333 747.648 85.333333 512a42.666667 42.666667 0 1 1 85.333334 0 341.333333 341.333333 0 1 0 341.333333-341.333333 42.666667 42.666667 0 0 1-42.666667-42.666667z"  ></path></symbol><symbol id="vd-icon-icon_btn_sort_svg" viewBox="0 0 1024 1024"><path d="M625.877333 426.666667H398.165333a42.666667 42.666667 0 0 1-35.882666-65.706667l113.834666-177.152a42.666667 42.666667 0 0 1 71.808 0L661.76 360.96A42.666667 42.666667 0 0 1 625.877333 426.666667z m0 170.666666H398.165333a42.666667 42.666667 0 0 0-35.882666 65.706667l113.834666 177.152a42.666667 42.666667 0 0 0 71.808 0l113.834667-177.109333A42.666667 42.666667 0 0 0 625.877333 597.333333z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_btn_sortdown_slt_svg" viewBox="0 0 1024 1024"><path d="M398.144 597.312H625.92a42.688 42.688 0 0 1 35.84 65.728l-113.792 177.152a42.688 42.688 0 0 1-71.808 0L362.24 663.04a42.688 42.688 0 0 1 35.904-65.728z" fill="#1BC47D" ></path><path d="M398.144 426.688H625.92a42.688 42.688 0 0 0 35.84-65.728L547.968 183.808a42.688 42.688 0 0 0-71.808 0L362.24 360.96a42.688 42.688 0 0 0 35.904 65.728z" fill="#1BC47D" fill-opacity=".3" ></path></symbol><symbol id="vd-icon-icon_btn_sortup_svg" viewBox="0 0 1024 1024"><path d="M398.144 597.312H625.92a42.688 42.688 0 0 1 35.84 65.728l-113.792 177.152a42.688 42.688 0 0 1-71.808 0L362.24 663.04a42.688 42.688 0 0 1 35.904-65.728z" fill="#000000" ></path><path d="M398.144 426.688H625.92a42.688 42.688 0 0 0 35.84-65.728L547.968 183.808a42.688 42.688 0 0 0-71.808 0L362.24 360.96a42.688 42.688 0 0 0 35.904 65.728z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_btn_sortup_slt_svg" viewBox="0 0 1024 1024"><path d="M398.144 597.312H625.92a42.688 42.688 0 0 1 35.84 65.728l-113.792 177.152a42.688 42.688 0 0 1-71.808 0L362.24 663.04a42.688 42.688 0 0 1 35.904-65.728z" fill="#1BC47D" fill-opacity=".3" ></path><path d="M398.144 426.688H625.92a42.688 42.688 0 0 0 35.84-65.728L547.968 183.808a42.688 42.688 0 0 0-71.808 0L362.24 360.96a42.688 42.688 0 0 0 35.904 65.728z" fill="#1BC47D" ></path></symbol><symbol id="vd-icon-icon_btn_sortdown_svg" viewBox="0 0 1024 1024"><path d="M398.144 597.312H625.92a42.688 42.688 0 0 1 35.84 65.728l-113.792 177.152a42.688 42.688 0 0 1-71.808 0L362.24 663.04a42.688 42.688 0 0 1 35.904-65.728z" fill="#000000" ></path><path d="M398.144 426.688H625.92a42.688 42.688 0 0 0 35.84-65.728L547.968 183.808a42.688 42.688 0 0 0-71.808 0L362.24 360.96a42.688 42.688 0 0 0 35.904 65.728z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_btn_sortdown_dark_svg" viewBox="0 0 1024 1024"><path d="M398.144 597.312H625.92a42.688 42.688 0 0 1 35.84 65.728l-113.792 177.152a42.688 42.688 0 0 1-71.808 0L362.24 663.04a42.688 42.688 0 0 1 35.904-65.728z" fill="#F2F5FF" ></path><path d="M398.144 426.688H625.92a42.688 42.688 0 0 0 35.84-65.728L547.968 183.808a42.688 42.688 0 0 0-71.808 0L362.24 360.96a42.688 42.688 0 0 0 35.904 65.728z" fill="#EBEBF5" fill-opacity=".3" ></path></symbol><symbol id="vd-icon-icon_btn_sortup_dark_svg" viewBox="0 0 1024 1024"><path d="M398.144 597.312H625.92a42.688 42.688 0 0 1 35.84 65.728l-113.792 177.152a42.688 42.688 0 0 1-71.808 0L362.24 663.04a42.688 42.688 0 0 1 35.904-65.728z" fill="#EBEBF5" fill-opacity=".3" ></path><path d="M398.144 426.688H625.92a42.688 42.688 0 0 0 35.84-65.728L547.968 183.808a42.688 42.688 0 0 0-71.808 0L362.24 360.96a42.688 42.688 0 0 0 35.904 65.728z" fill="#F2F5FF" ></path></symbol><symbol id="vd-icon-icon_nav_search" viewBox="0 0 1024 1024"><path d="M768 426.666667a341.333333 341.333333 0 1 0-135.424 272.256l230.229333 230.272 4.096 3.626666a46.933333 46.933333 0 0 0 62.293334-69.973333l-230.272-230.272A339.84 339.84 0 0 0 768 426.666667zM170.666667 426.666667a256 256 0 1 1 512 0 256 256 0 0 1-512 0z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_nav_back" viewBox="0 0 1024 1024"><path d="M481.834667 119.168a42.666667 42.666667 0 0 1 63.872 56.32l-3.541334 4.010667L209.706667 512l332.458666 332.501333a42.666667 42.666667 0 0 1 3.541334 56.32l-3.541334 4.010667a42.666667 42.666667 0 0 1-56.32 3.541333l-4.010666-3.541333-362.666667-362.666667a42.666667 42.666667 0 0 1-3.541333-56.32l3.541333-4.010666 362.666667-362.666667z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_nav_trade" viewBox="0 0 1024 1024"><path d="M719.488 157.098667a46.933333 46.933333 0 0 0-69.973333-62.293334l-410.752 410.709334-22.570667-90.24-1.493333-4.864a46.933333 46.933333 0 0 0-89.6 27.648l42.666666 170.666666 1.536 4.906667a46.933333 46.933333 0 0 0 77.226667 16.896l469.333333-469.333333 3.626667-4.096z m136.704 258.176l-1.493333-4.906667-2.048-4.778667a46.976 46.976 0 0 0-75.178667-12.117333l-448 448-3.626667 4.096a46.933333 46.933333 0 0 0 3.626667 62.293333l4.096 3.626667a46.933333 46.933333 0 0 0 62.293333-3.626667l389.333334-389.418666 22.613333 90.282666 1.493333 4.906667a46.933333 46.933333 0 0 0 89.6-27.690667l-42.666666-170.666666z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_nav_sidebar" viewBox="0 0 1024 1024"><path d="M896 170.666667a42.666667 42.666667 0 0 0-42.666667-42.666667H170.666667l-4.992 0.298667A42.666667 42.666667 0 0 0 170.666667 213.333333h682.666666l4.992-0.298666A42.666667 42.666667 0 0 0 896 170.666667z m0 341.333333a42.666667 42.666667 0 0 0-42.666667-42.666667h-418.133333l-4.992 0.298667A42.666667 42.666667 0 0 0 435.2 554.666667H853.333333l4.992-0.298667A42.666667 42.666667 0 0 0 896 512z m-42.666667 298.666667a42.666667 42.666667 0 0 1 4.992 85.034666L853.333333 896H170.666667a42.666667 42.666667 0 0 1-4.992-85.034667L170.666667 810.666667h682.666666zM168.149333 382.08A25.6 25.6 0 0 0 128 403.157333v217.728l0.341333 4.138667a25.6 25.6 0 0 0 43.349334 13.952l102.826666-102.826667 3.328-3.84a34.133333 34.133333 0 0 0-3.328-44.458666l-102.826666-102.826667-3.541334-2.986667z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_tab_morelist" viewBox="0 0 1024 1024"><path d="M448 810.666667c0 35.2 28.8 64 64 64s64-28.8 64-64-28.8-64-64-64-64 28.8-64 64z m0-597.333334c0 35.2 28.8 64 64 64s64-28.8 64-64-28.8-64-64-64-64 28.8-64 64z m0 298.666667c0 35.2 28.8 64 64 64s64-28.8 64-64-28.8-64-64-64-64 28.8-64 64z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_show_doing" viewBox="0 0 1024 1024"><path d="M512 85.333333c235.648 0 426.666667 191.146667 426.666667 426.666667s-191.018667 426.666667-426.666667 426.666667S85.333333 747.52 85.333333 512 276.352 85.333333 512 85.333333z m0 170.666667a42.666667 42.666667 0 0 0-42.197333 36.352l-0.426667 6.314667 0.042667 216.021333 0.554666 4.522667 0.981334 4.48 1.109333 3.328 2.389333 5.205333 3.072 4.906667 4.053334 4.778666 3.84 3.498667 5.248 3.541333 147.84 85.333334a42.666667 42.666667 0 0 0 47.872-70.357334l-5.205334-3.541333L554.666667 487.296V298.666667a42.666667 42.666667 0 0 0-36.352-42.24L512.042667 256z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_show_cancel" viewBox="0 0 1024 1024"><path d="M512 85.333333c235.648 0 426.666667 191.146667 426.666667 426.666667s-191.018667 426.666667-426.666667 426.666667S85.333333 747.52 85.333333 512 276.352 85.333333 512 85.333333z m0.042667 362.666667h-42.666667a42.666667 42.666667 0 1 0 0 85.333333V682.666667a42.666667 42.666667 0 1 0 0 85.333333h85.333333a42.666667 42.666667 0 1 0 0-85.333333v-192a42.666667 42.666667 0 0 0-42.666666-42.666667z m0-192a53.333333 53.333333 0 1 0 0 106.666667A53.333333 53.333333 0 0 0 512 256z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_show_finished" viewBox="0 0 1024 1024"><path d="M512 85.333333c235.648 0 426.666667 191.146667 426.666667 426.666667s-191.018667 426.666667-426.666667 426.666667S85.333333 747.52 85.333333 512 276.352 85.333333 512 85.333333z m211.328 283.008a42.666667 42.666667 0 0 0-55.04-4.522666l-5.290667 4.522666-211.2 211.114667-90.496-90.453333a42.666667 42.666667 0 0 0-64.853333 55.04l4.522667 5.290666 120.661333 120.704c6.656 6.656 14.976 10.666667 23.637333 11.989334l6.528 0.512 6.528-0.512a42.368 42.368 0 0 0 18.346667-7.509334l5.290667-4.48 241.365333-241.365333a42.666667 42.666667 0 0 0 0-60.330667z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_show_failed" viewBox="0 0 1024 1024"><path d="M512 85.333333c235.648 0 426.666667 191.146667 426.666667 426.666667s-191.018667 426.666667-426.666667 426.666667S85.333333 747.52 85.333333 512 276.352 85.333333 512 85.333333z m0.042667 576a53.333333 53.333333 0 1 0 0 106.666667 53.333333 53.333333 0 0 0 0-106.666667z m0-405.333333c-28.501333 0-51.584 23.082667-51.584 51.584l7.509333 225.792a44.117333 44.117333 0 0 0 88.149333 0l7.466667-224.085333a51.626667 51.626667 0 0 0-43.349333-52.650667L512 256z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_btn_dialogclose_svg" viewBox="0 0 1024 1024"><path d="M512 512m-426.666667 0a426.666667 426.666667 0 1 0 853.333334 0 426.666667 426.666667 0 1 0-853.333334 0Z" fill="#000000" fill-opacity=".05" ></path><path d="M693.034667 391.338667a42.666667 42.666667 0 1 0-60.373334-60.373334L512 451.669333 391.338667 330.965333a42.666667 42.666667 0 1 0-60.373334 60.373334L451.669333 512l-120.704 120.661333a42.666667 42.666667 0 1 0 60.373334 60.373334L512 572.330667l120.661333 120.704a42.666667 42.666667 0 1 0 60.373334-60.373334L572.330667 512l120.704-120.661333z" fill="#000000" fill-opacity=".3" ></path></symbol><symbol id="vd-icon-icon_show_steping_svg" viewBox="0 0 1024 1024"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#1BC47D" fill-opacity=".2" ></path><path d="M512 512m-384 0a384 384 0 1 0 768 0 384 384 0 1 0-768 0Z" fill="#1BC47D" ></path><path d="M473.6 307.2a51.2 51.2 0 0 0-51.2 51.2v204.8a51.2 51.2 0 0 0 51.2 51.2H716.8a51.2 51.2 0 1 0 0-102.4h-192V358.4a51.2 51.2 0 0 0-51.2-51.2z" fill="#FFFFFF" ></path></symbol><symbol id="vd-icon-icon_show_stepwrong_svg" viewBox="0 0 1024 1024"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#F24822" fill-opacity=".2" ></path><path d="M512 512m-384 0a384 384 0 1 0 768 0 384 384 0 1 0-768 0Z" fill="#EB5C31" ></path><path d="M512 268.8a51.2 51.2 0 0 0-51.2 51.2v204.8a51.2 51.2 0 1 0 102.4 0v-204.8a51.2 51.2 0 0 0-51.2-51.2z m0 486.4a64 64 0 1 0 0-128 64 64 0 0 0 0 128z" fill="#FFFFFF" ></path></symbol><symbol id="vd-icon-icon_show_stepwrong1_svg" viewBox="0 0 1024 1024"><path d="M1024 512c0 282.7776-229.2224 512-512 512S0 794.7776 0 512 229.2224 0 512 0s512 229.2224 512 512z" fill="#F24822" fill-opacity=".2" ></path><path d="M896 512a384 384 0 1 1-768 0 384 384 0 0 1 768 0z" fill="#EB5C31" ></path><path d="M460.8 320a51.2 51.2 0 1 1 102.4 0v204.8a51.2 51.2 0 1 1-102.4 0v-204.8zM576 691.2a64 64 0 1 1-128 0 64 64 0 0 1 128 0z" fill="#0E0E10" ></path></symbol><symbol id="vd-icon-icon_show_steping1_svg" viewBox="0 0 1024 1024"><path d="M1024 512c0 282.7776-229.2224 512-512 512S0 794.7776 0 512 229.2224 0 512 0s512 229.2224 512 512z" fill="#1BC47D" fill-opacity=".2" ></path><path d="M896 512a384 384 0 1 1-768 0 384 384 0 0 1 768 0z" fill="#1BC47D" ></path><path d="M473.6 307.2a51.2 51.2 0 0 0-51.2 51.2v204.8a51.2 51.2 0 0 0 51.2 51.2H716.8a51.2 51.2 0 1 0 0-102.4h-192V358.4a51.2 51.2 0 0 0-51.2-51.2z" fill="#0E0E10" ></path></symbol><symbol id="vd-icon-icon_btn_dialogclose_dark_svg" viewBox="0 0 1024 1024"><path d="M512 512m-426.666667 0a426.666667 426.666667 0 1 0 853.333334 0 426.666667 426.666667 0 1 0-853.333334 0Z" fill="#EBEBF5" fill-opacity=".15" ></path><path d="M693.034667 391.338667a42.666667 42.666667 0 1 0-60.373334-60.373334L512 451.669333 391.338667 330.965333a42.666667 42.666667 0 0 0-60.373334 60.373334L451.669333 512l-120.704 120.661333a42.666667 42.666667 0 1 0 60.373334 60.373334L512 572.330667l120.661333 120.704a42.666667 42.666667 0 1 0 60.373334-60.373334L572.330667 512l120.704-120.661333z" fill="#EBEBF5" fill-opacity=".5" ></path></symbol><symbol id="vd-icon-icon_btn_moredown" viewBox="0 0 1024 1024"><path d="M307.370667 384h409.258666a42.666667 42.666667 0 0 1 32.128 70.784l-204.629333 233.813333a42.666667 42.666667 0 0 1-60.202667 4.053334l-2.090666-1.962667-206.592-235.946667A42.666667 42.666667 0 0 1 307.370667 384z"  ></path></symbol><symbol id="vd-icon-icon_btn_next" viewBox="0 0 1024 1024"><path d="M475.818667 134.442667a51.2 51.2 0 0 1 68.266666-3.712l4.138667 3.712 341.333333 341.333333a51.2 51.2 0 0 1 3.712 68.266667l-3.712 4.181333-341.333333 341.333333a51.2 51.2 0 0 1-76.16-68.266666l3.754667-4.181334L780.928 512l-305.152-305.109333a51.2 51.2 0 0 1-3.712-68.266667l3.754667-4.181333z"  ></path></symbol><symbol id="vd-icon-icon_btn_eye_close" viewBox="0 0 1024 1024"><path d="M971.946667 357.333333a42.666667 42.666667 0 0 1-6.613334 59.989334c-36.949333 29.525333-73.984 55.466667-111.146666 77.781333l50.645333 50.730667a42.666667 42.666667 0 0 1-56.32 63.872l-4.010667-3.541334-69.248-69.205333c-41.344 19.029333-82.773333 33.578667-124.330666 43.605333l29.568 88.618667a42.666667 42.666667 0 0 1-79.104 31.573333l-1.877334-4.608-33.749333-101.333333a577.365333 577.365333 0 0 1-107.52 0l-33.749333 101.333333a42.666667 42.666667 0 0 1-82.261334-22.186666l1.28-4.778667 29.568-88.618667a678.613333 678.613333 0 0 1-124.330666-43.605333l-69.248 69.205333a42.666667 42.666667 0 0 1-63.872-56.32l3.541333-4.010666 50.645333-50.730667a1013.376 1013.376 0 0 1-111.146666-77.781333 42.666667 42.666667 0 0 1 53.333333-66.645334C247.04 458.752 380.16 512 512 512c131.84 0 264.96-53.248 400-161.28a42.666667 42.666667 0 0 1 59.989333 6.613333z"  ></path></symbol><symbol id="vd-icon-icon_btn_eye" viewBox="0 0 1024 1024"><path d="M511.829333 170.666667c195.285333 0 342.869333 76.885333 437.376 229.12a213.333333 213.333333 0 0 1 0.170667 224.426666C855.168 776.405333 707.541333 853.333333 511.829333 853.333333 316.16 853.333333 168.533333 776.448 74.325333 624.128a213.333333 213.333333 0 0 1 0.170667-224.426667C169.002667 247.594667 316.586667 170.666667 511.829333 170.666667z m0 85.333333c-166.613333 0-286.378667 62.421333-364.8 188.714667a128 128 0 0 0-0.128 134.570666C225.024 705.578667 344.874667 768 511.829333 768c166.997333 0 286.848-62.378667 364.928-188.672a128 128 0 0 0-0.085333-134.570667C798.293333 318.421333 678.442667 256 511.872 256z m0 85.333333a170.666667 170.666667 0 1 1 0 341.290667 170.666667 170.666667 0 0 1 0-341.290667z m0 85.333334a85.333333 85.333333 0 1 0 0.085334 170.624A85.333333 85.333333 0 0 0 511.829333 426.666667z"  ></path></symbol><symbol id="vd-icon-icon_btn_clean" viewBox="0 0 1024 1024"><path d="M512 85.333333c235.648 0 426.666667 191.018667 426.666667 426.666667s-191.018667 426.666667-426.666667 426.666667S85.333333 747.648 85.333333 512 276.352 85.333333 512 85.333333zM391.338667 330.965333a42.666667 42.666667 0 0 0-63.914667 56.32l3.541333 4.053334L451.669333 512l-120.704 120.661333a42.666667 42.666667 0 0 0 56.32 63.914667l4.053334-3.541333L512 572.330667l120.661333 120.704a42.666667 42.666667 0 0 0 63.914667-56.32l-3.541333-4.053334L572.330667 512l120.704-120.661333a42.666667 42.666667 0 0 0-56.32-63.914667l-4.053334 3.541333L512 451.669333 391.338667 330.965333z"  ></path></symbol><symbol id="vd-icon-icon_btn_photo" viewBox="0 0 1024 1024"><path d="M605.013333 128a85.333333 85.333333 0 0 1 70.997334 37.973333l13.312 20.053334a85.333333 85.333333 0 0 0 70.997333 37.973333H853.333333a85.333333 85.333333 0 0 1 85.333334 85.333333V810.666667a85.333333 85.333333 0 0 1-85.333334 85.333333H170.666667a85.333333 85.333333 0 0 1-85.333334-85.333333V309.333333a85.333333 85.333333 0 0 1 85.333334-85.333333h93.013333a85.333333 85.333333 0 0 0 70.997333-37.973333l13.312-20.053334A85.333333 85.333333 0 0 1 418.986667 128h186.026666zM512 384a160 160 0 1 0 0 320A160 160 0 0 0 512 384z"  ></path></symbol><symbol id="vd-icon-icon_btn_add" viewBox="0 0 1024 1024"><path d="M512 122.666667c24.32 0 44.373333 18.048 47.573333 41.472l0.426667 6.528v293.248l293.333333 0.085333a48 48 0 0 1 6.528 95.573333l-6.528 0.426667-293.333333-0.085333V853.333333a48 48 0 0 1-95.573333 6.528l-0.426667-6.528v-293.418666L170.666667 560.042667a48 48 0 0 1-6.528-95.573334l6.528-0.426666 293.333333-0.085334V170.666667c0-26.496 21.504-48 48-48z"  ></path></symbol><symbol id="vd-icon-icon_btn_close" viewBox="0 0 1024 1024"><path d="M843.861333 180.138667a46.933333 46.933333 0 0 1 3.626667 62.293333l-3.626667 4.096L578.346667 512l265.514666 265.472a46.933333 46.933333 0 0 1-62.293333 70.016l-4.096-3.626667L512 578.346667l-265.472 265.514666a46.933333 46.933333 0 0 1-70.016-62.293333l3.626667-4.096L445.653333 512 180.138667 246.528a46.933333 46.933333 0 0 1 62.293333-70.016l4.096 3.626667L512 445.653333l265.472-265.514666a46.933333 46.933333 0 0 1 66.389333 0z"  ></path></symbol><symbol id="vd-icon-icon_btn_singleslt" viewBox="0 0 1024 1024"><path d="M860.586667 219.008a51.2 51.2 0 0 1 74.666666 69.888l-3.84 4.096-534.912 512a51.2 51.2 0 0 1-66.432 3.754667l-4.394666-3.754667-233.088-223.104a51.2 51.2 0 0 1 66.56-77.610667l4.266666 3.626667 197.632 189.226667L860.586667 219.008z"  ></path></symbol><symbol id="vd-icon-icon_btn_reduce" viewBox="0 0 1024 1024"><path d="M853.333333 464a48 48 0 0 1 6.485334 95.573333l-6.485334 0.426667H170.666667a48 48 0 0 1-6.528-95.573333l6.528-0.426667h682.666666z"  ></path></symbol></svg>',(o=>{var a=(l=(l=document.getElementsByTagName("script"))[l.length-1]).getAttribute("data-injectcss"),l=l.getAttribute("data-disable-injectsvg");if(!l){var i,t,n,d,s,e=function(a,l){l.parentNode.insertBefore(a,l)};if(a&&!o.__iconfont__svg__cssinject__){o.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(a){console&&console.log(a)}}i=function(){var a,l=document.createElement("div");l.innerHTML=o._iconfont_svg_string_4683824,(l=l.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",l=l,(a=document.body).firstChild?e(l,a.firstChild):a.appendChild(l))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(i,0):(t=function(){document.removeEventListener("DOMContentLoaded",t,!1),i()},document.addEventListener("DOMContentLoaded",t,!1)):document.attachEvent&&(n=i,d=o.document,s=!1,h(),d.onreadystatechange=function(){"complete"==d.readyState&&(d.onreadystatechange=null,c())})}function c(){s||(s=!0,n())}function h(){try{d.documentElement.doScroll("left")}catch(a){return void setTimeout(h,50)}c()}})(window);
+(function(window) {
+    const inBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
+    if (inBrowser) {
+        window._iconfont_svg_string_4683824='<svg><symbol id="vd-icon-icon_btn_trash2" viewBox="0 0 1024 1024"><path d="M596.864 85.333333a128 128 0 0 1 115.712 73.301334l4.138667 9.770666L733.568 213.333333H853.333333a42.666667 42.666667 0 0 1 6.314667 84.906667L853.333333 298.666667l-23.936-0.042667-37.12 600.021333a42.666667 42.666667 0 0 1-35.925333 39.509334L749.653333 938.666667H274.346667a42.666667 42.666667 0 0 1-41.685334-33.450667l-0.938666-6.570667-37.12-600.021333L170.666667 298.666667a42.666667 42.666667 0 0 1-6.314667-84.906667L170.666667 213.333333h119.722666l16.896-44.928a128 128 0 0 1 109.226667-82.645333l10.624-0.426667h169.728z m146.986667 213.290667H280.106667l34.304 554.666667h395.221333l34.261333-554.666667z m-262.186667 207.061333A42.666667 42.666667 0 0 0 396.8 512v128l0.469333 6.314667a42.666667 42.666667 0 0 0 84.906667-6.314667v-128l-0.469333-6.314667zM584.789333 469.333333a42.666667 42.666667 0 0 1 42.24 36.352l0.426667 6.314667v128a42.666667 42.666667 0 0 1-84.906667 6.314667l-0.426666-6.314667v-128a42.666667 42.666667 0 0 1 42.666666-42.666667z m-157.610666-298.666666a42.666667 42.666667 0 0 0-37.162667 21.717333l-2.773333 5.973333-5.717334 14.933334h260.949334l-5.632-14.933334a42.666667 42.666667 0 0 0-33.365334-27.178666L596.864 170.666667H427.093333z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_btn_edit" viewBox="0 0 1024 1024"><path d="M887.04 196.821333a42.666667 42.666667 0 0 0-63.872-56.32l-298.666667 298.666667-3.541333 4.010667a42.666667 42.666667 0 0 0 63.872 56.32l298.666667-298.666667 3.541333-4.010667zM597.333333 192a42.666667 42.666667 0 0 0-42.666666-42.666667H170.666667l-4.992 0.298667A42.666667 42.666667 0 0 0 128 192V853.333333l0.298667 4.992A42.666667 42.666667 0 0 0 170.666667 896h661.333333l4.992-0.298667A42.666667 42.666667 0 0 0 874.666667 853.333333v-384l-0.298667-4.992A42.666667 42.666667 0 0 0 832 426.666667l-4.992 0.298666A42.666667 42.666667 0 0 0 789.333333 469.333333v341.333334H213.333333V234.666667h341.333334l4.992-0.298667A42.666667 42.666667 0 0 0 597.333333 192z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_btn_watchlist_nor" viewBox="0 0 1024 1024"><path d="M901.504 253.184C855.765333 176.170667 774.357333 128 684.8 128l-10.922667 0.256a249.173333 249.173333 0 0 0-154.581333 62.890667L512 197.888l-7.253333-6.741333A249.002667 249.002667 0 0 0 339.2 128C198.656 128 85.333333 245.376 85.333333 389.418667c0 164.309333 136.618667 329.386667 403.712 499.882666a42.666667 42.666667 0 0 0 45.909334 0 1785.173333 1785.173333 0 0 0 155.306666-110.208 42.666667 42.666667 0 0 0-53.376-66.56l-18.773333 14.72a1700.693333 1700.693333 0 0 1-105.642667 74.922667l-0.469333 0.298667-8.96-5.888C279.68 648.234667 170.666667 511.146667 170.666667 389.418667 170.666667 291.84 246.485333 213.333333 339.2 213.333333c55.210667 0 105.984 27.904 137.514667 74.24a42.666667 42.666667 0 0 0 70.570666 0C578.816 241.28 629.632 213.333333 684.8 213.333333c58.88 0 112.682667 31.829333 143.36 83.413334a42.666667 42.666667 0 1 0 73.344-43.562667z m-48.469333 168.533333A42.666667 42.666667 0 0 0 768 426.666667v85.333333h-85.333333l-4.992 0.298667A42.666667 42.666667 0 0 0 682.666667 597.333333h85.333333v85.333334l0.298667 4.992A42.666667 42.666667 0 0 0 853.333333 682.666667v-85.333334h85.333334l4.992-0.298666A42.666667 42.666667 0 0 0 938.666667 512h-85.333334v-85.333333l-0.298666-4.992z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_show_list_loading" viewBox="0 0 1024 1024"><path d="M469.333333 128a42.666667 42.666667 0 0 1 42.666667-42.666667c235.648 0 426.666667 191.018667 426.666667 426.666667s-191.018667 426.666667-426.666667 426.666667S85.333333 747.648 85.333333 512a42.666667 42.666667 0 1 1 85.333334 0 341.333333 341.333333 0 1 0 341.333333-341.333333 42.666667 42.666667 0 0 1-42.666667-42.666667z"  ></path></symbol><symbol id="vd-icon-icon_btn_sort_svg" viewBox="0 0 1024 1024"><path d="M625.877333 426.666667H398.165333a42.666667 42.666667 0 0 1-35.882666-65.706667l113.834666-177.152a42.666667 42.666667 0 0 1 71.808 0L661.76 360.96A42.666667 42.666667 0 0 1 625.877333 426.666667z m0 170.666666H398.165333a42.666667 42.666667 0 0 0-35.882666 65.706667l113.834666 177.152a42.666667 42.666667 0 0 0 71.808 0l113.834667-177.109333A42.666667 42.666667 0 0 0 625.877333 597.333333z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_btn_sortdown_slt_svg" viewBox="0 0 1024 1024"><path d="M398.144 597.312H625.92a42.688 42.688 0 0 1 35.84 65.728l-113.792 177.152a42.688 42.688 0 0 1-71.808 0L362.24 663.04a42.688 42.688 0 0 1 35.904-65.728z" fill="#1BC47D" ></path><path d="M398.144 426.688H625.92a42.688 42.688 0 0 0 35.84-65.728L547.968 183.808a42.688 42.688 0 0 0-71.808 0L362.24 360.96a42.688 42.688 0 0 0 35.904 65.728z" fill="#1BC47D" fill-opacity=".3" ></path></symbol><symbol id="vd-icon-icon_btn_sortup_svg" viewBox="0 0 1024 1024"><path d="M398.144 597.312H625.92a42.688 42.688 0 0 1 35.84 65.728l-113.792 177.152a42.688 42.688 0 0 1-71.808 0L362.24 663.04a42.688 42.688 0 0 1 35.904-65.728z" fill="#000000" ></path><path d="M398.144 426.688H625.92a42.688 42.688 0 0 0 35.84-65.728L547.968 183.808a42.688 42.688 0 0 0-71.808 0L362.24 360.96a42.688 42.688 0 0 0 35.904 65.728z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_btn_sortup_slt_svg" viewBox="0 0 1024 1024"><path d="M398.144 597.312H625.92a42.688 42.688 0 0 1 35.84 65.728l-113.792 177.152a42.688 42.688 0 0 1-71.808 0L362.24 663.04a42.688 42.688 0 0 1 35.904-65.728z" fill="#1BC47D" fill-opacity=".3" ></path><path d="M398.144 426.688H625.92a42.688 42.688 0 0 0 35.84-65.728L547.968 183.808a42.688 42.688 0 0 0-71.808 0L362.24 360.96a42.688 42.688 0 0 0 35.904 65.728z" fill="#1BC47D" ></path></symbol><symbol id="vd-icon-icon_btn_sortdown_svg" viewBox="0 0 1024 1024"><path d="M398.144 597.312H625.92a42.688 42.688 0 0 1 35.84 65.728l-113.792 177.152a42.688 42.688 0 0 1-71.808 0L362.24 663.04a42.688 42.688 0 0 1 35.904-65.728z" fill="#000000" ></path><path d="M398.144 426.688H625.92a42.688 42.688 0 0 0 35.84-65.728L547.968 183.808a42.688 42.688 0 0 0-71.808 0L362.24 360.96a42.688 42.688 0 0 0 35.904 65.728z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_btn_sortdown_dark_svg" viewBox="0 0 1024 1024"><path d="M398.144 597.312H625.92a42.688 42.688 0 0 1 35.84 65.728l-113.792 177.152a42.688 42.688 0 0 1-71.808 0L362.24 663.04a42.688 42.688 0 0 1 35.904-65.728z" fill="#F2F5FF" ></path><path d="M398.144 426.688H625.92a42.688 42.688 0 0 0 35.84-65.728L547.968 183.808a42.688 42.688 0 0 0-71.808 0L362.24 360.96a42.688 42.688 0 0 0 35.904 65.728z" fill="#EBEBF5" fill-opacity=".3" ></path></symbol><symbol id="vd-icon-icon_btn_sortup_dark_svg" viewBox="0 0 1024 1024"><path d="M398.144 597.312H625.92a42.688 42.688 0 0 1 35.84 65.728l-113.792 177.152a42.688 42.688 0 0 1-71.808 0L362.24 663.04a42.688 42.688 0 0 1 35.904-65.728z" fill="#EBEBF5" fill-opacity=".3" ></path><path d="M398.144 426.688H625.92a42.688 42.688 0 0 0 35.84-65.728L547.968 183.808a42.688 42.688 0 0 0-71.808 0L362.24 360.96a42.688 42.688 0 0 0 35.904 65.728z" fill="#F2F5FF" ></path></symbol><symbol id="vd-icon-icon_nav_search" viewBox="0 0 1024 1024"><path d="M768 426.666667a341.333333 341.333333 0 1 0-135.424 272.256l230.229333 230.272 4.096 3.626666a46.933333 46.933333 0 0 0 62.293334-69.973333l-230.272-230.272A339.84 339.84 0 0 0 768 426.666667zM170.666667 426.666667a256 256 0 1 1 512 0 256 256 0 0 1-512 0z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_nav_back" viewBox="0 0 1024 1024"><path d="M481.834667 119.168a42.666667 42.666667 0 0 1 63.872 56.32l-3.541334 4.010667L209.706667 512l332.458666 332.501333a42.666667 42.666667 0 0 1 3.541334 56.32l-3.541334 4.010667a42.666667 42.666667 0 0 1-56.32 3.541333l-4.010666-3.541333-362.666667-362.666667a42.666667 42.666667 0 0 1-3.541333-56.32l3.541333-4.010666 362.666667-362.666667z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_nav_trade" viewBox="0 0 1024 1024"><path d="M719.488 157.098667a46.933333 46.933333 0 0 0-69.973333-62.293334l-410.752 410.709334-22.570667-90.24-1.493333-4.864a46.933333 46.933333 0 0 0-89.6 27.648l42.666666 170.666666 1.536 4.906667a46.933333 46.933333 0 0 0 77.226667 16.896l469.333333-469.333333 3.626667-4.096z m136.704 258.176l-1.493333-4.906667-2.048-4.778667a46.976 46.976 0 0 0-75.178667-12.117333l-448 448-3.626667 4.096a46.933333 46.933333 0 0 0 3.626667 62.293333l4.096 3.626667a46.933333 46.933333 0 0 0 62.293333-3.626667l389.333334-389.418666 22.613333 90.282666 1.493333 4.906667a46.933333 46.933333 0 0 0 89.6-27.690667l-42.666666-170.666666z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_nav_sidebar" viewBox="0 0 1024 1024"><path d="M896 170.666667a42.666667 42.666667 0 0 0-42.666667-42.666667H170.666667l-4.992 0.298667A42.666667 42.666667 0 0 0 170.666667 213.333333h682.666666l4.992-0.298666A42.666667 42.666667 0 0 0 896 170.666667z m0 341.333333a42.666667 42.666667 0 0 0-42.666667-42.666667h-418.133333l-4.992 0.298667A42.666667 42.666667 0 0 0 435.2 554.666667H853.333333l4.992-0.298667A42.666667 42.666667 0 0 0 896 512z m-42.666667 298.666667a42.666667 42.666667 0 0 1 4.992 85.034666L853.333333 896H170.666667a42.666667 42.666667 0 0 1-4.992-85.034667L170.666667 810.666667h682.666666zM168.149333 382.08A25.6 25.6 0 0 0 128 403.157333v217.728l0.341333 4.138667a25.6 25.6 0 0 0 43.349334 13.952l102.826666-102.826667 3.328-3.84a34.133333 34.133333 0 0 0-3.328-44.458666l-102.826666-102.826667-3.541334-2.986667z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_tab_morelist" viewBox="0 0 1024 1024"><path d="M448 810.666667c0 35.2 28.8 64 64 64s64-28.8 64-64-28.8-64-64-64-64 28.8-64 64z m0-597.333334c0 35.2 28.8 64 64 64s64-28.8 64-64-28.8-64-64-64-64 28.8-64 64z m0 298.666667c0 35.2 28.8 64 64 64s64-28.8 64-64-28.8-64-64-64-64 28.8-64 64z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_show_doing" viewBox="0 0 1024 1024"><path d="M512 85.333333c235.648 0 426.666667 191.146667 426.666667 426.666667s-191.018667 426.666667-426.666667 426.666667S85.333333 747.52 85.333333 512 276.352 85.333333 512 85.333333z m0 170.666667a42.666667 42.666667 0 0 0-42.197333 36.352l-0.426667 6.314667 0.042667 216.021333 0.554666 4.522667 0.981334 4.48 1.109333 3.328 2.389333 5.205333 3.072 4.906667 4.053334 4.778666 3.84 3.498667 5.248 3.541333 147.84 85.333334a42.666667 42.666667 0 0 0 47.872-70.357334l-5.205334-3.541333L554.666667 487.296V298.666667a42.666667 42.666667 0 0 0-36.352-42.24L512.042667 256z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_show_cancel" viewBox="0 0 1024 1024"><path d="M512 85.333333c235.648 0 426.666667 191.146667 426.666667 426.666667s-191.018667 426.666667-426.666667 426.666667S85.333333 747.52 85.333333 512 276.352 85.333333 512 85.333333z m0.042667 362.666667h-42.666667a42.666667 42.666667 0 1 0 0 85.333333V682.666667a42.666667 42.666667 0 1 0 0 85.333333h85.333333a42.666667 42.666667 0 1 0 0-85.333333v-192a42.666667 42.666667 0 0 0-42.666666-42.666667z m0-192a53.333333 53.333333 0 1 0 0 106.666667A53.333333 53.333333 0 0 0 512 256z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_show_finished" viewBox="0 0 1024 1024"><path d="M512 85.333333c235.648 0 426.666667 191.146667 426.666667 426.666667s-191.018667 426.666667-426.666667 426.666667S85.333333 747.52 85.333333 512 276.352 85.333333 512 85.333333z m211.328 283.008a42.666667 42.666667 0 0 0-55.04-4.522666l-5.290667 4.522666-211.2 211.114667-90.496-90.453333a42.666667 42.666667 0 0 0-64.853333 55.04l4.522667 5.290666 120.661333 120.704c6.656 6.656 14.976 10.666667 23.637333 11.989334l6.528 0.512 6.528-0.512a42.368 42.368 0 0 0 18.346667-7.509334l5.290667-4.48 241.365333-241.365333a42.666667 42.666667 0 0 0 0-60.330667z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_show_failed" viewBox="0 0 1024 1024"><path d="M512 85.333333c235.648 0 426.666667 191.146667 426.666667 426.666667s-191.018667 426.666667-426.666667 426.666667S85.333333 747.52 85.333333 512 276.352 85.333333 512 85.333333z m0.042667 576a53.333333 53.333333 0 1 0 0 106.666667 53.333333 53.333333 0 0 0 0-106.666667z m0-405.333333c-28.501333 0-51.584 23.082667-51.584 51.584l7.509333 225.792a44.117333 44.117333 0 0 0 88.149333 0l7.466667-224.085333a51.626667 51.626667 0 0 0-43.349333-52.650667L512 256z" fill="#000000" ></path></symbol><symbol id="vd-icon-icon_btn_dialogclose_svg" viewBox="0 0 1024 1024"><path d="M512 512m-426.666667 0a426.666667 426.666667 0 1 0 853.333334 0 426.666667 426.666667 0 1 0-853.333334 0Z" fill="#000000" fill-opacity=".05" ></path><path d="M693.034667 391.338667a42.666667 42.666667 0 1 0-60.373334-60.373334L512 451.669333 391.338667 330.965333a42.666667 42.666667 0 1 0-60.373334 60.373334L451.669333 512l-120.704 120.661333a42.666667 42.666667 0 1 0 60.373334 60.373334L512 572.330667l120.661333 120.704a42.666667 42.666667 0 1 0 60.373334-60.373334L572.330667 512l120.704-120.661333z" fill="#000000" fill-opacity=".3" ></path></symbol><symbol id="vd-icon-icon_show_steping_svg" viewBox="0 0 1024 1024"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#1BC47D" fill-opacity=".2" ></path><path d="M512 512m-384 0a384 384 0 1 0 768 0 384 384 0 1 0-768 0Z" fill="#1BC47D" ></path><path d="M473.6 307.2a51.2 51.2 0 0 0-51.2 51.2v204.8a51.2 51.2 0 0 0 51.2 51.2H716.8a51.2 51.2 0 1 0 0-102.4h-192V358.4a51.2 51.2 0 0 0-51.2-51.2z" fill="#FFFFFF" ></path></symbol><symbol id="vd-icon-icon_show_stepwrong_svg" viewBox="0 0 1024 1024"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#F24822" fill-opacity=".2" ></path><path d="M512 512m-384 0a384 384 0 1 0 768 0 384 384 0 1 0-768 0Z" fill="#EB5C31" ></path><path d="M512 268.8a51.2 51.2 0 0 0-51.2 51.2v204.8a51.2 51.2 0 1 0 102.4 0v-204.8a51.2 51.2 0 0 0-51.2-51.2z m0 486.4a64 64 0 1 0 0-128 64 64 0 0 0 0 128z" fill="#FFFFFF" ></path></symbol><symbol id="vd-icon-icon_show_stepwrong1_svg" viewBox="0 0 1024 1024"><path d="M1024 512c0 282.7776-229.2224 512-512 512S0 794.7776 0 512 229.2224 0 512 0s512 229.2224 512 512z" fill="#F24822" fill-opacity=".2" ></path><path d="M896 512a384 384 0 1 1-768 0 384 384 0 0 1 768 0z" fill="#EB5C31" ></path><path d="M460.8 320a51.2 51.2 0 1 1 102.4 0v204.8a51.2 51.2 0 1 1-102.4 0v-204.8zM576 691.2a64 64 0 1 1-128 0 64 64 0 0 1 128 0z" fill="#0E0E10" ></path></symbol><symbol id="vd-icon-icon_show_steping1_svg" viewBox="0 0 1024 1024"><path d="M1024 512c0 282.7776-229.2224 512-512 512S0 794.7776 0 512 229.2224 0 512 0s512 229.2224 512 512z" fill="#1BC47D" fill-opacity=".2" ></path><path d="M896 512a384 384 0 1 1-768 0 384 384 0 0 1 768 0z" fill="#1BC47D" ></path><path d="M473.6 307.2a51.2 51.2 0 0 0-51.2 51.2v204.8a51.2 51.2 0 0 0 51.2 51.2H716.8a51.2 51.2 0 1 0 0-102.4h-192V358.4a51.2 51.2 0 0 0-51.2-51.2z" fill="#0E0E10" ></path></symbol><symbol id="vd-icon-icon_btn_dialogclose_dark_svg" viewBox="0 0 1024 1024"><path d="M512 512m-426.666667 0a426.666667 426.666667 0 1 0 853.333334 0 426.666667 426.666667 0 1 0-853.333334 0Z" fill="#EBEBF5" fill-opacity=".15" ></path><path d="M693.034667 391.338667a42.666667 42.666667 0 1 0-60.373334-60.373334L512 451.669333 391.338667 330.965333a42.666667 42.666667 0 0 0-60.373334 60.373334L451.669333 512l-120.704 120.661333a42.666667 42.666667 0 1 0 60.373334 60.373334L512 572.330667l120.661333 120.704a42.666667 42.666667 0 1 0 60.373334-60.373334L572.330667 512l120.704-120.661333z" fill="#EBEBF5" fill-opacity=".5" ></path></symbol><symbol id="vd-icon-icon_btn_moredown" viewBox="0 0 1024 1024"><path d="M307.370667 384h409.258666a42.666667 42.666667 0 0 1 32.128 70.784l-204.629333 233.813333a42.666667 42.666667 0 0 1-60.202667 4.053334l-2.090666-1.962667-206.592-235.946667A42.666667 42.666667 0 0 1 307.370667 384z"  ></path></symbol><symbol id="vd-icon-icon_btn_next" viewBox="0 0 1024 1024"><path d="M475.818667 134.442667a51.2 51.2 0 0 1 68.266666-3.712l4.138667 3.712 341.333333 341.333333a51.2 51.2 0 0 1 3.712 68.266667l-3.712 4.181333-341.333333 341.333333a51.2 51.2 0 0 1-76.16-68.266666l3.754667-4.181334L780.928 512l-305.152-305.109333a51.2 51.2 0 0 1-3.712-68.266667l3.754667-4.181333z"  ></path></symbol><symbol id="vd-icon-icon_btn_eye_close" viewBox="0 0 1024 1024"><path d="M971.946667 357.333333a42.666667 42.666667 0 0 1-6.613334 59.989334c-36.949333 29.525333-73.984 55.466667-111.146666 77.781333l50.645333 50.730667a42.666667 42.666667 0 0 1-56.32 63.872l-4.010667-3.541334-69.248-69.205333c-41.344 19.029333-82.773333 33.578667-124.330666 43.605333l29.568 88.618667a42.666667 42.666667 0 0 1-79.104 31.573333l-1.877334-4.608-33.749333-101.333333a577.365333 577.365333 0 0 1-107.52 0l-33.749333 101.333333a42.666667 42.666667 0 0 1-82.261334-22.186666l1.28-4.778667 29.568-88.618667a678.613333 678.613333 0 0 1-124.330666-43.605333l-69.248 69.205333a42.666667 42.666667 0 0 1-63.872-56.32l3.541333-4.010666 50.645333-50.730667a1013.376 1013.376 0 0 1-111.146666-77.781333 42.666667 42.666667 0 0 1 53.333333-66.645334C247.04 458.752 380.16 512 512 512c131.84 0 264.96-53.248 400-161.28a42.666667 42.666667 0 0 1 59.989333 6.613333z"  ></path></symbol><symbol id="vd-icon-icon_btn_eye" viewBox="0 0 1024 1024"><path d="M511.829333 170.666667c195.285333 0 342.869333 76.885333 437.376 229.12a213.333333 213.333333 0 0 1 0.170667 224.426666C855.168 776.405333 707.541333 853.333333 511.829333 853.333333 316.16 853.333333 168.533333 776.448 74.325333 624.128a213.333333 213.333333 0 0 1 0.170667-224.426667C169.002667 247.594667 316.586667 170.666667 511.829333 170.666667z m0 85.333333c-166.613333 0-286.378667 62.421333-364.8 188.714667a128 128 0 0 0-0.128 134.570666C225.024 705.578667 344.874667 768 511.829333 768c166.997333 0 286.848-62.378667 364.928-188.672a128 128 0 0 0-0.085333-134.570667C798.293333 318.421333 678.442667 256 511.872 256z m0 85.333333a170.666667 170.666667 0 1 1 0 341.290667 170.666667 170.666667 0 0 1 0-341.290667z m0 85.333334a85.333333 85.333333 0 1 0 0.085334 170.624A85.333333 85.333333 0 0 0 511.829333 426.666667z"  ></path></symbol><symbol id="vd-icon-icon_btn_clean" viewBox="0 0 1024 1024"><path d="M512 85.333333c235.648 0 426.666667 191.018667 426.666667 426.666667s-191.018667 426.666667-426.666667 426.666667S85.333333 747.648 85.333333 512 276.352 85.333333 512 85.333333zM391.338667 330.965333a42.666667 42.666667 0 0 0-63.914667 56.32l3.541333 4.053334L451.669333 512l-120.704 120.661333a42.666667 42.666667 0 0 0 56.32 63.914667l4.053334-3.541333L512 572.330667l120.661333 120.704a42.666667 42.666667 0 0 0 63.914667-56.32l-3.541333-4.053334L572.330667 512l120.704-120.661333a42.666667 42.666667 0 0 0-56.32-63.914667l-4.053334 3.541333L512 451.669333 391.338667 330.965333z"  ></path></symbol><symbol id="vd-icon-icon_btn_photo" viewBox="0 0 1024 1024"><path d="M605.013333 128a85.333333 85.333333 0 0 1 70.997334 37.973333l13.312 20.053334a85.333333 85.333333 0 0 0 70.997333 37.973333H853.333333a85.333333 85.333333 0 0 1 85.333334 85.333333V810.666667a85.333333 85.333333 0 0 1-85.333334 85.333333H170.666667a85.333333 85.333333 0 0 1-85.333334-85.333333V309.333333a85.333333 85.333333 0 0 1 85.333334-85.333333h93.013333a85.333333 85.333333 0 0 0 70.997333-37.973333l13.312-20.053334A85.333333 85.333333 0 0 1 418.986667 128h186.026666zM512 384a160 160 0 1 0 0 320A160 160 0 0 0 512 384z"  ></path></symbol><symbol id="vd-icon-icon_btn_add" viewBox="0 0 1024 1024"><path d="M512 122.666667c24.32 0 44.373333 18.048 47.573333 41.472l0.426667 6.528v293.248l293.333333 0.085333a48 48 0 0 1 6.528 95.573333l-6.528 0.426667-293.333333-0.085333V853.333333a48 48 0 0 1-95.573333 6.528l-0.426667-6.528v-293.418666L170.666667 560.042667a48 48 0 0 1-6.528-95.573334l6.528-0.426666 293.333333-0.085334V170.666667c0-26.496 21.504-48 48-48z"  ></path></symbol><symbol id="vd-icon-icon_btn_close" viewBox="0 0 1024 1024"><path d="M843.861333 180.138667a46.933333 46.933333 0 0 1 3.626667 62.293333l-3.626667 4.096L578.346667 512l265.514666 265.472a46.933333 46.933333 0 0 1-62.293333 70.016l-4.096-3.626667L512 578.346667l-265.472 265.514666a46.933333 46.933333 0 0 1-70.016-62.293333l3.626667-4.096L445.653333 512 180.138667 246.528a46.933333 46.933333 0 0 1 62.293333-70.016l4.096 3.626667L512 445.653333l265.472-265.514666a46.933333 46.933333 0 0 1 66.389333 0z"  ></path></symbol><symbol id="vd-icon-icon_btn_singleslt" viewBox="0 0 1024 1024"><path d="M860.586667 219.008a51.2 51.2 0 0 1 74.666666 69.888l-3.84 4.096-534.912 512a51.2 51.2 0 0 1-66.432 3.754667l-4.394666-3.754667-233.088-223.104a51.2 51.2 0 0 1 66.56-77.610667l4.266666 3.626667 197.632 189.226667L860.586667 219.008z"  ></path></symbol><symbol id="vd-icon-icon_btn_reduce" viewBox="0 0 1024 1024"><path d="M853.333333 464a48 48 0 0 1 6.485334 95.573333l-6.485334 0.426667H170.666667a48 48 0 0 1-6.528-95.573333l6.528-0.426667h682.666666z"  ></path></symbol></svg>',(o=>{var a=(l=(l=document.getElementsByTagName("script"))[l.length-1]).getAttribute("data-injectcss"),l=l.getAttribute("data-disable-injectsvg");if(!l){var i,t,n,d,s,e=function(a,l){l.parentNode.insertBefore(a,l)};if(a&&!o.__iconfont__svg__cssinject__){o.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(a){console&&console.log(a)}}i=function(){var a,l=document.createElement("div");l.innerHTML=o._iconfont_svg_string_4683824,(l=l.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",l=l,(a=document.body).firstChild?e(l,a.firstChild):a.appendChild(l))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(i,0):(t=function(){document.removeEventListener("DOMContentLoaded",t,!1),i()},document.addEventListener("DOMContentLoaded",t,!1)):document.attachEvent&&(n=i,d=o.document,s=!1,h(),d.onreadystatechange=function(){"complete"==d.readyState&&(d.onreadystatechange=null,c())})}function c(){s||(s=!0,n())}function h(){try{d.documentElement.doScroll("left")}catch(a){return void setTimeout(h,50)}c()}})(window);}
+})(typeof window !== 'undefined' ? window : {});

package/dist/components/input/calcTextareaHeight.js

@@ -1,117 +1,5 @@
-// Thanks to
-// https://github.com/andreypopp/react-textarea-autosize/
-
-// let hiddenTextarea;
-//
-// const HIDDEN_STYLE = `
-//     height:0 !important;
-//     min-height:0 !important;
-//     max-height:none !important;
-//     visibility:hidden !important;
-//     overflow:hidden !important;
-//     position:absolute !important;
-//     z-index:-1000 !important;
-//     top:0 !important;
-//     right:0 !important
-// `;
-//
-// const CONTEXT_STYLE = [
-//     'letter-spacing',
-//     'line-height',
-//     'padding-top',
-//     'padding-bottom',
-//     'font-family',
-//     'font-weight',
-//     'font-size',
-//     'text-rendering',
-//     'text-transform',
-//     'width',
-//     'text-indent',
-//     'padding-left',
-//     'padding-right',
-//     'border-width',
-//     'box-sizing'
-// ];
-//
-// function calculateNodeStyling(node) {
-//     const style = window.getComputedStyle(node);
-//
-//     const boxSizing = style.getPropertyValue('box-sizing');
-//
-//     const paddingSize = (
-//         parseFloat(style.getPropertyValue('padding-bottom')) +
-//         parseFloat(style.getPropertyValue('padding-top'))
-//     );
-//
-//     const borderSize = (
-//         parseFloat(style.getPropertyValue('border-bottom-width')) +
-//         parseFloat(style.getPropertyValue('border-top-width'))
-//     );
-//
-//     const contextStyle = CONTEXT_STYLE
-//         .map(name => `${name}:${style.getPropertyValue(name)}`)
-//         .join(';');
-//
-//     return {contextStyle, paddingSize, borderSize, boxSizing};
-// }
-//
-// export default function calcTextareaHeight(targetNode, minRows = null, maxRows = null) {
-//     if (!hiddenTextarea) {
-//         hiddenTextarea = document.createElement('textarea');
-//         document.body.appendChild(hiddenTextarea);
-//     }
-//
-//     let {
-//         paddingSize,
-//         borderSize,
-//         boxSizing,
-//         contextStyle
-//     } = calculateNodeStyling(targetNode);
-//
-//     hiddenTextarea.setAttribute('style', `${contextStyle};${HIDDEN_STYLE}`);
-//     hiddenTextarea.value = targetNode.value || targetNode.placeholder || '';
-//
-//     let height = hiddenTextarea.scrollHeight;
-//     let minHeight = -Infinity;
-//     let maxHeight = Infinity;
-//     let overflowY;
-//
-//     if (boxSizing === 'border-box') {
-//         height = height + borderSize;
-//     } else if (boxSizing === 'content-box') {
-//         height = height - paddingSize;
-//     }
-//
-//     hiddenTextarea.value = '';
-//     let singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
-//
-//     if (minRows !== null) {
-//         minHeight = singleRowHeight * minRows;
-//         if (boxSizing === 'border-box') {
-//             minHeight = minHeight + paddingSize + borderSize;
-//         }
-//         height = Math.max(minHeight, height);
-//     }
-//     if (maxRows !== null) {
-//         maxHeight = singleRowHeight * maxRows;
-//         if (boxSizing === 'border-box') {
-//             maxHeight = maxHeight + paddingSize + borderSize;
-//         }
-//         overflowY = height > maxHeight ? '' : 'hidden';
-//         height = Math.min(maxHeight, height);
-//     }
-//
-//     if (!maxRows) {
-//         overflowY = 'hidden';
-//     }
-//
-//     return {
-//         height: `${height}px`,
-//         minHeight: `${minHeight}px`,
-//         maxHeight: `${maxHeight}px`,
-//         overflowY
-//     };
-// }
+// 定义全局的环境检查
+const inBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
 
 const HIDDEN_TEXTAREA_STYLE = `
   min-height:0 !important;
@@ -122,7 +10,7 @@ const HIDDEN_TEXTAREA_STYLE = `
   position:absolute !important;
   z-index:-1000 !important;
   top:0 !important;
-  right:0 !important
+  right:0 !important;
 `;
 
 const SIZING_STYLE = [
@@ -144,13 +32,25 @@ const SIZING_STYLE = [
 ];
 
 let computedStyleCache = {};
-let hiddenTextarea;
+let hiddenTextarea = null;
 
+// 计算节点的样式信息
 function calculateNodeStyling(node, useCache = false) {
+    if (!inBrowser || !node) {
+        // 如果不在浏览器环境中，返回默认的样式对象，防止报错
+        return {
+            sizingStyle: '',
+            paddingSize: 0,
+            borderSize: 0,
+            boxSizing: 'content-box',
+        };
+    }
+
     const nodeRef = (
-            node.getAttribute('id') ||
-            node.getAttribute('data-reactid') ||
-            node.getAttribute('name'));
+        node.getAttribute('id') ||
+        node.getAttribute('data-reactid') ||
+        node.getAttribute('name')
+    );
 
     if (useCache && computedStyleCache[nodeRef]) {
         return computedStyleCache[nodeRef];
@@ -192,30 +92,27 @@ function calculateNodeStyling(node, useCache = false) {
     return nodeInfo;
 }
 
+// 计算 textarea 的高度
 export default function calcTextareaHeight(uiTextNode, minRows = null, maxRows = null, useCache = false) {
+    if (!inBrowser || !uiTextNode) {
+        // 如果不在浏览器环境中，返回默认的高度，避免 SSR 中出错
+        return { height: '0px', minHeight: '0px', maxHeight: '0px', overflowY: 'hidden' };
+    }
+
     if (!hiddenTextarea) {
+        // 创建一个隐藏的 textarea 元素来测量高度
         hiddenTextarea = document.createElement('textarea');
         document.body.appendChild(hiddenTextarea);
     }
 
-    // Fix wrap="off" issue
-    // https://github.com/ant-design/ant-design/issues/6577
     if (uiTextNode.getAttribute('wrap')) {
         hiddenTextarea.setAttribute('wrap', uiTextNode.getAttribute('wrap'));
     } else {
         hiddenTextarea.removeAttribute('wrap');
     }
 
-    // Copy all CSS properties that have an impact on the height of the content in
-    // the textbox
-    let {
-        paddingSize, borderSize,
-        boxSizing, sizingStyle,
-    } = calculateNodeStyling(uiTextNode, useCache);
+    const { paddingSize, borderSize, boxSizing, sizingStyle } = calculateNodeStyling(uiTextNode, useCache);
 
-    // Need to have the overflow attribute to hide the scrollbar otherwise
-    // text-lines will not calculated properly as the shadow will technically be
-    // narrower for content
     hiddenTextarea.setAttribute('style', `${sizingStyle};${HIDDEN_TEXTAREA_STYLE}`);
     hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || '';
 
@@ -225,34 +122,33 @@ export default function calcTextareaHeight(uiTextNode, minRows = null, maxRows =
     let overflowY;
 
     if (boxSizing === 'border-box') {
-        // border-box: add border, since height = content + padding + border
-        height = height + borderSize;
+        height += borderSize;
     } else if (boxSizing === 'content-box') {
-        // remove padding, since height = content
-        height = height - paddingSize;
+        height -= paddingSize;
     }
 
     if (minRows !== null || maxRows !== null) {
-        // measure height of a textarea with a single row
         hiddenTextarea.value = ' ';
-        let singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
+        const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
+
         if (minRows !== null) {
             minHeight = singleRowHeight * minRows;
             if (boxSizing === 'border-box') {
-                minHeight = minHeight + paddingSize + borderSize;
+                minHeight += paddingSize + borderSize;
             }
             height = Math.max(minHeight, height);
         }
+
         if (maxRows !== null) {
             maxHeight = singleRowHeight * maxRows;
             if (boxSizing === 'border-box') {
-                maxHeight = maxHeight + paddingSize + borderSize;
+                maxHeight += paddingSize + borderSize;
             }
             overflowY = height > maxHeight ? '' : 'hidden';
             height = Math.min(maxHeight, height);
         }
     }
-    // Remove scroll bar flash when autosize without maxRows
+
     if (!maxRows) {
         overflowY = 'hidden';
     }
@@ -261,6 +157,6 @@ export default function calcTextareaHeight(uiTextNode, minRows = null, maxRows =
         height: `${height}px`,
         minHeight: `${minHeight}px`,
         maxHeight: `${maxHeight}px`,
-        overflowY
+        overflowY,
     };
 }

package/dist/components/loading/index.vue

@@ -2,19 +2,20 @@
   <div class="vd-loading-wrapper">
     <div v-if="isLoading" class="vd-loading">
       <slot>
-        <img src="./img_status_loading_white_ani.svg" alt="">
+        <img src="https://r.sahmcapital.com/fe/hs-sa-res/commons/images/img_status_loading_white_ani.svg" alt="">
       </slot>
       <span class="vd-loading__text" v-if="text">{{ text }}</span>
     </div>
     <div class="vd-refresh" :class="refreshClasses" v-else>
       <slot>
-        <img src="./img_status_refresh_ani.svg" alt="">
+        <img src="https://r.sahmcapital.com/fe/hs-sa-res/commons/images/img_status_refresh_ani.svg" alt="">
       </slot>
     </div>
   </div>
 </template> 
 
 <script>
+
 export default {
     name:'vd-loading',
     props:{
@@ -36,6 +37,10 @@ export default {
         validator: value => ['large', 'small'].includes(value)
       }
     },
+    data(){
+      return {
+      }
+    },
     computed:{
       isLoading() {
         if (this.type === 'loading') {

package/dist/components/loading/style.less

@@ -38,10 +38,18 @@
 
     &--large{
         width: calc(var(--icon-loading-refres_large) * 1px);
+        img{
+            border:0;
+            max-width: 100%;
+        }
     }
     
     &--small{
         width: calc(var(--icon-loading-refres_small ) * 1px);
+        img{
+            border:0;
+            max-width: 100%;
+        }
     }
 
 }

package/dist/components/mixins/outlineConfigPlugin.js

@@ -1,5 +1,5 @@
 // outlineConfigPlugin.js
-
+import { inBrowser } from '@p/utils/env'
 // __debug=1&__debug_vdesign_token=1
 const OutlineConfig = {
     install(Vue,  options = {}) {
@@ -11,14 +11,19 @@ const OutlineConfig = {
   
       Vue.mixin({
         created() {
-          this.$outlineConfig.outlineEnabled = this.shouldEnableOutline()
-
-          this.$watch('$outlineConfig.outlineEnabled', (newValue) => {
-            document.documentElement.style.setProperty('--outline-visible', newValue ? '1px' : '0');
-          }, { immediate: true });
+          if (inBrowser) {
+            this.$outlineConfig.outlineEnabled = this.shouldEnableOutline()
+            this.$watch('$outlineConfig.outlineEnabled', (newValue) => {
+              document.documentElement.style.setProperty('--outline-visible', newValue ? '1px' : '0');
+            }, { immediate: true });
+          }
         },
         methods:{
           shouldEnableOutline() {
+            if (!inBrowser) {
+              // 如果是在服务端渲染，返回默认值 false
+              return false;
+            }
             // 获取URL的查询参数部分
             const searchParams = new URLSearchParams(window.location.search);
             // 对于哈希模式，也解析哈希中的查询字符串

package/dist/components/noticebar/index.vue

@@ -66,6 +66,7 @@
 </template>
 
 <script>
+import { inBrowser } from '@p/utils/env'
 export default {
   name: 'vd-noticebar',
   props: {
@@ -173,12 +174,16 @@ export default {
   },
 
   updated() {
-    this.$_checkOverflow()
+    if (inBrowser) {
+      this.$_checkOverflow();
+    }
   },
 
   mounted() {
-    this.$_checkOverflow()
-    this.init()
+    if (inBrowser) {
+      this.$_checkOverflow();
+      this.init();
+    }
   },
 
   methods: {
@@ -209,7 +214,7 @@ export default {
 
     },
     init() {
-
+      if (!inBrowser) return; // 确保只在浏览器环境执行
       const { wrap, content } = this.$refs
       if (wrap && content) {
         // const _width = window.innerWidth