vdesign-ui 0.1.24-beta → 0.2.0-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/components/activityviews/index.vue +1 -1
  2. package/dist/components/checkbox/checkbox-group/index.vue +2 -1
  3. package/dist/components/checkbox/index.vue +19 -20
  4. package/dist/components/dialog/index.vue +15 -11
  5. package/dist/components/footer/index.vue +5 -1
  6. package/dist/components/footnav/footnav-item/index.vue +10 -37
  7. package/dist/components/footnav/index.vue +13 -27
  8. package/dist/components/headnav/index.vue +52 -35
  9. package/dist/components/icon/font/iconfont.css +16 -16
  10. package/dist/components/icon/font/iconfont.js +1 -1
  11. package/dist/components/icon/index.vue +26 -18
  12. package/dist/components/input/index.vue +84 -109
  13. package/dist/components/input/search/index.vue +18 -22
  14. package/dist/components/input/stepper/index.vue +32 -26
  15. package/dist/components/input/style.less +20 -32
  16. package/dist/components/list/index.vue +57 -69
  17. package/dist/components/list/style.less +20 -92
  18. package/dist/components/loading/index.vue +17 -8
  19. package/dist/components/pagebreak/index.vue +12 -11
  20. package/dist/components/radio/index.vue +164 -135
  21. package/dist/components/radio/radio-group/index.vue +40 -52
  22. package/dist/components/selector/style.less +4 -0
  23. package/dist/components/step-item/index.vue +2 -2
  24. package/dist/components/tabs/index.vue +55 -32
  25. package/dist/components/tabs/tab/index.vue +13 -16
  26. package/dist/components/tag/index.vue +18 -4
  27. package/dist/components/tag/style.less +2 -2
  28. package/dist/components/title/index.vue +11 -8
  29. package/dist/components/title/style.less +6 -0
  30. package/dist/vdesign-ui.common.js +954 -939
  31. package/dist/vdesign-ui.css +1 -1
  32. package/dist/vdesign-ui.umd.js +954 -939
  33. package/dist/vdesign-ui.umd.min.js +3 -3
  34. package/package.json +1 -1
@@ -1,2 +1,2 @@
1
1
  /* eslint-disable */
2
- 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" 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" 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" 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" 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="#000000" ></path></symbol><symbol id="vd-icon-icon_btn_sortup_slt" 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" 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" opacity=".3" ></path></symbol><symbol id="vd-icon-icon_btn_sortdown_dark" 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" 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" 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" 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" 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" 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" 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" 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,e,c=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?c(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,e=!1,h(),d.onreadystatechange=function(){"complete"==d.readyState&&(d.onreadystatechange=null,s())})}function s(){e||(e=!0,n())}function h(){try{d.documentElement.doScroll("left")}catch(a){return void setTimeout(h,50)}s()}})(window);
2
+ 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);
@@ -1,18 +1,23 @@
1
1
  <template>
2
- <svg v-if="svg" class="vd-iconfont vd-svg-icon" :class="[`vd-icon-${name}`, size ? `vd-icon-${size}` : '']"
3
- :style="{ fill: color }" @click="$emit('click', $event)">
4
- <use :xlink:href="`#vd-icon-${name}`" />
5
- </svg>
6
- <i v-else-if="name" class="vd-iconfont"
7
- :class="[isImage(name) ? '' : `vd-icon-${name}`, size ? `vd-icon-${size}` : '']" :style="{ color }"
8
- @click="$emit('click', $event)">
9
- <img class="vd-img-icon" v-if="isImage(name)" :src="name" />
10
- </i>
2
+ <span>
3
+ <template v-if="name">
4
+ <svg v-if="isSvg" class="vd-iconfont vd-svg-icon" :class="[`vd-icon-${name}`, sizeClass]" :style="{ fill: color }"
5
+ @click="$emit('click', $event)">
6
+ <use :xlink:href="`#vd-icon-${name}`" />
7
+ </svg>
8
+ <i v-else class="vd-iconfont" :class="[isImage ? '' : `vd-icon-${name}`, sizeClass]" :style="{ color }"
9
+ @click="$emit('click', $event)">
10
+ <img class="vd-img-icon" v-if="isImage" :src="name" />
11
+ </i>
12
+ </template>
13
+ <slot v-else></slot>
14
+ </span>
11
15
  </template>
