vdesign-ui 0.2.18 → 0.2.20

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 (24) hide show
  1. package/README.md +58 -77
  2. package/dist/components/badge/style.less +1 -1
  3. package/dist/components/data-list/style.less +1 -1
  4. package/dist/components/headnav/style.less +1 -1
  5. package/dist/components/icon/font/iconfont.css +3 -3
  6. package/dist/components/icon/font/iconfont.js +1 -1
  7. package/dist/components/input/style.less +1 -1
  8. package/dist/components/mixins/languageMixin.js +7 -5
  9. package/dist/components/noticebar/style.less +8 -3
  10. package/dist/components/radio/style.less +26 -19
  11. package/dist/components/step/style.less +1 -1
  12. package/dist/components/step-item/style.less +1 -1
  13. package/dist/components/tabs/index.vue +36 -20
  14. package/dist/components/tabs/style.less +90 -44
  15. package/dist/components/toast/index.js +89 -47
  16. package/dist/components/toast/index.vue +2 -1
  17. package/dist/components/toast/style.less +1 -0
  18. package/dist/components/upload/style.less +1 -1
  19. package/dist/token.css +1561 -78
  20. package/dist/vdesign-ui.common.js +166 -88
  21. package/dist/vdesign-ui.css +1 -1
  22. package/dist/vdesign-ui.umd.js +166 -88
  23. package/dist/vdesign-ui.umd.min.js +2 -2
  24. package/package.json +1 -1
package/README.md CHANGED
@@ -1,78 +1,59 @@
1
- # vdesign-ui
2
1
 
