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.
- package/dist/components/activityviews/index.vue +1 -1
- package/dist/components/checkbox/checkbox-group/index.vue +2 -1
- package/dist/components/checkbox/index.vue +19 -20
- package/dist/components/dialog/index.vue +15 -11
- package/dist/components/footer/index.vue +5 -1
- package/dist/components/footnav/footnav-item/index.vue +10 -37
- package/dist/components/footnav/index.vue +13 -27
- package/dist/components/headnav/index.vue +52 -35
- package/dist/components/icon/font/iconfont.css +16 -16
- package/dist/components/icon/font/iconfont.js +1 -1
- package/dist/components/icon/index.vue +26 -18
- package/dist/components/input/index.vue +84 -109
- package/dist/components/input/search/index.vue +18 -22
- package/dist/components/input/stepper/index.vue +32 -26
- package/dist/components/input/style.less +20 -32
- package/dist/components/list/index.vue +57 -69
- package/dist/components/list/style.less +20 -92
- package/dist/components/loading/index.vue +17 -8
- package/dist/components/pagebreak/index.vue +12 -11
- package/dist/components/radio/index.vue +164 -135
- package/dist/components/radio/radio-group/index.vue +40 -52
- package/dist/components/selector/style.less +4 -0
- package/dist/components/step-item/index.vue +2 -2
- package/dist/components/tabs/index.vue +55 -32
- package/dist/components/tabs/tab/index.vue +13 -16
- package/dist/components/tag/index.vue +18 -4
- package/dist/components/tag/style.less +2 -2
- package/dist/components/title/index.vue +11 -8
- package/dist/components/title/style.less +6 -0
- package/dist/vdesign-ui.common.js +954 -939
- package/dist/vdesign-ui.css +1 -1
- package/dist/vdesign-ui.umd.js +954 -939
- package/dist/vdesign-ui.umd.min.js +3 -3
- 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
|
-
<
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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
|
-
|
|
37
|
-
isImage(
|
|
38
|
-
return name
|
|
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
|
-
|
|
4
|
-
<span v-if="
|
|
3
|
+
<!-- 前缀,还有前缀右边框 -->
|
|
4
|
+
<span v-if="hasPrefix" class="vd-input-form__prefix" :class="borderRightClasses">
|
|
5
5
|
<slot name="prefix">{{ prefix }}</slot>
|
|
6
6
|
</span>
|
|
7
|
-
<
|
|
8
|
-
v-if="
|
|
9
|
-
ref="
|
|
7
|
+
<textarea
|
|
8
|
+
v-if="type === 'textarea'"
|
|
9
|
+
ref="textarea"
|
|
10
10
|
v-bind="$attrs"
|
|
11
|
-
:
|
|
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
|
-
|
|
18
|
+
@input="handleInput"
|
|
19
|
+
:style="textareaStyles"
|
|
20
|
+
>
|
|
21
|
+
</textarea>
|
|
22
|
+
<input
|
|
23
23
|
v-else
|
|
24
|
-
ref="
|
|
24
|
+
ref="input"
|
|
25
25
|
v-bind="$attrs"
|
|
26
|
-
:
|
|
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
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
34
|
+
/>
|
|
35
|
+
|
|
36
|
+
<!-- 右侧功能区域 -->
|
|
37
|
+
|
|
41
38
|
<div
|
|
42
|
-
v-if="
|
|
39
|
+
v-if="showRightSection"
|
|
43
40
|
class="vd-input-form__right"
|
|
44
41
|
>
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
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
|
-
|
|
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="
|
|
61
|
+
v-if="showPasswordControls"
|
|
66
62
|
class="vd-input-form__password"
|
|
67
63
|
>
|
|
68
|
-
<span v-if="
|
|
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="
|
|
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
|
-
|
|
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
|
-
|
|
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.
|
|
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
|
-
|
|
325
|
-
|
|
326
|
-
return false;
|
|
299
|
+
if (!this.autosize || this.type !== "textarea") {
|
|
300
|
+
return;
|
|
327
301
|
}
|
|
328
|
-
const minRows = autosize
|
|
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
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
-
|
|
35
|
+
clearable: {
|
|
40
36
|
type: Boolean,
|
|
37
|
+
default: false,
|
|
41
38
|
},
|
|
42
|
-
|
|
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
|
-
|
|
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>
|