12
16
 
13
17
  <script>
14
- import './font/iconfont.js'
15
18
  import "./font/iconfont.css";
19
+ import "./font/iconfont.js";
20
+
16
21
  export default {
17
22
  name: 'vd-icon',
18
23
  props: {
@@ -28,16 +33,19 @@ export default {
28
33
  type: String,
29
34
  default: '',
30
35
  },
31
- svg: {
32
- type: Boolean,
33
- default: false,
34
- }
35
36
  },
36
- methods: {
37
- isImage(name) {
38
- return name ? name.indexOf('/') !== -1 : false;
37
+ computed: {
38
+ isImage() {
39
+ return this.name.includes('/');
40
+ },
41
+ isSvg() {
42
+ // 判断是否为 SVG 图标,依据 name 是否以 '.svg' 结尾
43
+ return this.name.endsWith('_svg');
44
+ },
45
+ sizeClass() {
46
+ return this.size ? `vd-icon-${this.size}` : '';
39
47
  }
40
- },
48
+ }
41
49
  }
42
50
  </script>
43
51
 
@@ -1,111 +1,76 @@
1
1
  <template>
2
2
  <div :class="wrapClasses" class="vd-input">
3
- <template v-if="inputTextArea || type !== 'textarea'">
4
- <span v-if="prefix || $slots.prefix" class="vd-input-form__prefix" :class="borderRightClasses">
3
+ <!-- 前缀,还有前缀右边框 -->
4
+ <span v-if="hasPrefix" class="vd-input-form__prefix" :class="borderRightClasses">
5
5
  <slot name="prefix">{{ prefix }}</slot>
6
6
  </span>
7
- <input
8
- v-if="!inputTextArea"
9
- ref="input"
7
+ <textarea
8
+ v-if="type === 'textarea'"
9
+ ref="textarea"
10
10
  v-bind="$attrs"
11
- :type="passwordIcon ? (passwordVisible ? 'text' : 'password') : type"
11
+ :rows="rows"
12
12
  :class="inputClasses"
13
13
  :disabled="disabled"
14
14
  :readonly="readonly"
15
- :placeholder="placeholder"
16
15
  :value="currentValue"
17
- @input="handleInput"
18
16
  @focus="handleFocus"
19
17
  @blur="handleBlur"
20
- />
21
-
22
- <textarea
18
+ @input="handleInput"
19
+ :style="textareaStyles"
20
+ >
21
+ </textarea>
22
+ <input
23
23
  v-else
24
- ref="textarea"
24
+ ref="input"
25
25
  v-bind="$attrs"
26
- :id="elementId"
27
- :wrap="wrap"
28
- :type="type"
29
- :rows="rows"
26
+ :type="passwordIcon ? (passwordVisible ? 'text' : 'password') : type"
30
27
  :class="inputClasses"
31
28
  :disabled="disabled"
32
29
  :readonly="readonly"
33
- :placeholder="placeholder"
34
30
  :value="currentValue"
31
+ @input="handleInput"
35
32
  @focus="handleFocus"
36
33
  @blur="handleBlur"
37
- @input="handleInput"
38
- :style="textareaStyles"
39
- >
40
- </textarea>
34
+ />
35
+
36
+ <!-- 右侧功能区域 -->
37
+
41
38
  <div
42
- v-if="suffix || clearable || $slots.suffix || append || $slots.append || isWordLimitVisible"
39
+ v-if="showRightSection"
43
40
  class="vd-input-form__right"
44
41
  >
45
- <span v-if="(suffix || $slots.suffix) || showClear" class="vd-input-form__suffix">
46
- <slot name="suffix">
47
- <vd-icon name="icon_btn_clean" @mousedown.prevent.native="handleClear"></vd-icon>
48
- </slot>
42
+ <!-- 清除按钮 -->
43
+ <span v-if="showClear" class="vd-input-form__suffix">
44
+ <vd-icon name="icon_btn_clean" @mousedown.prevent.native="handleClear"></vd-icon>
49
45
  </span>
50
- <span v-if="append || $slots.append" class="vd-input-form__append">
46
+ <!-- (大数字的时候)设计要求的自定义文字 -->
47
+ <span v-if="hasAppend" class="vd-input-form__append">
51
48
  <slot name="append">{{ append }}</slot>
52
49
  </span>
50
+ <!-- 字数限制 -->
53
51
  <div
54
52
  v-if="isWordLimitVisible"
55
- :class="[
56
- 'vd-input__word-limit',
57
- { 'vd-input__word-limit--error': isOverLimit },
58
- ]"
53
+ :class="wordLimitClasses"
59
54
  >