3
- ## 项目说明
4
-
5
- ### 项目运行
6
-
7
- ```
8
- cd hs-ui
9
- yarn install
10
- yarn run serve
11
- ```
12
-
13
- ### 目录结构
14
-
15
- #### packages
16
- >
17
- > 主要包含 token2css 后的产物，及组件
18
-
19
- - index.js 为入口文件
20
- - token：token2css 转换后的 css 文件
21
- - components：基于 token 变量的 vue 组件
22
-
23
- #### sites
24
- >
25
- > 主要包含该组件库的站点，用于文档描述
26
-
27
- - docs：md 文档集合
28
- - router/nav.config.json：菜单配置文件
29
-
30
- #### Git 提交规范
31
-
32
- - feat: 增加订单详情 closes xxxx (closes非必需)
33
- - fix: 修复xx情况下xx问题 closes xxxx (closes非必需)
34
- - docs: 修改md文件
35
- - style: 修改订单列表样式
36
- - refactor: 重构utils.js下部分方法
37
- - chore: 增加xxx插件/xxxxloader
38
- - revert: 回退当前版本667ec到 sssee2
39
- - perf: 优化了xxx，提高了渲染速度
40
- - test：增加测试
41
- - improvement: 改进
42
- - build: 打包
43
- - ci: 持续集成w
44
-
45
- #### 修改 Git Commit
46
-
47
- ##### 1. 修改最后一次提交
48
-
49
- git commit --amend
50
-
51
- 该命令会创建一个提交并覆盖上次提交，如果是因为写错或者不满意上次的提交信息，使用该命令就非常适合。
52
-
53
- ##### 2. 合并多条提交
54
-
55
- git reset --soft [commitID]
56
-
57
- 如果你想合并最近几条提交信息的话，那么就需要使用上面的命令来操作，指定要撤销的ccommitId,该命令会保留当前改动并撤销指定提交后的所有commit记录，如果不指定ID的话可以使用HEAD~{num} 来选择最近{num}条提交
58
-
59
- git reset --soft HEAD~2 #合并最近两条提交
60
- git commit -m 'feat: add new feat'
61
-
62
- > 带 --soft 参数的区别在于把改动内容添加到暂存区 相当于执行了git add .
63
-
64
- git rebase -i
65
- git rebase的功能会更加强大，如果我想修改最近3条提交记录，执行
66
-
67
- `git rebase -i HEAD~3`
68
-
69
- 下面是常用的命令说明：
70
-
71
- ```bash
72
- p,pick = 使用提交
73
- r,reword = 使用提交，但修改提交说明
74
- e,edit = 使用提交，退出后使用git commit --amend 修改
75
- s,squash = 使用提交，合并前一个提交
76
- f,fixup = 和squash相同，但丢弃提交说明日志
77
- d,drop = 删除提交，丢弃提交记录
78
- ```
2
+ # 📦 vdesign-ui 项目结构说明
3
+
4
+ 本项目为 `vdesign-ui` 前端组件库，包含组件源码、构建脚本、设计 Tokens、多语言配置等。以下是项目目录结构与主要文件说明。
5
+
6
+ ## 📁 目录结构
7
+
8
+ ```text
9
+ vdesign-ui/
10
+ ├── bin/ # 构建与工具脚本目录
11
+ │ ├── backup-token-css.js # 备份 token.css 文件（保存至 dist-token-history，文件名带时间戳）
12
+ │ ├── build-components.js # 构建 packages/components 下的组件并输出到 dist/components，按需加载，暂未用到
13
+ │ ├── concat-css.js # 合并 tokens 中多个 CSS 文件为 token.css
14
+ │ ├── copy-locales.js # 拷贝 packages/locale 的内容到 dist/locale
15
+ │ └── node.js # 输出官网导航目录
16
+ ├── dist/ # 构建输出目录
17
+ │ ├── components/ # 拷贝组件
18
+ │ ├── locale/ # 拷贝语言资源
19
+ │ ├── demo.html # 构建预览页面（可能用于调试或预览组件）
20
+ │ ├── token.css # 当前 Design Token 输出样式
21
+ │ ├── vdesign-ui.common.js # CommonJS 格式构建文件
22
+ │ ├── vdesign-ui.css # 所有样式文件合并后的主 CSS
23
+ │ ├── vdesign-ui.umd.js # UMD 构建文件（未压缩）
24
+ │ ├── vdesign-ui.umd.min.js # UMD 构建文件（压缩版）
25
+ │ └── dist-token-history/ # 历史 Token 样式备份（时间戳命名）
26
+ │ ├── token_20250314_155751.css
27
+ │ ├── token_20250314_160005.css
28
+ │ ├── token_20250314_160803.css
29
+ │ ├── token_20250321_171830.css
30
+ │ ├── token_20250324_152753.css
31
+ │ ├── token_20250324_153128.css
32
+ │ ├── token_20250325_114906.css
33
+ │ └── token_20250326_170122.css
34
+ ├── node_modules/ # 项目依赖模块
35
+ ├── packages/ # 源码主目录
36
+ │ ├── components/ # Vue 组件源码（Button、Uploader 等）
37
+ │ ├── locale/ # 多语言支持
38
+ │ │ ├── lang/ # 多语言翻译文件（如 zh-CN.js / en-US.js）
39
+ │ │ └── i18nPlugin.js # 国际化插件封装（用于 Vue 插件注册）
40
+ │ └── tokens/ # Design Token 配置（设计样式原子值）
41
+ │ ├── css/ # 生成后的 CSS Token 文件
42
+ │ ├── fonts/ # 字体资源
43
+ │ ├── js/ # 获取以及生成Token数据
44
+ │ ├── index.css # 主样式文件
45
+ │ ├── reset.css # 样式重置文件
46
+ │ └── style.css # 组件通用样式
47
+ │ └──index.js # 项目主入口（可能用于组件库导出）
48
+ ├── sites/ # 主要包含该组件库的站点，用于文档描述
49
+ │ ├── assets/ # 静态资源（如图片、图标）
50
+ │ ├── components/ # 站点使用的公共组件
51
+ │ ├── demos/ # 组件演示页面（提供交互效果展示）
52
+ │ ├── docs/ # 文档页面（介绍使用说明、API 参考等）
53
+ │ ├── i18n/ # 站点的国际化支持
54
+ │ ├── json/ # json格式的Token数据
55
+ │ ├── pages/ # 站点页面路由（测试页面）
56
+ │ ├── router/ # Vue 路由配置
57
+ │ ├── App.vue # 站点 Vue 入口文件
58
+ │ ├── insetTables.js # Token数据插入到demo页面
59
+ │ └── main.js # 站点主入口文件
package/dist/components/badge/style.less CHANGED
@@ -43,7 +43,7 @@
43
43
  }
44
44
  }
45
45
 
46
- [lang='ar'] {
46
+ [lang|='ar'], [dir='rtl'] {
47
47
  .@{badge-prefix-cls} {
48
48
  .vd-is-fixed {
49
49
  left: 0;
package/dist/components/data-list/style.less CHANGED
@@ -607,7 +607,7 @@
607
607
  }
608
608
 
609
609
 
610
- [lang='ar'] {
610
+ [lang|='ar'], [dir='rtl'] {
611
611
 
612
612
  .vd-datalist-head-item,
613
613
  .vd-datalist-list-item {
package/dist/components/headnav/style.less CHANGED
@@ -208,7 +208,7 @@
208
208
 
209
209
 
210
210
 
211
- [lang='ar'] {
211
+ [lang|='ar'] , [dir='rtl']{
212
212
  .@{headnav-prefix-cls} {
213
213
  &--left {
214
214
  position: absolute;
package/dist/components/icon/font/iconfont.css CHANGED
@@ -1,9 +1,9 @@
1
1
  @font-face {
2
2
  font-family: "vd-iconfont"; /* Project id 4683824 */
3
3
  src:
4
- url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
5
- url('//at.alicdn.com/t/c/font_4683824_eh53nm1m1s.woff?t=1730793380006') format('woff'),
6
- url('//at.alicdn.com/t/c/font_4683824_eh53nm1m1s.ttf?t=1730793380006') format('truetype');
4
+ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
5
+ url('//at.alicdn.com/t/c/font_4683824_ap8vdzl4k6.woff?t=1744966588421') format('woff'),
6
+ url('//at.alicdn.com/t/c/font_4683824_ap8vdzl4k6.ttf?t=1744966588421') format('truetype');
7
7
  }
8
8
 
9
9
  .vd-iconfont {
package/dist/components/icon/font/iconfont.js CHANGED
@@ -2,5 +2,5 @@
2
2
  (function(window) {
3
3
  const inBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
4
4
  if (inBrowser) {
5
- window._iconfont_svg_string_4683824='<svg><symbol id="vd-icon-icon_btn_warning" viewBox="0 0 1024 1024"><path d="M555.904 135.339a85.333 85.333 0 0 1 29.27 29.269l361.3 602.155A85.333 85.333 0 0 1 873.302 896H150.7a85.333 85.333 0 0 1-73.174-129.28l361.302-602.112a85.333 85.333 0 0 1 117.077-29.27z m-43.947 525.994a42.667 42.667 0 1 0 0 85.334 42.667 42.667 0 0 0 0-85.334z m1.536-298.666H512a41.13 41.13 0 0 0-41.13 41.13l5.76 159.403a35.413 35.413 0 0 0 70.74 0l5.718-157.867a41.13 41.13 0 0 0-39.595-42.666z" fill="#FFFFFF" ></path></symbol><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);}
5
+ window._iconfont_svg_string_4683824='<svg><symbol id="vd-icon-icon_btn_warning" viewBox="0 0 1024 1024"><path d="M555.904 135.339a85.333 85.333 0 0 1 29.27 29.269l361.3 602.155A85.333 85.333 0 0 1 873.302 896H150.7a85.333 85.333 0 0 1-73.174-129.28l361.302-602.112a85.333 85.333 0 0 1 117.077-29.27z m-43.947 525.994a42.667 42.667 0 1 0 0 85.334 42.667 42.667 0 0 0 0-85.334z m1.536-298.666H512a41.13 41.13 0 0 0-41.13 41.13l5.76 159.403a35.413 35.413 0 0 0 70.74 0l5.718-157.867a41.13 41.13 0 0 0-39.595-42.666z" fill="#FFFFFF" ></path></symbol><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-472.615385 0a472.615385 472.615385 0 1 0 945.23077 0 472.615385 472.615385 0 1 0-945.23077 0Z" fill="#000000" fill-opacity=".05" ></path><path d="M720.856615 358.793846a39.384615 39.384615 0 0 0-55.689846-55.650461L512 456.310154l-153.166769-153.206154a39.384615 39.384615 0 1 0-55.689846 55.729231L456.310154 512l-153.206154 153.206154a39.384615 39.384615 0 1 0 55.729231 55.650461L512 567.689846l153.206154 153.206154a39.384615 39.384615 0 0 0 55.650461-55.729231L567.689846 512l153.206154-153.127385z" fill="#000000" fill-opacity=".35" ></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-472.615385 0a472.615385 472.615385 0 1 0 945.23077 0 472.615385 472.615385 0 1 0-945.23077 0Z" fill="#767680" fill-opacity=".15" ></path><path d="M720.856615 358.793846a39.384615 39.384615 0 0 0-55.689846-55.650461L512 456.310154l-153.206154-153.206154a39.384615 39.384615 0 0 0-55.650461 55.729231L456.310154 512l-153.206154 153.206154a39.384615 39.384615 0 1 0 55.729231 55.650461L512 567.689846l153.206154 153.206154a39.384615 39.384615 0 0 0 55.650461-55.729231L567.689846 512l153.206154-153.206154z" 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);}
6
6
  })(typeof window !== 'undefined' ? window : {});
package/dist/components/input/style.less CHANGED
@@ -462,7 +462,7 @@
462
462
  }
463
463
 
464
464
 
465
- [lang='ar']{
465
+ [lang|='ar'], [dir='rtl']{
466
466
  .@{input-prefix-cls} {
467
467
  &__word-limit{
468
468
  display: flex;
package/dist/components/mixins/languageMixin.js CHANGED
@@ -3,27 +3,29 @@ import { inBrowser } from '../utils/env';
3
3
  export default {
4
4
  data() {
5
5
  return {
6
- language: inBrowser ? document.documentElement.lang || 'en' : 'en' // 初始语言
6
+ language: inBrowser ? document.documentElement.lang || 'en' : 'en', // 初始语言
7
+ direction: inBrowser ? document.documentElement.dir || 'ltr' : 'ltr' // 初始方向
7
8
  }
8
9
  },
9
10
  mounted() {
10
11
  if (inBrowser) {
11
- this.updateLanguage();
12
+ this.updateLanguageAndDirection();
12
13
  this.setupLanguageObserver();
13
14
  }
14
15
  },
15
16
  methods: {
16
- updateLanguage() {
17
+ updateLanguageAndDirection() {
17
18
  this.language = document.documentElement.lang || 'en';
19
+ this.direction = document.documentElement.dir || 'ltr';
18
20
  },
19
21
  setupLanguageObserver() {
20
22
  const observer = new MutationObserver(() => {
21
- this.updateLanguage();
23
+ this.updateLanguageAndDirection();
22
24
  });
23
25
 
24
26
  observer.observe(document.documentElement, {
25
27
  attributes: true,
26
- attributeFilter: ['lang']
28
+ attributeFilter: ['lang', 'dir']
27
29
  });
28
30
 
29
31
  // 在组件销毁时断开观察者
package/dist/components/noticebar/style.less CHANGED
@@ -145,10 +145,12 @@
145
145
  margin-inline-end: var(--spacing-noticebar-toast_icon-margin_right);
146
146
  }
147
147
 
148
- [lang='ar'] & .vd-iconfont {
148
+ [lang|='ar'] & .vd-iconfont {
149
+ transform: scaleX(1);
150
+ }
151
+ [dir='rtl'] & .vd-iconfont {
149
152
  transform: scaleX(1);
150
153
  }
151
-
152
154
  &.@{prefix}-info {
153
155
  background-color: var(--color-noticebar-toast_info-bg);
154
156
  color: var(--color-noticebar-toast_info-text);
@@ -256,7 +258,10 @@
256
258
  margin-inline-end: var(--spacing-extra-tight);
257
259
  }
258
260
 
259
- [lang='ar'] & .vd-iconfont {
261
+ [lang|='ar'] & .vd-iconfont {
262
+ transform: scaleX(1);
263
+ }
264
+ [dir='rtl'] & .vd-iconfont {
260
265
  transform: scaleX(1);
261
266
  }
262
267
 
package/dist/components/radio/style.less CHANGED
@@ -143,23 +143,22 @@
143
143
  }
144
144
  }
145
145
 
146
- .@{radio-prefix-cls}-group {
146
+ // .@{radio-prefix-cls}-group {
147
147
 
148
- display: flex;
149
- flex-direction: column;
150
- gap: var(--spacing-check_radio-group-margin_x);
148
+ // display: flex;
149
+ // flex-direction: column;
150
+ // gap: var(--spacing-check_radio-group-margin_x);
151
151
 
152
- &-card{
153
- display: flex;
154
- flex-wrap: wrap;
155
- flex-direction: row;
156
- gap: 12px;
157
-
158
- .vd-radio-button-cell{
159
- flex: 1;
160
- }
161
- }
162
- }
152
+ // &-card{
153
+ // display: flex;
154
+ // flex-wrap: wrap;
155
+ // flex-direction: row;
156
+ // gap: 12px;
157
+ // .vd-radio-button-cell{
158
+ // flex: 1;
159
+ // }
160
+ // }
161
+ // }
163
162
 
164
163
 
165
164
 
@@ -278,14 +277,22 @@
278
277
  .@{radio-prefix-cls}-group {
279
278
  display: flex;
280
279
  flex-direction: column;
281
- gap: var(--spacing-check_radio-group-margin_x);
282
-
280
+ // gap: var(--spacing-check_radio-group-margin_x);
281
+ margin-bottom: calc(var(--spacing-check_radio-group-margin_x) * -1);
282
+ .@{radio-prefix-cls}{
283
+ margin-bottom: var(--spacing-check_radio-group-margin_x);
284
+ }
283
285
  &__card{
284
286
  display: flex;
285
287
  flex-direction: row;
286
288
  flex-wrap: wrap;
287
- gap: 12px;
288
-
289
+ // gap: 12px;
290
+ margin-bottom: -12px;
291
+ margin-inline-end: -12px;
292
+ .@{radio-button-prefix-cls}{
293
+ margin-bottom: 12px;
294
+ margin-inline-end: 12px;
295
+ }
289
296
  }
290
297
 
291
298
  .@{radio-button-prefix-cls}{
package/dist/components/step/style.less CHANGED
@@ -58,7 +58,7 @@
58
58
  }
59
59
  }
60
60
 
61
- [lang='ar'] {
61
+ [lang|='ar'], [dir='rtl'] {
62
62
  .vd-step.vd-step-horizontal .vd-step-item:last-child .vd-step-u-line {
63
63
  right: inherit;
64
64
  left: 50%;
package/dist/components/step-item/style.less CHANGED
@@ -362,7 +362,7 @@
362
362
  }
363
363
 
364
364
 
365
- [lang='ar'] {
365
+ [lang|='ar'] , [dir='rtl']{
366
366
  .vd-step-horizontal .vd-step-u-dot {
367
367
  transform: translateX(-50%);
368
368
  right: inherit;
package/dist/components/tabs/index.vue CHANGED
@@ -1,26 +1,30 @@
1
1
  <template>
2
2
  <div class="vd-tabs" :class="stickyClasses">
3
3
  <div class="vd-tabs__wrap" :class="menuClasses" ref="wrap">
4
- <div class="vd-tabs__nav" :class="[barType, scrollspyClasses]" ref="nav">
5
- <div
6
- v-for="(tab, index) in tabs"
7
- :key="tab.name !== undefined ? tab.name : index"
8
- :class="[tabClasses(tab, index), lineClasses]"
9
- @click="onClick(tab, index)"
10
- ref="tabItems"
11
- >
12
- <span class="vd-tab__text" :class="ellipsisClasses" ref="title"
4
+ <div class="vd-tabs__scroll" ref="scroll">
5
+ <div class="vd-tabs__scroll--left" v-show="firstTabOut"></div>
6
+ <div class="vd-tabs__nav" :class="[barType, scrollspyClasses]" ref="nav">
7
+ <div
8
+ v-for="(tab, index) in tabs"
9
+ :key="tab.name !== undefined ? tab.name : index"
10
+ :class="[tabClasses(tab, index), lineClasses]"
11
+ @click="onClick(tab, index)"
12
+ ref="tabItems"
13
13
  >
14
- {{ tab.title }}
15
- <!-- <vd-icon
16
- class="vd-tab__arrow"
17
- v-if="tab.arrow"
18
- name="icon_btn_moredown"
19
- ></vd-icon> -->
20
- </span>
14
+ <span class="vd-tab__text" :class="ellipsisClasses" ref="title"
15
+ >
16
+ {{ tab.title }}
17
+ <!-- <vd-icon
18
+ class="vd-tab__arrow"
19
+ v-if="tab.arrow"
20
+ name="icon_btn_moredown"
21
+ ></vd-icon> -->
22
+ </span>
23
+ </div>
21
24
  </div>
22
- </div>
23
- <div class="vd-tabs__menu--right" v-if="menu">
25
+ <div class="vd-tabs__scroll--right" v-show="lastTabOut"></div>
26
+ </div>
27
+ <div class="vd-tabs__menu--right" :class="{'vd-tabs__menu--margin':lastTabOut}" v-if="menu">
24
28
  <vd-icon
25
29
  :name="menuIconComputed"
26
30
  class="vd-tabs__menu--btn"
@@ -75,6 +79,7 @@ export default {
75
79
  tabs: [],
76
80
  currentName: this.value !== undefined ? this.value : 0, // 默认为 0
77
81
  firstTabOut: false, // 第一个标签是否超出
82
+ lastTabOut: false
78
83
  };
79
84
  },
80
85
  watch: {
@@ -130,7 +135,7 @@ export default {
130
135
  [`${prefixCls}__menu`]: this.menu,
131
136
  [`${prefixCls}__wrap--bg`]: this.backgroundColor,
132
137
  "vd-hairline--bottom": this.divider,
133
- "vd-tabs__scroll": this.firstTabOut, // 当第一个标签超出时，添加滚动类名
138
+ // "vd-tabs__scroll": this.firstTabOut, // 当第一个标签超出时，添加滚动类名
134
139
  };
135
140
  },
136
141
  // 计算标签下方线条的类名
@@ -271,10 +276,20 @@ export default {
271
276
  if (nav) {
272
277
  if (this.language === 'ar') {
273
278
  // 在 RTL 模式下，scrollLeft 可能为负，判断是否滚出视口可以检测 scrollLeft 是否小于 0
274
- this.firstTabOut = nav.scrollLeft < 0;
279
+ // this.firstTabOut = nav.scrollLeft < 0;
280
+ // this.lastTabOut = nav.scrollLeft < 0;
281
+
282
+ this.firstTabOut =
283
+ nav.scrollWidth > nav.clientWidth &&
284
+ Math.abs(nav.scrollLeft) + nav.clientWidth < nav.scrollWidth;
285
+ this.lastTabOut = nav.scrollLeft < 0;
275
286
  } else {
276
287
  // LTR 模式下，滚出视口时 scrollLeft 大于 0
277
288
  this.firstTabOut = nav.scrollLeft > 0;
289
+ this.lastTabOut =
290
+ nav.scrollWidth > nav.clientWidth && nav.scrollLeft + nav.clientWidth < nav.scrollWidth;
291
+ // this.firstTabOut = nav.scrollLeft > 0;
292
+ // this.lastTabOut = Math.ceil(nav.scrollLeft + nav.clientWidth) < nav.scrollWidth;
278
293
  }
279
294
  }
280
295
  },
@@ -323,6 +338,7 @@ export default {
323
338
  // 初始加载时，滚动到当前激活的标签
324
339
  this.$nextTick(() => {
325
340
  this.scrollToActiveTab();
341
+ this.checkFirstTabOverflow()
326
342
  if (this.$refs.nav) {
327
343
  this.$refs.nav.addEventListener('scroll', this.checkFirstTabOverflow);
328
344
  }