60
55
  <span>{{ textLength }}</span
61
56
  >/<span>{{ upperLimit }}</span>
62
57
  </div>
63
58
  </div>
59
+ <!-- 密码的时候,单独的清空按钮 -->
64
60
  <span
65
- v-if="passwordClose || passwordIcon"
61
+ v-if="showPasswordControls"
66
62
  class="vd-input-form__password"
67
63
  >
68
- <span v-if="passwordClose" class="vd-input-form__password--close">
64
+ <span v-if="showPasswordClear" class="vd-input-form__password--close">
69
65
  <vd-icon name="icon_btn_close" @mousedown.prevent.native="handleClear"></vd-icon>
70
66
  </span>
71
- <span v-if="passwordIcon" class="vd-input-form__password--password">
67
+ <span v-if="showPasswordIcon" class="vd-input-form__password--password">
72
68
  <vd-icon
73
69
  :name="passwordVisible ? 'icon_btn_eye' : 'icon_btn_eye_close'"
74
70
  @click="handlePasswordVisible"
75
71
  ></vd-icon>
76
72
  </span>
77
73
  </span>
78
- </template>
79
- <template v-else>
80
- <textarea
81
- ref="textarea"
82
- :type="type"
83
- v-bind="$attrs"
84
- :wrap="wrap"
85
- :class="inputClasses"
86
- :disabled="disabled"
87
- :readonly="readonly"
88
- :placeholder="placeholder"
89
- :value="currentValue"
90
- :rows="rows"
91
- :name="name"
92
- @input="handleInput"
93
- @focus="handleFocus"
94
- @blur="handleBlur"
95
- :style="textareaStyles"
96
- >
97
- </textarea>
98
- <div
99
- v-if="isWordLimitVisible"
100
- :class="[
101
- 'vd-input__word-limit',
102
- { 'vd-input__word-limit--error': isOverLimit },
103
- ]"
104
- >
105
- <span>{{ textLength }}</span
106
- >/<span>{{ upperLimit }}</span>
107
- </div>
108
- </template>
109
74
  </div>
110
75
  </template>
111
76
 
@@ -116,26 +81,26 @@ const prefixCls = "vd-input";
116
81
  export default {
117
82
  name: "vd-input",
118
83
  props: {
84
+ value: {
85
+ type: [String, Number],
86
+ default: "",
87
+ },
119
88
  type: {
120
89
  type: String,
121
90
  default: "text",
122
91
  },
123
92
  prefix: {
124
93
  type: [Boolean, String],
94
+ default: ''
125
95
  },
126
96
  borderRight: {
127
97
  type: Boolean,
128
98
  default: true
129
99
  },
130
- suffix: {
131
- type: Boolean,
132
- },
133
100
  // 设计如此,单独的文字
134
101
  append: {
135
- type: Boolean,
136
- },
137
- placeholder: {
138
- type: String,
102
+ type: [Boolean, String],
103
+ default: ''
139
104
  },
140
105
  error: {
141
106
  type: Boolean,
@@ -149,23 +114,17 @@ export default {
149
114
  passwordClose: {
150
115
  type: Boolean,
151
116
  },
117
+ // 输入框类型 表单类型,常规输入库,搜索框
152
118
  form: {
153
119
  type: String,
154
120
  },
155
121
  disabled: {
156
122
  type: Boolean,
157
123
  },
158
- value: {
159
- type: [String, Number],
160
- default: "",
161
- },
162
124
  rows: {
163
125
  type: Number,
164
126
  default: 2,
165
127
  },
166
- name: {
167
- type: String,
168
- },
169
128
  // 设计如此多行textarea,跟input属性一样
170
129
  inputTextArea: {
171
130
  type: Boolean,
@@ -181,13 +140,6 @@ export default {
181
140
  type: [Boolean, Object],
182
141
  default: false,
183
142
  },
184
- elementId: {
185
- type: String,
186
- },
187
- wrap: {
188
- type: String,
189
- default: "soft",
190
- },
191
143
  // 新增0118
192
144
  showWordLimit: {
193
145
  type: Boolean,
@@ -200,22 +152,53 @@ export default {
200
152
  return {
201
153
  focusClass: false,
202
154
  currentValue: this.value,
203
- isOnComposition: false,
204
155
  textareaStyles: {},
205
156
  passwordVisible: false,
206
157
  focused: false,
207
158
  };
208
159
  },
209
160
  computed: {
161
+ hasPrefix() {
162
+ return (this.prefix !== undefined && this.prefix !== '') || this.$slots.prefix;
163
+ },
164
+ // 是否显示右侧区域
165
+ showRightSection() {
166
+ return this.showClear || this.hasAppend || this.isWordLimitVisible;
167
+ },
168
+ // 是否有附加内容
169
+ hasAppend() {
170
+ return (this.append !== undefined && this.append !== '') || this.$slots.append;
171
+ },
172
+ // 是否显示清除按钮(假设已经在 computed 中定义)
210
173
  showClear() {
211
- const show = (
174
+ return (
212
175
  this.clearable &&
213
176
  this.focused &&
214
177
  this.currentValue !== '' &&
215
178
  !this.disabled &&
216
179
  !this.readonly
217
180
  );
218
- return show;
181
+ },
182
+ wordLimitClasses() {
183
+ return [
184
+ 'vd-input__word-limit',
185
+ { 'vd-input__word-limit--error': this.isOverLimit },
186
+ ];
187
+ },
188
+ showPasswordClear() {
189
+ return (
190
+ this.passwordClose &&
191
+ this.focused &&
192
+ this.currentValue !== '' &&
193
+ !this.disabled &&
194
+ !this.readonly
195
+ );
196
+ },
197
+ showPasswordIcon() {
198
+ return this.passwordIcon && this.type === 'password';
199
+ },
200
+ showPasswordControls() {
201
+ return this.showPasswordClear || this.showPasswordIcon;
219
202
  },
220
203
  wrapClasses() {
221
204
  return [
@@ -226,7 +209,7 @@ export default {
226
209
  [`${prefixCls}-${this.type}--warning`]: this.warning,
227
210
  [`${prefixCls}--bigsize`]: this.bigSize,
228
211
  [`${prefixCls}--error`]: this.error,
229
- [`${prefixCls}--active`]: this.focusClass,
212
+ [`${prefixCls}--active`]: this.focused,
230
213
  [`${prefixCls}-inputarea`]: this.inputTextArea,
231
214
  "vd-hairline--bottom": this.hairline,
232
215
  "vd-textarea-auto": this.inputTextArea,
@@ -249,6 +232,7 @@ export default {
249
232
  },
250
233
  ];
251
234
  },
235
+ // 当前输入的文本长度
252
236
  textLength() {
253
237
  if (typeof this.value === "number") {
254
238
  return String(this.value).length;
@@ -272,9 +256,6 @@ export default {
272
256
  methods: {
273
257
  handleFocus(event) {
274
258
  this.focused = true;
275
- if (this.form) {
276
- this.focusClass = true;
277
- }
278
259
  this.$emit("focus", event);
279
260
 
280
261
  if (this.readonly) {
@@ -283,31 +264,25 @@ export default {
283
264
  },
284
265
  handleBlur(event) {
285
266
  this.focused = false;
286
- if (this.form) {
287
- this.focusClass = false;
288
- }
289
267
  this.$emit("blur", event);
290
268
  },
291
269
  focus() {
292
270
  if (this.type === "textarea") {
293
- this.$refs.textarea.focus();
271
+ this.$refs.textarea && this.$refs.textarea.focus();
294
272
  } else {
295
- this.$refs.input.focus();
273
+ this.$refs.input && this.$refs.input.focus();
296
274
  }
297
275
  },
298
276
  blur() {
299
277
  if (this.type === "textarea") {
300
- this.$refs.textarea.blur();
278
+ this.$refs.textarea && this.$refs.textarea.blur();
301
279
  } else {
302
- this.$refs.input.blur();
280
+ this.$refs.input && this.$refs.input.blur();
303
281
  }
304
282
  },
305
283
 
306
284
  handleInput(event) {
307
- if (this.isOnComposition) return;
308
285
  let value = event.target.value;
309
- if (this.number && value !== "")
310
- value = Number.isNaN(Number(value)) ? value : Number(value);
311
286
  this.$emit("input", value);
312
287
  this.setCurrentValue(value);
313
288
  this.$emit("change", event);
@@ -315,18 +290,16 @@ export default {
315
290
 
316
291
  setCurrentValue(value) {
317
292
  if (value === this.currentValue) return;
293
+ this.currentValue = value;
318
294
  this.$nextTick(() => {
319
295
  this.resizeTextarea();
320
296
  });
321
- this.currentValue = value;
322
297
  },
323
298
  resizeTextarea() {
324
- const autosize = this.autosize;
325
- if (!autosize || this.type !== "textarea") {
326
- return false;
299
+ if (!this.autosize || this.type !== "textarea") {
300
+ return;
327
301
  }
328
- const minRows = autosize.minRows;
329
- const maxRows = autosize.maxRows;
302
+ const { minRows, maxRows } = this.autosize;
330
303
  this.textareaStyles = calcTextareaHeight(
331
304
  this.$refs.textarea,
332
305
  minRows,
@@ -343,6 +316,8 @@ export default {
343
316
  this.focus();
344
317
  });
345
318
  },
319
+
320
+ // 切换密码显示状态
346
321
  handlePasswordVisible() {
347
322
  this.passwordVisible = !this.passwordVisible;
348
323
  this.$nextTick(() => {
@@ -6,19 +6,15 @@
6
6
  <vd-icon name="icon_nav_search"></vd-icon>
7
7
  </slot>
8
8
  </span>
9
- <!-- <input :type="type" :class="inputClasses" :placeholder="placeholder"> -->
10
9
  <vd-input
11
- v-bind="$attrs"
12
- v-on="listeners"
13
- form="search"
14
- :hairline = "false"
10
+ v-bind="$attrs"
11
+ v-on="inputListeners"
12
+ :value="value"
13
+ :type="type"
14
+ :clearable="clearable"
15
+ form="search"
16
+ :hairline="false"
15
17
  ></vd-input>
16
- <span v-if="suffix || $slots.suffix" class="vd-search__suffix">
17
- <slot name="suffix">
18
- <vd-icon v-if="suffix" name="icon_btn_clean"></vd-icon>
19
- </slot>
20
- </span>
21
-
22
18
  </div>
23
19
  <span class="vd-search__action" v-if="$slots.default">
24
20
  <slot></slot>
@@ -27,20 +23,22 @@
27
23
  </template>
28
24
 
29
25
  <script>
30
- const prefixCls = 'vd-search';
31
26
  export default {
32
27
  name: 'vd-search',
33
28
  inheritAttrs: false,
34
29
  props: {
30
+ value: [String, Number],
35
31
  type: {
36
32
  type: String,
37
33
  default: 'text'
38
34
  },
39
- prefix: {
35
+ clearable: {
40
36
  type: Boolean,
37
+ default: false,
41
38
  },
42
- suffix: {
39
+ prefix: {
43
40
  type: Boolean,
41
+ default: true, // 默认显示前缀图标
44
42
  },
45
43
  },
46
44
  data() {
@@ -48,19 +46,17 @@ export default {
48
46
  }
49
47
  },
50
48
  computed: {
51
- inputClasses() {
52
- return [
53
- `${prefixCls}__control`
54
- ]
55
- },
56
- listeners() {
49
+ inputListeners() {
57
50
  return {
58
51
  ...this.$listeners,
52
+ input: this.onInput,
59
53
  };
60
- }
54
+ },
61
55
  },
62
56
  methods: {
63
-
57
+ onInput(value) {
58
+ this.$emit('input', value);
59
+ },
64
60
  }
65
61
  }
66
62
  </script>