vxe-pc-ui 1.8.13 → 1.9.0

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 (130) hide show
  1. package/es/alert/index.js +10 -0
  2. package/es/alert/src/alert.js +103 -0
  3. package/es/alert/style.css +129 -0
  4. package/es/alert/style.min.css +1 -0
  5. package/es/components.js +3 -0
  6. package/es/drawer/src/drawer.js +3 -1
  7. package/es/drawer/style.css +3 -2
  8. package/es/drawer/style.min.css +1 -1
  9. package/es/icon/style.css +1 -1
  10. package/es/image/src/image.js +14 -3
  11. package/es/image/src/preview.js +217 -47
  12. package/es/image/src/util.js +1 -2
  13. package/es/image-preview/style.css +6 -4
  14. package/es/image-preview/style.min.css +1 -1
  15. package/es/modal/src/modal.js +3 -1
  16. package/es/modal/style.css +3 -1
  17. package/es/modal/style.min.css +1 -1
  18. package/es/style.css +1 -1
  19. package/es/style.min.css +1 -1
  20. package/es/tag/style.css +6 -6
  21. package/es/tag/style.min.css +1 -1
  22. package/es/tips/style.css +10 -9
  23. package/es/tips/style.min.css +1 -1
  24. package/es/ui/index.js +14 -3
  25. package/es/vxe-alert/index.js +3 -0
  26. package/es/vxe-alert/style.css +129 -0
  27. package/es/vxe-alert/style.min.css +1 -0
  28. package/es/vxe-drawer/style.css +3 -2
  29. package/es/vxe-drawer/style.min.css +1 -1
  30. package/es/vxe-image-preview/style.css +6 -4
  31. package/es/vxe-image-preview/style.min.css +1 -1
  32. package/es/vxe-modal/style.css +3 -1
  33. package/es/vxe-modal/style.min.css +1 -1
  34. package/es/vxe-tag/style.css +6 -6
  35. package/es/vxe-tag/style.min.css +1 -1
  36. package/es/vxe-tips/style.css +10 -9
  37. package/es/vxe-tips/style.min.css +1 -1
  38. package/lib/alert/index.js +17 -0
  39. package/lib/alert/index.min.js +1 -0
  40. package/lib/alert/src/alert.js +101 -0
  41. package/lib/alert/src/alert.min.js +1 -0
  42. package/lib/alert/style/index.js +1 -0
  43. package/lib/alert/style/style.css +129 -0
  44. package/lib/alert/style/style.min.css +1 -0
  45. package/lib/components.js +13 -1
  46. package/lib/components.min.js +1 -1
  47. package/lib/drawer/src/drawer.js +6 -0
  48. package/lib/drawer/src/drawer.min.js +1 -1
  49. package/lib/drawer/style/style.css +3 -2
  50. package/lib/drawer/style/style.min.css +1 -1
  51. package/lib/icon/style/style.css +1 -1
  52. package/lib/icon/style/style.min.css +1 -1
  53. package/lib/image/src/image.js +16 -3
  54. package/lib/image/src/image.min.js +1 -1
  55. package/lib/image/src/preview.js +195 -28
  56. package/lib/image/src/preview.min.js +1 -1
  57. package/lib/image/src/util.js +0 -2
  58. package/lib/image/src/util.min.js +1 -1
  59. package/lib/image-preview/style/style.css +6 -4
  60. package/lib/image-preview/style/style.min.css +1 -1
  61. package/lib/index.umd.js +756 -399
  62. package/lib/index.umd.min.js +1 -1
  63. package/lib/modal/src/modal.js +6 -0
  64. package/lib/modal/src/modal.min.js +1 -1
  65. package/lib/modal/style/style.css +3 -1
  66. package/lib/modal/style/style.min.css +1 -1
  67. package/lib/style.css +1 -1
  68. package/lib/style.min.css +1 -1
  69. package/lib/tag/style/style.css +6 -6
  70. package/lib/tag/style/style.min.css +1 -1
  71. package/lib/tips/style/style.css +10 -9
  72. package/lib/tips/style/style.min.css +1 -1
  73. package/lib/ui/index.js +14 -3
  74. package/lib/ui/index.min.js +1 -1
  75. package/lib/vxe-alert/index.js +22 -0
  76. package/lib/vxe-alert/index.min.js +1 -0
  77. package/lib/vxe-alert/style/index.js +1 -0
  78. package/lib/vxe-alert/style/style.css +129 -0
  79. package/lib/vxe-alert/style/style.min.css +1 -0
  80. package/lib/vxe-drawer/style/style.css +3 -2
  81. package/lib/vxe-drawer/style/style.min.css +1 -1
  82. package/lib/vxe-image-preview/style/style.css +6 -4
  83. package/lib/vxe-image-preview/style/style.min.css +1 -1
  84. package/lib/vxe-modal/style/style.css +3 -1
  85. package/lib/vxe-modal/style/style.min.css +1 -1
  86. package/lib/vxe-tag/style/style.css +6 -6
  87. package/lib/vxe-tag/style/style.min.css +1 -1
  88. package/lib/vxe-tips/style/style.css +10 -9
  89. package/lib/vxe-tips/style/style.min.css +1 -1
  90. package/package.json +2 -2
  91. package/packages/alert/index.ts +14 -0
  92. package/packages/alert/src/alert.ts +123 -0
  93. package/packages/components.ts +3 -0
  94. package/packages/drawer/src/drawer.ts +3 -1
  95. package/packages/image/src/image.ts +15 -3
  96. package/packages/image/src/preview.ts +212 -46
  97. package/packages/image/src/util.ts +1 -2
  98. package/packages/modal/src/modal.ts +3 -1
  99. package/packages/tips/src/tips.ts +3 -2
  100. package/packages/ui/index.ts +14 -2
  101. package/styles/all.scss +1 -0
  102. package/styles/components/alert.scss +99 -0
  103. package/styles/components/drawer.scss +9 -7
  104. package/styles/components/image-preview.scss +7 -4
  105. package/styles/components/modal.scss +5 -1
  106. package/styles/components/tag.scss +6 -6
  107. package/styles/components/tips.scss +10 -9
  108. package/styles/theme/base.scss +0 -53
  109. package/styles/theme/dark.scss +46 -12
  110. package/styles/theme/light.scss +46 -12
  111. package/types/all.d.ts +3 -0
  112. package/types/components/alert.d.ts +85 -0
  113. package/types/components/drawer.d.ts +2 -0
  114. package/types/components/image-preview.d.ts +6 -1
  115. package/types/components/image.d.ts +0 -1
  116. package/types/components/modal.d.ts +2 -0
  117. package/types/ui/global-config.d.ts +5 -1
  118. package/types/ui/global-icon.d.ts +7 -0
  119. /package/es/icon/style/{iconfont.1717233455609.ttf → iconfont.1717313412020.ttf} +0 -0
  120. /package/es/icon/style/{iconfont.1717233455609.woff → iconfont.1717313412020.woff} +0 -0
  121. /package/es/icon/style/{iconfont.1717233455609.woff2 → iconfont.1717313412020.woff2} +0 -0
  122. /package/es/{iconfont.1717233455609.ttf → iconfont.1717313412020.ttf} +0 -0
  123. /package/es/{iconfont.1717233455609.woff → iconfont.1717313412020.woff} +0 -0
  124. /package/es/{iconfont.1717233455609.woff2 → iconfont.1717313412020.woff2} +0 -0
  125. /package/lib/icon/style/{iconfont.1717233455609.ttf → iconfont.1717313412020.ttf} +0 -0
  126. /package/lib/icon/style/{iconfont.1717233455609.woff → iconfont.1717313412020.woff} +0 -0
  127. /package/lib/icon/style/{iconfont.1717233455609.woff2 → iconfont.1717313412020.woff2} +0 -0
  128. /package/lib/{iconfont.1717233455609.ttf → iconfont.1717313412020.ttf} +0 -0
  129. /package/lib/{iconfont.1717233455609.woff → iconfont.1717313412020.woff} +0 -0
  130. /package/lib/{iconfont.1717233455609.woff2 → iconfont.1717313412020.woff2} +0 -0
package/es/tag/style.css CHANGED
@@ -6,27 +6,27 @@
6
6
  }
7
7
  .vxe-tag.theme--primary {
8
8
  color: var(--vxe-ui-font-primary-color);
9
- background-color: var(--vxe-ui-tag-primary-background-color);
9
+ background-color: var(--vxe-ui-font-primary-tinge-color);
10
10
  }
11
11
  .vxe-tag.theme--success {
12
12
  color: var(--vxe-ui-status-success-color);
13
- background-color: var(--vxe-ui-tag-success-background-color);
13
+ background-color: var(--vxe-ui-status-success-tinge-color);
14
14
  }
15
15
  .vxe-tag.theme--info {
16
16
  color: var(--vxe-ui-status-info-color);
17
- background-color: var(--vxe-ui-tag-info-background-color);
17
+ background-color: var(--vxe-ui-status-info-tinge-color);
18
18
  }
19
19
  .vxe-tag.theme--warning {
20
20
  color: var(--vxe-ui-status-warning-color);
21
- background-color: var(--vxe-ui-tag-warning-background-color);
21
+ background-color: var(--vxe-ui-status-warning-tinge-color);
22
22
  }
23
23
  .vxe-tag.theme--danger {
24
24
  color: var(--vxe-ui-status-danger-color);
25
- background-color: var(--vxe-ui-tag-danger-background-color);
25
+ background-color: var(--vxe-ui-status-danger-tinge-color);
26
26
  }
27
27
  .vxe-tag.theme--error {
28
28
  color: var(--vxe-ui-status-error-color);
29
- background-color: var(--vxe-ui-tag-error-background-color);
29
+ background-color: var(--vxe-ui-status-error-tinge-color);
30
30
  }
31
31
  .vxe-tag.size--medium {
32
32
  font-size: var(--vxe-ui-font-size-medium);
@@ -1 +1 @@
1
- .vxe-tag{padding:var(--vxe-ui-layout-padding-half) var(--vxe-ui-layout-padding-default);font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-tag.theme--primary{color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-tag-primary-background-color)}.vxe-tag.theme--success{color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-tag-success-background-color)}.vxe-tag.theme--info{color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-tag-info-background-color)}.vxe-tag.theme--warning{color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-tag-warning-background-color)}.vxe-tag.theme--danger{color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-tag-danger-background-color)}.vxe-tag.theme--error{color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-tag-error-background-color)}.vxe-tag.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tag.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tag.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-tag--icon{padding:0 .1em}.vxe-tag--content{padding:0 .1em}
1
+ .vxe-tag{padding:var(--vxe-ui-layout-padding-half) var(--vxe-ui-layout-padding-default);font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-tag.theme--primary{color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-tag.theme--success{color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-tinge-color)}.vxe-tag.theme--info{color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-tinge-color)}.vxe-tag.theme--warning{color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-tinge-color)}.vxe-tag.theme--danger{color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-tinge-color)}.vxe-tag.theme--error{color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-tinge-color)}.vxe-tag.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tag.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tag.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-tag--icon{padding:0 .1em}.vxe-tag--content{padding:0 .1em}
package/es/tips/style.css CHANGED
@@ -3,8 +3,8 @@
3
3
  display: flex;
4
4
  flex-direction: row;
5
5
  color: var(--vxe-ui-font-color);
6
- margin-bottom: var(--vxe-ui-layout-padding-double);
7
- padding: var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-threefold) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-threefold);
6
+ margin-bottom: var(--vxe-ui-layout-padding-default);
7
+ padding: var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-double);
8
8
  font-size: var(--vxe-ui-font-size-default);
9
9
  }
10
10
  .vxe-tips::after {
@@ -18,7 +18,7 @@
18
18
  z-index: 1;
19
19
  }
20
20
  .vxe-tips.theme--primary {
21
- background-color: var(--vxe-ui-tips-primary-background-color);
21
+ background-color: var(--vxe-ui-font-primary-tinge-color);
22
22
  }
23
23
  .vxe-tips.theme--primary::after {
24
24
  background-color: var(--vxe-ui-font-primary-color);
@@ -27,7 +27,7 @@
27
27
  color: var(--vxe-ui-font-primary-color);
28
28
  }
29
29
  .vxe-tips.theme--success {
30
- background-color: var(--vxe-ui-tips-success-background-color);
30
+ background-color: var(--vxe-ui-status-success-tinge-color);
31
31
  }
32
32
  .vxe-tips.theme--success::after {
33
33
  background-color: var(--vxe-ui-status-success-color);
@@ -36,7 +36,7 @@
36
36
  color: var(--vxe-ui-status-success-color);
37
37
  }
38
38
  .vxe-tips.theme--info {
39
- background-color: var(--vxe-ui-tips-info-background-color);
39
+ background-color: var(--vxe-ui-status-info-tinge-color);
40
40
  }
41
41
  .vxe-tips.theme--info::after {
42
42
  background-color: var(--vxe-ui-status-info-color);
@@ -45,7 +45,7 @@
45
45
  color: var(--vxe-ui-status-info-color);
46
46
  }
47
47
  .vxe-tips.theme--warning {
48
- background-color: var(--vxe-ui-tips-warning-background-color);
48
+ background-color: var(--vxe-ui-status-warning-tinge-color);
49
49
  }
50
50
  .vxe-tips.theme--warning::after {
51
51
  background-color: var(--vxe-ui-status-warning-color);
@@ -54,7 +54,7 @@
54
54
  color: var(--vxe-ui-status-warning-color);
55
55
  }
56
56
  .vxe-tips.theme--danger {
57
- background-color: var(--vxe-ui-tips-danger-background-color);
57
+ background-color: var(--vxe-ui-status-danger-tinge-color);
58
58
  }
59
59
  .vxe-tips.theme--danger::after {
60
60
  background-color: var(--vxe-ui-status-danger-color);
@@ -63,7 +63,7 @@
63
63
  color: var(--vxe-ui-status-danger-color);
64
64
  }
65
65
  .vxe-tips.theme--error {
66
- background-color: var(--vxe-ui-tips-error-background-color);
66
+ background-color: var(--vxe-ui-status-error-tinge-color);
67
67
  }
68
68
  .vxe-tips.theme--error::after {
69
69
  background-color: var(--vxe-ui-status-error-color);
@@ -84,6 +84,7 @@
84
84
  .vxe-tips--icon {
85
85
  flex-shrink: 0;
86
86
  font-size: 1.2em;
87
+ line-height: 2em;
87
88
  padding-right: var(--vxe-ui-layout-padding-half);
88
89
  }
89
90
 
@@ -93,6 +94,6 @@
93
94
 
94
95
  .vxe-tips--title {
95
96
  font-size: 1.1em;
96
- margin-bottom: 0.7em;
97
+ line-height: 2em;
97
98
  font-weight: 700;
98
99
  }
@@ -1 +1 @@
1
- .vxe-tips{position:relative;display:flex;flex-direction:row;color:var(--vxe-ui-font-color);margin-bottom:var(--vxe-ui-layout-padding-double);padding:var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-threefold) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-threefold);font-size:var(--vxe-ui-font-size-default)}.vxe-tips::after{content:"";position:absolute;top:0;left:0;height:100%;width:5px;background-color:var(--vxe-ui-font-color);z-index:1}.vxe-tips.theme--primary{background-color:var(--vxe-ui-tips-primary-background-color)}.vxe-tips.theme--primary::after{background-color:var(--vxe-ui-font-primary-color)}.vxe-tips.theme--primary .vxe-tips--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tips.theme--success{background-color:var(--vxe-ui-tips-success-background-color)}.vxe-tips.theme--success::after{background-color:var(--vxe-ui-status-success-color)}.vxe-tips.theme--success .vxe-tips--icon{color:var(--vxe-ui-status-success-color)}.vxe-tips.theme--info{background-color:var(--vxe-ui-tips-info-background-color)}.vxe-tips.theme--info::after{background-color:var(--vxe-ui-status-info-color)}.vxe-tips.theme--info .vxe-tips--icon{color:var(--vxe-ui-status-info-color)}.vxe-tips.theme--warning{background-color:var(--vxe-ui-tips-warning-background-color)}.vxe-tips.theme--warning::after{background-color:var(--vxe-ui-status-warning-color)}.vxe-tips.theme--warning .vxe-tips--icon{color:var(--vxe-ui-status-warning-color)}.vxe-tips.theme--danger{background-color:var(--vxe-ui-tips-danger-background-color)}.vxe-tips.theme--danger::after{background-color:var(--vxe-ui-status-danger-color)}.vxe-tips.theme--danger .vxe-tips--icon{color:var(--vxe-ui-status-danger-color)}.vxe-tips.theme--error{background-color:var(--vxe-ui-tips-error-background-color)}.vxe-tips.theme--error::after{background-color:var(--vxe-ui-status-error-color)}.vxe-tips.theme--error .vxe-tips--icon{color:var(--vxe-ui-status-error-color)}.vxe-tips.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tips.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tips.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-tips--icon{flex-shrink:0;font-size:1.2em;padding-right:var(--vxe-ui-layout-padding-half)}.vxe-tips--body{flex-grow:1}.vxe-tips--title{font-size:1.1em;margin-bottom:.7em;font-weight:700}
1
+ .vxe-tips{position:relative;display:flex;flex-direction:row;color:var(--vxe-ui-font-color);margin-bottom:var(--vxe-ui-layout-padding-default);padding:var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-double);font-size:var(--vxe-ui-font-size-default)}.vxe-tips::after{content:"";position:absolute;top:0;left:0;height:100%;width:5px;background-color:var(--vxe-ui-font-color);z-index:1}.vxe-tips.theme--primary{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-tips.theme--primary::after{background-color:var(--vxe-ui-font-primary-color)}.vxe-tips.theme--primary .vxe-tips--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tips.theme--success{background-color:var(--vxe-ui-status-success-tinge-color)}.vxe-tips.theme--success::after{background-color:var(--vxe-ui-status-success-color)}.vxe-tips.theme--success .vxe-tips--icon{color:var(--vxe-ui-status-success-color)}.vxe-tips.theme--info{background-color:var(--vxe-ui-status-info-tinge-color)}.vxe-tips.theme--info::after{background-color:var(--vxe-ui-status-info-color)}.vxe-tips.theme--info .vxe-tips--icon{color:var(--vxe-ui-status-info-color)}.vxe-tips.theme--warning{background-color:var(--vxe-ui-status-warning-tinge-color)}.vxe-tips.theme--warning::after{background-color:var(--vxe-ui-status-warning-color)}.vxe-tips.theme--warning .vxe-tips--icon{color:var(--vxe-ui-status-warning-color)}.vxe-tips.theme--danger{background-color:var(--vxe-ui-status-danger-tinge-color)}.vxe-tips.theme--danger::after{background-color:var(--vxe-ui-status-danger-color)}.vxe-tips.theme--danger .vxe-tips--icon{color:var(--vxe-ui-status-danger-color)}.vxe-tips.theme--error{background-color:var(--vxe-ui-status-error-tinge-color)}.vxe-tips.theme--error::after{background-color:var(--vxe-ui-status-error-color)}.vxe-tips.theme--error .vxe-tips--icon{color:var(--vxe-ui-status-error-color)}.vxe-tips.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tips.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tips.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-tips--icon{flex-shrink:0;font-size:1.2em;line-height:2em;padding-right:var(--vxe-ui-layout-padding-half)}.vxe-tips--body{flex-grow:1}.vxe-tips--title{font-size:1.1em;line-height:2em;font-weight:700}
package/es/ui/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { VxeUI, setConfig, setIcon, log } from '@vxe-ui/core';
2
2
  import { dynamicApp } from '../dynamics';
3
3
  import { getFuncText } from './src/utils';
4
- VxeUI.uiVersion = "1.8.13";
4
+ VxeUI.uiVersion = "1.9.0";
5
5
  VxeUI.tableVersion = '';
6
6
  VxeUI.t = VxeUI.getI18n;
7
7
  VxeUI._t = getFuncText;
@@ -23,6 +23,7 @@ VxeUI.setup = setup;
23
23
  export const globalStore = {};
24
24
  VxeUI.globalStore = globalStore;
25
25
  setConfig({
26
+ alert: {},
26
27
  anchor: {},
27
28
  anchorLink: {},
28
29
  breadcrumb: {
@@ -45,7 +46,8 @@ setConfig({
45
46
  lockView: true,
46
47
  mask: true,
47
48
  showTitleOverflow: true,
48
- showClose: true
49
+ showClose: true,
50
+ padding: true
49
51
  },
50
52
  form: {
51
53
  // preventSubmit: false,
@@ -66,9 +68,11 @@ setConfig({
66
68
  },
67
69
  formGather: {},
68
70
  formItem: {},
71
+ formView: {},
69
72
  grid: {},
70
73
  icon: {},
71
74
  image: {},
75
+ imagePreview: {},
72
76
  input: {
73
77
  // size: null,
74
78
  // transfer: false
@@ -117,6 +121,7 @@ setConfig({
117
121
  showTitleOverflow: true,
118
122
  animat: true,
119
123
  showClose: true,
124
+ padding: true,
120
125
  draggable: true,
121
126
  showConfirmButton: null,
122
127
  // storage: false,
@@ -265,7 +270,13 @@ setIcon({
265
270
  IMAGE_PREVIEW_ZOOM_IN: iconPrefix + 'search-zoom-in',
266
271
  IMAGE_PREVIEW_ROTATE_LEFT: iconPrefix + 'rotate-left',
267
272
  IMAGE_PREVIEW_ROTATE_RIGHT: iconPrefix + 'rotate-right',
268
- IMAGE_PREVIEW_PRINT: iconPrefix + 'print'
273
+ IMAGE_PREVIEW_PRINT: iconPrefix + 'print',
274
+ // alert
275
+ ALERT_CLOSE: iconPrefix + 'close',
276
+ ALERT_INFO: iconPrefix + 'info-circle-fill',
277
+ ALERT_SUCCESS: iconPrefix + 'success-circle-fill',
278
+ ALERT_WARNING: iconPrefix + 'warning-circle-fill',
279
+ ALERT_ERROR: iconPrefix + 'error-circle-fill'
269
280
  });
270
281
  export * from '@vxe-ui/core';
271
282
  export default VxeUI;
@@ -0,0 +1,3 @@
1
+ import VxeAlert from '../alert';
2
+ export * from '../alert';
3
+ export default VxeAlert;
@@ -0,0 +1,129 @@
1
+ .vxe-alert {
2
+ position: relative;
3
+ display: flex;
4
+ flex-direction: row;
5
+ color: var(--vxe-ui-font-color);
6
+ padding: var(--vxe-ui-layout-padding-default);
7
+ margin-bottom: var(--vxe-ui-layout-padding-default);
8
+ font-size: var(--vxe-ui-font-size-default);
9
+ border-radius: var(--vxe-ui-base-border-radius);
10
+ }
11
+ .vxe-alert.theme--primary {
12
+ color: var(--vxe-ui-font-primary-color);
13
+ border: 1px solid var(--vxe-ui-font-primary-lighten-color);
14
+ background-color: var(--vxe-ui-font-primary-tinge-color);
15
+ }
16
+ .vxe-alert.theme--primary::after {
17
+ background-color: var(--vxe-ui-font-primary-color);
18
+ }
19
+ .vxe-alert.theme--primary .vxe-alert--icon {
20
+ color: var(--vxe-ui-font-primary-color);
21
+ }
22
+ .vxe-alert.theme--primary .vxe-alert--close-btn:hover {
23
+ color: var(--vxe-ui-font-primary-lighten-color);
24
+ }
25
+ .vxe-alert.theme--success {
26
+ color: var(--vxe-ui-status-success-color);
27
+ border: 1px solid var(--vxe-ui-status-success-lighten-color);
28
+ background-color: var(--vxe-ui-status-success-tinge-color);
29
+ }
30
+ .vxe-alert.theme--success::after {
31
+ background-color: var(--vxe-ui-status-success-color);
32
+ }
33
+ .vxe-alert.theme--success .vxe-alert--icon {
34
+ color: var(--vxe-ui-status-success-color);
35
+ }
36
+ .vxe-alert.theme--success .vxe-alert--close-btn:hover {
37
+ color: var(--vxe-ui-status-success-lighten-color);
38
+ }
39
+ .vxe-alert.theme--info {
40
+ color: var(--vxe-ui-status-info-color);
41
+ border: 1px solid var(--vxe-ui-status-info-lighten-color);
42
+ background-color: var(--vxe-ui-status-info-tinge-color);
43
+ }
44
+ .vxe-alert.theme--info::after {
45
+ background-color: var(--vxe-ui-status-info-color);
46
+ }
47
+ .vxe-alert.theme--info .vxe-alert--icon {
48
+ color: var(--vxe-ui-status-info-color);
49
+ }
50
+ .vxe-alert.theme--info .vxe-alert--close-btn:hover {
51
+ color: var(--vxe-ui-status-info-lighten-color);
52
+ }
53
+ .vxe-alert.theme--warning {
54
+ color: var(--vxe-ui-status-warning-color);
55
+ border: 1px solid var(--vxe-ui-status-warning-lighten-color);
56
+ background-color: var(--vxe-ui-status-warning-tinge-color);
57
+ }
58
+ .vxe-alert.theme--warning::after {
59
+ background-color: var(--vxe-ui-status-warning-color);
60
+ }
61
+ .vxe-alert.theme--warning .vxe-alert--icon {
62
+ color: var(--vxe-ui-status-warning-color);
63
+ }
64
+ .vxe-alert.theme--warning .vxe-alert--close-btn:hover {
65
+ color: var(--vxe-ui-status-warning-lighten-color);
66
+ }
67
+ .vxe-alert.theme--danger {
68
+ color: var(--vxe-ui-status-danger-color);
69
+ border: 1px solid var(--vxe-ui-status-danger-lighten-color);
70
+ background-color: var(--vxe-ui-status-danger-tinge-color);
71
+ }
72
+ .vxe-alert.theme--danger::after {
73
+ background-color: var(--vxe-ui-status-danger-color);
74
+ }
75
+ .vxe-alert.theme--danger .vxe-alert--icon {
76
+ color: var(--vxe-ui-status-danger-color);
77
+ }
78
+ .vxe-alert.theme--danger .vxe-alert--close-btn:hover {
79
+ color: var(--vxe-ui-status-danger-lighten-color);
80
+ }
81
+ .vxe-alert.theme--error {
82
+ color: var(--vxe-ui-status-error-color);
83
+ border: 1px solid var(--vxe-ui-status-error-lighten-color);
84
+ background-color: var(--vxe-ui-status-error-tinge-color);
85
+ }
86
+ .vxe-alert.theme--error::after {
87
+ background-color: var(--vxe-ui-status-error-color);
88
+ }
89
+ .vxe-alert.theme--error .vxe-alert--icon {
90
+ color: var(--vxe-ui-status-error-color);
91
+ }
92
+ .vxe-alert.theme--error .vxe-alert--close-btn:hover {
93
+ color: var(--vxe-ui-status-error-lighten-color);
94
+ }
95
+ .vxe-alert.size--medium {
96
+ font-size: var(--vxe-ui-font-size-medium);
97
+ }
98
+ .vxe-alert.size--small {
99
+ font-size: var(--vxe-ui-font-size-small);
100
+ }
101
+ .vxe-alert.size--mini {
102
+ font-size: var(--vxe-ui-font-size-mini);
103
+ }
104
+
105
+ .vxe-alert--icon {
106
+ display: flex;
107
+ flex-direction: row;
108
+ align-items: center;
109
+ justify-content: center;
110
+ flex-shrink: 0;
111
+ font-size: 1.5em;
112
+ padding: 0 var(--vxe-ui-layout-padding-default);
113
+ }
114
+
115
+ .vxe-alert--body {
116
+ flex-grow: 1;
117
+ }
118
+
119
+ .vxe-alert--title {
120
+ font-size: 1.1em;
121
+ font-weight: 700;
122
+ line-height: 2em;
123
+ }
124
+
125
+ .vxe-alert--close-btn {
126
+ padding: 0 0.4em;
127
+ line-height: 2.2em;
128
+ cursor: pointer;
129
+ }
@@ -0,0 +1 @@
1
+ .vxe-alert{position:relative;display:flex;flex-direction:row;color:var(--vxe-ui-font-color);padding:var(--vxe-ui-layout-padding-default);margin-bottom:var(--vxe-ui-layout-padding-default);font-size:var(--vxe-ui-font-size-default);border-radius:var(--vxe-ui-base-border-radius)}.vxe-alert.theme--primary{color:var(--vxe-ui-font-primary-color);border:1px solid var(--vxe-ui-font-primary-lighten-color);background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-alert.theme--primary::after{background-color:var(--vxe-ui-font-primary-color)}.vxe-alert.theme--primary .vxe-alert--icon{color:var(--vxe-ui-font-primary-color)}.vxe-alert.theme--primary .vxe-alert--close-btn:hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-alert.theme--success{color:var(--vxe-ui-status-success-color);border:1px solid var(--vxe-ui-status-success-lighten-color);background-color:var(--vxe-ui-status-success-tinge-color)}.vxe-alert.theme--success::after{background-color:var(--vxe-ui-status-success-color)}.vxe-alert.theme--success .vxe-alert--icon{color:var(--vxe-ui-status-success-color)}.vxe-alert.theme--success .vxe-alert--close-btn:hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-alert.theme--info{color:var(--vxe-ui-status-info-color);border:1px solid var(--vxe-ui-status-info-lighten-color);background-color:var(--vxe-ui-status-info-tinge-color)}.vxe-alert.theme--info::after{background-color:var(--vxe-ui-status-info-color)}.vxe-alert.theme--info .vxe-alert--icon{color:var(--vxe-ui-status-info-color)}.vxe-alert.theme--info .vxe-alert--close-btn:hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-alert.theme--warning{color:var(--vxe-ui-status-warning-color);border:1px solid var(--vxe-ui-status-warning-lighten-color);background-color:var(--vxe-ui-status-warning-tinge-color)}.vxe-alert.theme--warning::after{background-color:var(--vxe-ui-status-warning-color)}.vxe-alert.theme--warning .vxe-alert--icon{color:var(--vxe-ui-status-warning-color)}.vxe-alert.theme--warning .vxe-alert--close-btn:hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-alert.theme--danger{color:var(--vxe-ui-status-danger-color);border:1px solid var(--vxe-ui-status-danger-lighten-color);background-color:var(--vxe-ui-status-danger-tinge-color)}.vxe-alert.theme--danger::after{background-color:var(--vxe-ui-status-danger-color)}.vxe-alert.theme--danger .vxe-alert--icon{color:var(--vxe-ui-status-danger-color)}.vxe-alert.theme--danger .vxe-alert--close-btn:hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-alert.theme--error{color:var(--vxe-ui-status-error-color);border:1px solid var(--vxe-ui-status-error-lighten-color);background-color:var(--vxe-ui-status-error-tinge-color)}.vxe-alert.theme--error::after{background-color:var(--vxe-ui-status-error-color)}.vxe-alert.theme--error .vxe-alert--icon{color:var(--vxe-ui-status-error-color)}.vxe-alert.theme--error .vxe-alert--close-btn:hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-alert.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-alert.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-alert.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-alert--icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;font-size:1.5em;padding:0 var(--vxe-ui-layout-padding-default)}.vxe-alert--body{flex-grow:1}.vxe-alert--title{font-size:1.1em;font-weight:700;line-height:2em}.vxe-alert--close-btn{padding:0 .4em;line-height:2.2em;cursor:pointer}
@@ -100,6 +100,9 @@
100
100
  width: 100%;
101
101
  height: 30%;
102
102
  }
103
+ .vxe-drawer--wrapper.is--padding .vxe-drawer--content {
104
+ padding: 0.8em 1em;
105
+ }
103
106
  .vxe-drawer--wrapper .vxe-drawer--box {
104
107
  display: flex;
105
108
  flex-direction: column;
@@ -113,7 +116,6 @@
113
116
  }
114
117
  .vxe-drawer--wrapper .vxe-drawer--content {
115
118
  flex-grow: 1;
116
- padding: 0.8em 1em;
117
119
  white-space: pre-line;
118
120
  }
119
121
  .vxe-drawer--wrapper .vxe-drawer--header,
@@ -136,7 +138,6 @@
136
138
  font-size: 1.1em;
137
139
  font-weight: 700;
138
140
  border-bottom: 1px solid var(--vxe-ui-base-popup-border-color);
139
- background-color: var(--vxe-ui-drawer-header-background-color);
140
141
  }
141
142
  .vxe-drawer--wrapper .vxe-drawer--header.is--ellipsis .vxe-drawer--header-title {
142
143
  overflow: hidden;
@@ -1 +1 @@
1
- .vxe-drawer--wrapper{display:none;position:fixed;top:0;left:0;line-height:1.5;width:calc(100% + 18px);height:calc(100% + 18px);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-drawer--wrapper.is--active{display:block}.vxe-drawer--wrapper.is--visible.is--mask:before{background-color:rgba(0,0,0,.5)}.vxe-drawer--wrapper.is--visible.pos--left .vxe-drawer--box{left:0}.vxe-drawer--wrapper.is--visible.pos--right .vxe-drawer--box{right:0}.vxe-drawer--wrapper.is--visible.pos--top .vxe-drawer--box{top:0}.vxe-drawer--wrapper.is--visible.pos--bottom .vxe-drawer--box{bottom:0}.vxe-drawer--wrapper.is--visible .vxe-drawer--box{opacity:1}.vxe-drawer--wrapper.is--loading .vxe-drawer--footer,.vxe-drawer--wrapper.is--loading .vxe-drawer--header{position:relative;border-bottom-color:var(--vxe-ui-loading-background-color)}.vxe-drawer--wrapper.is--loading .vxe-drawer--footer:before,.vxe-drawer--wrapper.is--loading .vxe-drawer--header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-drawer--wrapper:not(.lock--view){pointer-events:none}.vxe-drawer--wrapper.lock--scroll{overflow:hidden}.vxe-drawer--wrapper:not(.lock--scroll){overflow:auto}.vxe-drawer--wrapper.is--mask:before,.vxe-drawer--wrapper.lock--view:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.vxe-drawer--wrapper.is--mask:before{background-color:rgba(0,0,0,0);transition:background-color .2s ease-in-out}.vxe-drawer--wrapper.pos--left .vxe-drawer--box{top:0;left:-100%;box-shadow:2px 0 10px 0 rgba(0,0,0,.2)}.vxe-drawer--wrapper.pos--right .vxe-drawer--box{top:0;right:-100%;box-shadow:-2px 0 10px 0 rgba(0,0,0,.2)}.vxe-drawer--wrapper.pos--top .vxe-drawer--box{top:-100%;left:0;box-shadow:0 2px 10px 0 rgba(0,0,0,.2)}.vxe-drawer--wrapper.pos--bottom .vxe-drawer--box{bottom:-100%;left:0;box-shadow:0 -2px 10px 0 rgba(0,0,0,.2)}.vxe-drawer--wrapper.pos--left .vxe-drawer--box,.vxe-drawer--wrapper.pos--right .vxe-drawer--box{width:30%;height:100%}.vxe-drawer--wrapper.pos--bottom .vxe-drawer--box,.vxe-drawer--wrapper.pos--top .vxe-drawer--box{width:100%;height:30%}.vxe-drawer--wrapper .vxe-drawer--box{display:flex;flex-direction:column;position:fixed;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-base-popup-border-color);text-align:left;pointer-events:auto;opacity:0;transition:all .3s ease-in-out}.vxe-drawer--wrapper .vxe-drawer--content{flex-grow:1;padding:.8em 1em;white-space:pre-line}.vxe-drawer--wrapper .vxe-drawer--body,.vxe-drawer--wrapper .vxe-drawer--footer,.vxe-drawer--wrapper .vxe-drawer--header{position:relative}.vxe-drawer--wrapper .vxe-drawer--body{display:flex;flex-grow:1;overflow:auto}.vxe-drawer--wrapper .vxe-drawer--body .vxe-drawer--content{overflow:auto}.vxe-drawer--wrapper .vxe-drawer--header{display:flex;flex-direction:row;flex-shrink:0;font-size:1.1em;font-weight:700;border-bottom:1px solid var(--vxe-ui-base-popup-border-color);background-color:var(--vxe-ui-drawer-header-background-color)}.vxe-drawer--wrapper .vxe-drawer--header.is--ellipsis .vxe-drawer--header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-drawer--wrapper .vxe-drawer--header-title{flex-grow:1;padding:.6em 0 .6em 1em}.vxe-drawer--wrapper .vxe-drawer--header-right{flex-shrink:0;padding:.6em 1em .6em 0}.vxe-drawer--wrapper .vxe-drawer--close-btn{cursor:pointer;margin-left:.6em}.vxe-drawer--wrapper .vxe-drawer--close-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-drawer--wrapper .vxe-drawer--footer{flex-shrink:0;text-align:right;padding:.4em 1em .8em 1em}.vxe-drawer--wrapper{font-size:var(--vxe-ui-font-size-default)}.vxe-drawer--wrapper.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-drawer--wrapper.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-drawer--wrapper.size--mini{font-size:var(--vxe-ui-font-size-mini)}
1
+ .vxe-drawer--wrapper{display:none;position:fixed;top:0;left:0;line-height:1.5;width:calc(100% + 18px);height:calc(100% + 18px);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-drawer--wrapper.is--active{display:block}.vxe-drawer--wrapper.is--visible.is--mask:before{background-color:rgba(0,0,0,.5)}.vxe-drawer--wrapper.is--visible.pos--left .vxe-drawer--box{left:0}.vxe-drawer--wrapper.is--visible.pos--right .vxe-drawer--box{right:0}.vxe-drawer--wrapper.is--visible.pos--top .vxe-drawer--box{top:0}.vxe-drawer--wrapper.is--visible.pos--bottom .vxe-drawer--box{bottom:0}.vxe-drawer--wrapper.is--visible .vxe-drawer--box{opacity:1}.vxe-drawer--wrapper.is--loading .vxe-drawer--footer,.vxe-drawer--wrapper.is--loading .vxe-drawer--header{position:relative;border-bottom-color:var(--vxe-ui-loading-background-color)}.vxe-drawer--wrapper.is--loading .vxe-drawer--footer:before,.vxe-drawer--wrapper.is--loading .vxe-drawer--header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-drawer--wrapper:not(.lock--view){pointer-events:none}.vxe-drawer--wrapper.lock--scroll{overflow:hidden}.vxe-drawer--wrapper:not(.lock--scroll){overflow:auto}.vxe-drawer--wrapper.is--mask:before,.vxe-drawer--wrapper.lock--view:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.vxe-drawer--wrapper.is--mask:before{background-color:rgba(0,0,0,0);transition:background-color .2s ease-in-out}.vxe-drawer--wrapper.pos--left .vxe-drawer--box{top:0;left:-100%;box-shadow:2px 0 10px 0 rgba(0,0,0,.2)}.vxe-drawer--wrapper.pos--right .vxe-drawer--box{top:0;right:-100%;box-shadow:-2px 0 10px 0 rgba(0,0,0,.2)}.vxe-drawer--wrapper.pos--top .vxe-drawer--box{top:-100%;left:0;box-shadow:0 2px 10px 0 rgba(0,0,0,.2)}.vxe-drawer--wrapper.pos--bottom .vxe-drawer--box{bottom:-100%;left:0;box-shadow:0 -2px 10px 0 rgba(0,0,0,.2)}.vxe-drawer--wrapper.pos--left .vxe-drawer--box,.vxe-drawer--wrapper.pos--right .vxe-drawer--box{width:30%;height:100%}.vxe-drawer--wrapper.pos--bottom .vxe-drawer--box,.vxe-drawer--wrapper.pos--top .vxe-drawer--box{width:100%;height:30%}.vxe-drawer--wrapper.is--padding .vxe-drawer--content{padding:.8em 1em}.vxe-drawer--wrapper .vxe-drawer--box{display:flex;flex-direction:column;position:fixed;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-base-popup-border-color);text-align:left;pointer-events:auto;opacity:0;transition:all .3s ease-in-out}.vxe-drawer--wrapper .vxe-drawer--content{flex-grow:1;white-space:pre-line}.vxe-drawer--wrapper .vxe-drawer--body,.vxe-drawer--wrapper .vxe-drawer--footer,.vxe-drawer--wrapper .vxe-drawer--header{position:relative}.vxe-drawer--wrapper .vxe-drawer--body{display:flex;flex-grow:1;overflow:auto}.vxe-drawer--wrapper .vxe-drawer--body .vxe-drawer--content{overflow:auto}.vxe-drawer--wrapper .vxe-drawer--header{display:flex;flex-direction:row;flex-shrink:0;font-size:1.1em;font-weight:700;border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-drawer--wrapper .vxe-drawer--header.is--ellipsis .vxe-drawer--header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-drawer--wrapper .vxe-drawer--header-title{flex-grow:1;padding:.6em 0 .6em 1em}.vxe-drawer--wrapper .vxe-drawer--header-right{flex-shrink:0;padding:.6em 1em .6em 0}.vxe-drawer--wrapper .vxe-drawer--close-btn{cursor:pointer;margin-left:.6em}.vxe-drawer--wrapper .vxe-drawer--close-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-drawer--wrapper .vxe-drawer--footer{flex-shrink:0;text-align:right;padding:.4em 1em .8em 1em}.vxe-drawer--wrapper{font-size:var(--vxe-ui-font-size-default)}.vxe-drawer--wrapper.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-drawer--wrapper.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-drawer--wrapper.size--mini{font-size:var(--vxe-ui-font-size-mini)}
@@ -21,7 +21,6 @@
21
21
  .vxe-image-preview--img-item {
22
22
  display: none;
23
23
  cursor: grabbing;
24
- transition: transform 0.3s ease-in-out;
25
24
  }
26
25
  .vxe-image-preview--img-item.is--active {
27
26
  display: block;
@@ -80,7 +79,7 @@
80
79
  justify-content: center;
81
80
  top: 50%;
82
81
  border-radius: 50%;
83
- font-size: 2em;
82
+ font-size: 1.6em;
84
83
  padding: 0.5em;
85
84
  transform: translateY(-50%);
86
85
  background-color: rgba(0, 0, 0, 0.8);
@@ -120,12 +119,13 @@
120
119
  display: flex;
121
120
  flex-direction: row;
122
121
  align-items: center;
122
+ justify-content: center;
123
123
  font-size: 1.2em;
124
- padding: 0 0.5em;
124
+ min-width: 2.5em;
125
125
  }
126
126
 
127
127
  .vxe-image-preview--operation-btn {
128
- font-size: 2em;
128
+ font-size: 1.6em;
129
129
  padding: 0.5em;
130
130
  cursor: pointer;
131
131
  transition: all 0.1s ease-in-out;
@@ -144,7 +144,9 @@
144
144
  user-select: none;
145
145
  }
146
146
  .vxe-image-preview-popup-wrapper.vxe-modal--wrapper.type--modal .vxe-modal--box {
147
+ border: 0;
147
148
  background-color: rgba(0, 0, 0, 0.1);
149
+ box-shadow: none;
148
150
  }
149
151
  .vxe-image-preview-popup-wrapper.vxe-modal--wrapper.type--modal .vxe-modal--content {
150
152
  padding: 0;
@@ -1 +1 @@
1
- .vxe-image-preview{position:relative;width:100%;height:100%;overflow:hidden}.vxe-image-preview:not(.is--pct11) .vxe-image-preview--img-item{max-width:100%;max-height:100%}.vxe-image-preview--img-list{display:flex;width:100%;height:100%;flex-direction:row;align-items:center;justify-content:center}.vxe-image-preview--img-item{display:none;cursor:grabbing;transition:transform .3s ease-in-out}.vxe-image-preview--img-item.is--active{display:block}.vxe-image-preview--close-btn{top:0;right:0;z-index:99;padding:1em;font-size:1.5em;transform:scale(1);border-radius:50%;cursor:pointer;transition:all .2s ease-in-out}.vxe-image-preview--close-bg{position:absolute;top:-7em;right:-12em;z-index:99;width:30em;height:10em;background-color:rgba(0,0,0,.8);color:var(--vxe-ui-status-error-color);transform:rotate(45deg);cursor:pointer;z-index:88;transition:all .2s ease-in-out}.vxe-image-preview--close-wrapper:hover .vxe-image-preview--close-btn{top:.2em;right:.2em;transform:scale(1.2);color:var(--vxe-ui-status-error-color)}.vxe-image-preview--close-wrapper:hover .vxe-image-preview--close-bg{top:-5em}.vxe-image-preview--close-btn,.vxe-image-preview--next-btn,.vxe-image-preview--operation-wrapper,.vxe-image-preview--previous-btn{position:absolute;z-index:99}.vxe-image-preview--next-btn,.vxe-image-preview--previous-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;top:50%;border-radius:50%;font-size:2em;padding:.5em;transform:translateY(-50%);background-color:rgba(0,0,0,.8);cursor:pointer;transition:all .1s ease-in-out}.vxe-image-preview--next-btn:hover,.vxe-image-preview--previous-btn:hover{color:var(--vxe-ui-font-primary-color);transform:translateY(-50%) scale(1.2)}.vxe-image-preview--next-btn:active,.vxe-image-preview--previous-btn:active{transform:translateY(-50%) scale(1.1)}.vxe-image-preview--previous-btn{left:1vw}.vxe-image-preview--next-btn{right:1vw}.vxe-image-preview--operation-wrapper{display:flex;flex-direction:row;bottom:3vh;left:50%;transform:translateX(-50%);padding:0 1.5em;border-radius:3em;background-color:rgba(0,0,0,.8)}.vxe-image-preview--operation-active-count{display:flex;flex-direction:row;align-items:center;font-size:1.2em;padding:0 .5em}.vxe-image-preview--operation-btn{font-size:2em;padding:.5em;cursor:pointer;transition:all .1s ease-in-out}.vxe-image-preview--operation-btn:hover{color:var(--vxe-ui-font-primary-color);transform:scale(1.2)}.vxe-image-preview--operation-btn:active{transform:scale(1.1)}.vxe-image-preview-popup-wrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-image-preview-popup-wrapper.vxe-modal--wrapper.type--modal .vxe-modal--box{background-color:rgba(0,0,0,.1)}.vxe-image-preview-popup-wrapper.vxe-modal--wrapper.type--modal .vxe-modal--content{padding:0}
1
+ .vxe-image-preview{position:relative;width:100%;height:100%;overflow:hidden}.vxe-image-preview:not(.is--pct11) .vxe-image-preview--img-item{max-width:100%;max-height:100%}.vxe-image-preview--img-list{display:flex;width:100%;height:100%;flex-direction:row;align-items:center;justify-content:center}.vxe-image-preview--img-item{display:none;cursor:grabbing}.vxe-image-preview--img-item.is--active{display:block}.vxe-image-preview--close-btn{top:0;right:0;z-index:99;padding:1em;font-size:1.5em;transform:scale(1);border-radius:50%;cursor:pointer;transition:all .2s ease-in-out}.vxe-image-preview--close-bg{position:absolute;top:-7em;right:-12em;z-index:99;width:30em;height:10em;background-color:rgba(0,0,0,.8);color:var(--vxe-ui-status-error-color);transform:rotate(45deg);cursor:pointer;z-index:88;transition:all .2s ease-in-out}.vxe-image-preview--close-wrapper:hover .vxe-image-preview--close-btn{top:.2em;right:.2em;transform:scale(1.2);color:var(--vxe-ui-status-error-color)}.vxe-image-preview--close-wrapper:hover .vxe-image-preview--close-bg{top:-5em}.vxe-image-preview--close-btn,.vxe-image-preview--next-btn,.vxe-image-preview--operation-wrapper,.vxe-image-preview--previous-btn{position:absolute;z-index:99}.vxe-image-preview--next-btn,.vxe-image-preview--previous-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;top:50%;border-radius:50%;font-size:1.6em;padding:.5em;transform:translateY(-50%);background-color:rgba(0,0,0,.8);cursor:pointer;transition:all .1s ease-in-out}.vxe-image-preview--next-btn:hover,.vxe-image-preview--previous-btn:hover{color:var(--vxe-ui-font-primary-color);transform:translateY(-50%) scale(1.2)}.vxe-image-preview--next-btn:active,.vxe-image-preview--previous-btn:active{transform:translateY(-50%) scale(1.1)}.vxe-image-preview--previous-btn{left:1vw}.vxe-image-preview--next-btn{right:1vw}.vxe-image-preview--operation-wrapper{display:flex;flex-direction:row;bottom:3vh;left:50%;transform:translateX(-50%);padding:0 1.5em;border-radius:3em;background-color:rgba(0,0,0,.8)}.vxe-image-preview--operation-active-count{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:1.2em;min-width:2.5em}.vxe-image-preview--operation-btn{font-size:1.6em;padding:.5em;cursor:pointer;transition:all .1s ease-in-out}.vxe-image-preview--operation-btn:hover{color:var(--vxe-ui-font-primary-color);transform:scale(1.2)}.vxe-image-preview--operation-btn:active{transform:scale(1.1)}.vxe-image-preview-popup-wrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-image-preview-popup-wrapper.vxe-modal--wrapper.type--modal .vxe-modal--box{border:0;background-color:rgba(0,0,0,.1);box-shadow:none}.vxe-image-preview-popup-wrapper.vxe-modal--wrapper.type--modal .vxe-modal--content{padding:0}
@@ -164,6 +164,9 @@
164
164
  .vxe-modal--wrapper.status--loading .vxe-modal--status-wrapper {
165
165
  color: var(--vxe-ui-font-disabled-color);
166
166
  }
167
+ .vxe-modal--wrapper.is--padding .vxe-modal--content {
168
+ padding: 0.8em 1em;
169
+ }
167
170
  .vxe-modal--wrapper .vxe-modal--status-wrapper {
168
171
  flex-shrink: 0;
169
172
  display: flex;
@@ -171,7 +174,6 @@
171
174
  }
172
175
  .vxe-modal--wrapper .vxe-modal--content {
173
176
  flex-grow: 1;
174
- padding: 0.8em 1em;
175
177
  white-space: pre-line;
176
178
  }
177
179
  .vxe-modal--wrapper .vxe-modal--header,
@@ -1 +1 @@
1
- .vxe-modal--wrapper{display:none;position:fixed;top:0;left:0;line-height:1.5;width:calc(100% + 18px);height:calc(100% + 18px);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);transition:top .4s ease-in-out}.vxe-modal--wrapper.is--active{display:block}.vxe-modal--wrapper.is--visible.is--mask:before{background-color:rgba(0,0,0,.5)}.vxe-modal--wrapper.is--visible.type--message .vxe-modal--box{opacity:1;transform:translateY(0)}.vxe-modal--wrapper.is--visible .vxe-modal--box{opacity:1;visibility:visible}.vxe-modal--wrapper.is--loading .vxe-modal--footer,.vxe-modal--wrapper.is--loading .vxe-modal--header{position:relative;border-bottom-color:var(--vxe-ui-loading-background-color)}.vxe-modal--wrapper.is--loading .vxe-modal--footer:before,.vxe-modal--wrapper.is--loading .vxe-modal--header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-modal--wrapper:not(.lock--view){pointer-events:none}.vxe-modal--wrapper:not(.type--message).lock--scroll{overflow:hidden}.vxe-modal--wrapper:not(.type--message):not(.lock--scroll){overflow:auto}.vxe-modal--wrapper.is--mask:before,.vxe-modal--wrapper.lock--view:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.vxe-modal--wrapper.is--mask:before{background-color:rgba(0,0,0,0)}.vxe-modal--wrapper.is--animat.is--mask:before{transition:background-color .2s ease-in-out}.vxe-modal--wrapper.is--animat.type--message .vxe-modal--box:not(.is--drag){transition:all .4s ease-out}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--message .vxe-modal--body{white-space:normal;word-break:break-word}.vxe-modal--wrapper.type--message{text-align:center}.vxe-modal--wrapper.type--message .vxe-modal--box{display:inline-block;padding:2px 0;margin-top:0;width:auto;box-shadow:0 0 8px 0 rgba(0,0,0,.1);opacity:0;transform:translateY(-100%)}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--body:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--content{max-width:800px;float:left}.vxe-modal--wrapper.type--message .vxe-modal--status-wrapper{font-size:1.4em;padding-left:10px}.vxe-modal--wrapper.type--alert .vxe-modal--box,.vxe-modal--wrapper.type--confirm .vxe-modal--box,.vxe-modal--wrapper.type--modal .vxe-modal--box{display:flex;flex-direction:column;position:fixed;left:50%;top:0;box-shadow:var(--vxe-ui-base-popup-box-shadow)}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--modal .vxe-modal--body{overflow:auto}.vxe-modal--wrapper.type--alert .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--content{overflow:auto}.vxe-modal--wrapper.type--alert .vxe-modal--status-wrapper,.vxe-modal--wrapper.type--confirm .vxe-modal--status-wrapper{font-size:1.6em;padding-left:10px}.vxe-modal--wrapper .vxe-modal--box{visibility:hidden;width:420px;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);text-align:left;pointer-events:auto;opacity:0}.vxe-modal--wrapper .vxe-modal--box.is--drag{cursor:move}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body:after,.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body{overflow:hidden}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body .vxe-modal--content{overflow:hidden}.vxe-modal--wrapper.status--info .vxe-modal--status-wrapper{color:var(--vxe-ui-status-info-color)}.vxe-modal--wrapper.status--question .vxe-modal--status-wrapper,.vxe-modal--wrapper.status--warning .vxe-modal--status-wrapper{color:var(--vxe-ui-status-warning-color)}.vxe-modal--wrapper.status--success .vxe-modal--status-wrapper{color:var(--vxe-ui-status-success-color)}.vxe-modal--wrapper.status--error .vxe-modal--status-wrapper{color:var(--vxe-ui-status-danger-color)}.vxe-modal--wrapper.status--loading .vxe-modal--status-wrapper{color:var(--vxe-ui-font-disabled-color)}.vxe-modal--wrapper .vxe-modal--status-wrapper{flex-shrink:0;display:flex;align-items:center}.vxe-modal--wrapper .vxe-modal--content{flex-grow:1;padding:.8em 1em;white-space:pre-line}.vxe-modal--wrapper .vxe-modal--body,.vxe-modal--wrapper .vxe-modal--footer,.vxe-modal--wrapper .vxe-modal--header{position:relative}.vxe-modal--wrapper .vxe-modal--body{display:flex;flex-grow:1}.vxe-modal--wrapper .vxe-modal--header{display:flex;flex-direction:row;flex-shrink:0;font-size:1.1em;font-weight:700;border-bottom:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-modal-header-background-color);border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-modal--wrapper .vxe-modal--header.is--draggable .vxe-modal--header-title{cursor:move}.vxe-modal--wrapper .vxe-modal--header.is--ellipsis .vxe-modal--header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-modal--wrapper .vxe-modal--header-title{flex-grow:1;padding:.6em 0 .6em 1em}.vxe-modal--wrapper .vxe-modal--header-right{flex-shrink:0;padding:.6em 1em .6em 0}.vxe-modal--wrapper .vxe-modal--close-btn,.vxe-modal--wrapper .vxe-modal--zoom-btn{cursor:pointer;margin-left:.6em}.vxe-modal--wrapper .vxe-modal--close-btn:hover,.vxe-modal--wrapper .vxe-modal--zoom-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-modal--wrapper .vxe-modal--footer{flex-shrink:0;text-align:right;padding:.4em 1em .8em 1em}.vxe-modal--wrapper.is--maximize .vxe-modal--box .vxe-modal--header{cursor:default}.vxe-modal--wrapper.is--maximize .vxe-modal--resize .sb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .selb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .sest-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .st-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .swst-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .wl-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .wr-resize{display:none}.vxe-modal--wrapper .vxe-modal--resize .sb-resize,.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .st-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize,.vxe-modal--wrapper .vxe-modal--resize .wl-resize,.vxe-modal--wrapper .vxe-modal--resize .wr-resize{position:absolute;z-index:100}.vxe-modal--wrapper .vxe-modal--resize .wl-resize,.vxe-modal--wrapper .vxe-modal--resize .wr-resize{width:8px;height:100%;top:0;cursor:w-resize}.vxe-modal--wrapper .vxe-modal--resize .wl-resize{left:-5px}.vxe-modal--wrapper .vxe-modal--resize .wr-resize{right:-5px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{width:10px;height:10px;z-index:101}.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{top:-8px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize{bottom:-8px}.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize{cursor:sw-resize}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{cursor:se-resize}.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{left:-8px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize{right:-8px}.vxe-modal--wrapper .vxe-modal--resize .sb-resize,.vxe-modal--wrapper .vxe-modal--resize .st-resize{width:100%;height:8px;left:0;cursor:s-resize}.vxe-modal--wrapper .vxe-modal--resize .st-resize{top:-5px}.vxe-modal--wrapper .vxe-modal--resize .sb-resize{bottom:-5px}.vxe-modal--wrapper{font-size:var(--vxe-ui-font-size-default)}.vxe-modal--wrapper.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-modal--wrapper.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-modal--wrapper.size--mini{font-size:var(--vxe-ui-font-size-mini)}
1
+ .vxe-modal--wrapper{display:none;position:fixed;top:0;left:0;line-height:1.5;width:calc(100% + 18px);height:calc(100% + 18px);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);transition:top .4s ease-in-out}.vxe-modal--wrapper.is--active{display:block}.vxe-modal--wrapper.is--visible.is--mask:before{background-color:rgba(0,0,0,.5)}.vxe-modal--wrapper.is--visible.type--message .vxe-modal--box{opacity:1;transform:translateY(0)}.vxe-modal--wrapper.is--visible .vxe-modal--box{opacity:1;visibility:visible}.vxe-modal--wrapper.is--loading .vxe-modal--footer,.vxe-modal--wrapper.is--loading .vxe-modal--header{position:relative;border-bottom-color:var(--vxe-ui-loading-background-color)}.vxe-modal--wrapper.is--loading .vxe-modal--footer:before,.vxe-modal--wrapper.is--loading .vxe-modal--header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-modal--wrapper:not(.lock--view){pointer-events:none}.vxe-modal--wrapper:not(.type--message).lock--scroll{overflow:hidden}.vxe-modal--wrapper:not(.type--message):not(.lock--scroll){overflow:auto}.vxe-modal--wrapper.is--mask:before,.vxe-modal--wrapper.lock--view:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.vxe-modal--wrapper.is--mask:before{background-color:rgba(0,0,0,0)}.vxe-modal--wrapper.is--animat.is--mask:before{transition:background-color .2s ease-in-out}.vxe-modal--wrapper.is--animat.type--message .vxe-modal--box:not(.is--drag){transition:all .4s ease-out}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--message .vxe-modal--body{white-space:normal;word-break:break-word}.vxe-modal--wrapper.type--message{text-align:center}.vxe-modal--wrapper.type--message .vxe-modal--box{display:inline-block;padding:2px 0;margin-top:0;width:auto;box-shadow:0 0 8px 0 rgba(0,0,0,.1);opacity:0;transform:translateY(-100%)}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--body:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-modal--wrapper.type--message .vxe-modal--box .vxe-modal--content{max-width:800px;float:left}.vxe-modal--wrapper.type--message .vxe-modal--status-wrapper{font-size:1.4em;padding-left:10px}.vxe-modal--wrapper.type--alert .vxe-modal--box,.vxe-modal--wrapper.type--confirm .vxe-modal--box,.vxe-modal--wrapper.type--modal .vxe-modal--box{display:flex;flex-direction:column;position:fixed;left:50%;top:0;box-shadow:var(--vxe-ui-base-popup-box-shadow)}.vxe-modal--wrapper.type--alert .vxe-modal--body,.vxe-modal--wrapper.type--confirm .vxe-modal--body,.vxe-modal--wrapper.type--modal .vxe-modal--body{overflow:auto}.vxe-modal--wrapper.type--alert .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--content,.vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--content{overflow:auto}.vxe-modal--wrapper.type--alert .vxe-modal--status-wrapper,.vxe-modal--wrapper.type--confirm .vxe-modal--status-wrapper{font-size:1.6em;padding-left:10px}.vxe-modal--wrapper .vxe-modal--box{visibility:hidden;width:420px;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);text-align:left;pointer-events:auto;opacity:0}.vxe-modal--wrapper .vxe-modal--box.is--drag{cursor:move}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body:after,.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body{overflow:hidden}.vxe-modal--wrapper .vxe-modal--box.is--drag .vxe-modal--body .vxe-modal--content{overflow:hidden}.vxe-modal--wrapper.status--info .vxe-modal--status-wrapper{color:var(--vxe-ui-status-info-color)}.vxe-modal--wrapper.status--question .vxe-modal--status-wrapper,.vxe-modal--wrapper.status--warning .vxe-modal--status-wrapper{color:var(--vxe-ui-status-warning-color)}.vxe-modal--wrapper.status--success .vxe-modal--status-wrapper{color:var(--vxe-ui-status-success-color)}.vxe-modal--wrapper.status--error .vxe-modal--status-wrapper{color:var(--vxe-ui-status-danger-color)}.vxe-modal--wrapper.status--loading .vxe-modal--status-wrapper{color:var(--vxe-ui-font-disabled-color)}.vxe-modal--wrapper.is--padding .vxe-modal--content{padding:.8em 1em}.vxe-modal--wrapper .vxe-modal--status-wrapper{flex-shrink:0;display:flex;align-items:center}.vxe-modal--wrapper .vxe-modal--content{flex-grow:1;white-space:pre-line}.vxe-modal--wrapper .vxe-modal--body,.vxe-modal--wrapper .vxe-modal--footer,.vxe-modal--wrapper .vxe-modal--header{position:relative}.vxe-modal--wrapper .vxe-modal--body{display:flex;flex-grow:1}.vxe-modal--wrapper .vxe-modal--header{display:flex;flex-direction:row;flex-shrink:0;font-size:1.1em;font-weight:700;border-bottom:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-modal-header-background-color);border-radius:var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-modal--wrapper .vxe-modal--header.is--draggable .vxe-modal--header-title{cursor:move}.vxe-modal--wrapper .vxe-modal--header.is--ellipsis .vxe-modal--header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-modal--wrapper .vxe-modal--header-title{flex-grow:1;padding:.6em 0 .6em 1em}.vxe-modal--wrapper .vxe-modal--header-right{flex-shrink:0;padding:.6em 1em .6em 0}.vxe-modal--wrapper .vxe-modal--close-btn,.vxe-modal--wrapper .vxe-modal--zoom-btn{cursor:pointer;margin-left:.6em}.vxe-modal--wrapper .vxe-modal--close-btn:hover,.vxe-modal--wrapper .vxe-modal--zoom-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-modal--wrapper .vxe-modal--footer{flex-shrink:0;text-align:right;padding:.4em 1em .8em 1em}.vxe-modal--wrapper.is--maximize .vxe-modal--box .vxe-modal--header{cursor:default}.vxe-modal--wrapper.is--maximize .vxe-modal--resize .sb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .selb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .sest-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .st-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .swst-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .wl-resize,.vxe-modal--wrapper.is--maximize .vxe-modal--resize .wr-resize{display:none}.vxe-modal--wrapper .vxe-modal--resize .sb-resize,.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .st-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize,.vxe-modal--wrapper .vxe-modal--resize .wl-resize,.vxe-modal--wrapper .vxe-modal--resize .wr-resize{position:absolute;z-index:100}.vxe-modal--wrapper .vxe-modal--resize .wl-resize,.vxe-modal--wrapper .vxe-modal--resize .wr-resize{width:8px;height:100%;top:0;cursor:w-resize}.vxe-modal--wrapper .vxe-modal--resize .wl-resize{left:-5px}.vxe-modal--wrapper .vxe-modal--resize .wr-resize{right:-5px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{width:10px;height:10px;z-index:101}.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{top:-8px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize{bottom:-8px}.vxe-modal--wrapper .vxe-modal--resize .sest-resize,.vxe-modal--wrapper .vxe-modal--resize .swlb-resize{cursor:sw-resize}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{cursor:se-resize}.vxe-modal--wrapper .vxe-modal--resize .swlb-resize,.vxe-modal--wrapper .vxe-modal--resize .swst-resize{left:-8px}.vxe-modal--wrapper .vxe-modal--resize .selb-resize,.vxe-modal--wrapper .vxe-modal--resize .sest-resize{right:-8px}.vxe-modal--wrapper .vxe-modal--resize .sb-resize,.vxe-modal--wrapper .vxe-modal--resize .st-resize{width:100%;height:8px;left:0;cursor:s-resize}.vxe-modal--wrapper .vxe-modal--resize .st-resize{top:-5px}.vxe-modal--wrapper .vxe-modal--resize .sb-resize{bottom:-5px}.vxe-modal--wrapper{font-size:var(--vxe-ui-font-size-default)}.vxe-modal--wrapper.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-modal--wrapper.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-modal--wrapper.size--mini{font-size:var(--vxe-ui-font-size-mini)}
@@ -6,27 +6,27 @@
6
6
  }
7
7
  .vxe-tag.theme--primary {
8
8
  color: var(--vxe-ui-font-primary-color);
9
- background-color: var(--vxe-ui-tag-primary-background-color);
9
+ background-color: var(--vxe-ui-font-primary-tinge-color);
10
10
  }
11
11
  .vxe-tag.theme--success {
12
12
  color: var(--vxe-ui-status-success-color);
13
- background-color: var(--vxe-ui-tag-success-background-color);
13
+ background-color: var(--vxe-ui-status-success-tinge-color);
14
14
  }
15
15
  .vxe-tag.theme--info {
16
16
  color: var(--vxe-ui-status-info-color);
17
- background-color: var(--vxe-ui-tag-info-background-color);
17
+ background-color: var(--vxe-ui-status-info-tinge-color);
18
18
  }
19
19
  .vxe-tag.theme--warning {
20
20
  color: var(--vxe-ui-status-warning-color);
21
- background-color: var(--vxe-ui-tag-warning-background-color);
21
+ background-color: var(--vxe-ui-status-warning-tinge-color);
22
22
  }
23
23
  .vxe-tag.theme--danger {
24
24
  color: var(--vxe-ui-status-danger-color);
25
- background-color: var(--vxe-ui-tag-danger-background-color);
25
+ background-color: var(--vxe-ui-status-danger-tinge-color);
26
26
  }
27
27
  .vxe-tag.theme--error {
28
28
  color: var(--vxe-ui-status-error-color);
29
- background-color: var(--vxe-ui-tag-error-background-color);
29
+ background-color: var(--vxe-ui-status-error-tinge-color);
30
30
  }
31
31
  .vxe-tag.size--medium {
32
32
  font-size: var(--vxe-ui-font-size-medium);
@@ -1 +1 @@
1
- .vxe-tag{padding:var(--vxe-ui-layout-padding-half) var(--vxe-ui-layout-padding-default);font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-tag.theme--primary{color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-tag-primary-background-color)}.vxe-tag.theme--success{color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-tag-success-background-color)}.vxe-tag.theme--info{color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-tag-info-background-color)}.vxe-tag.theme--warning{color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-tag-warning-background-color)}.vxe-tag.theme--danger{color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-tag-danger-background-color)}.vxe-tag.theme--error{color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-tag-error-background-color)}.vxe-tag.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tag.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tag.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-tag--icon{padding:0 .1em}.vxe-tag--content{padding:0 .1em}
1
+ .vxe-tag{padding:var(--vxe-ui-layout-padding-half) var(--vxe-ui-layout-padding-default);font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-tag.theme--primary{color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-tag.theme--success{color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-tinge-color)}.vxe-tag.theme--info{color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-tinge-color)}.vxe-tag.theme--warning{color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-tinge-color)}.vxe-tag.theme--danger{color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-tinge-color)}.vxe-tag.theme--error{color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-tinge-color)}.vxe-tag.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tag.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tag.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-tag--icon{padding:0 .1em}.vxe-tag--content{padding:0 .1em}
@@ -3,8 +3,8 @@
3
3
  display: flex;
4
4
  flex-direction: row;
5
5
  color: var(--vxe-ui-font-color);
6
- margin-bottom: var(--vxe-ui-layout-padding-double);
7
- padding: var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-threefold) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-threefold);
6
+ margin-bottom: var(--vxe-ui-layout-padding-default);
7
+ padding: var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-double);
8
8
  font-size: var(--vxe-ui-font-size-default);
9
9
  }
10
10
  .vxe-tips::after {
@@ -18,7 +18,7 @@
18
18
  z-index: 1;
19
19
  }
20
20
  .vxe-tips.theme--primary {
21
- background-color: var(--vxe-ui-tips-primary-background-color);
21
+ background-color: var(--vxe-ui-font-primary-tinge-color);
22
22
  }
23
23
  .vxe-tips.theme--primary::after {
24
24
  background-color: var(--vxe-ui-font-primary-color);
@@ -27,7 +27,7 @@
27
27
  color: var(--vxe-ui-font-primary-color);
28
28
  }
29
29
  .vxe-tips.theme--success {
30
- background-color: var(--vxe-ui-tips-success-background-color);
30
+ background-color: var(--vxe-ui-status-success-tinge-color);
31
31
  }
32
32
  .vxe-tips.theme--success::after {
33
33
  background-color: var(--vxe-ui-status-success-color);
@@ -36,7 +36,7 @@
36
36
  color: var(--vxe-ui-status-success-color);
37
37
  }
38
38
  .vxe-tips.theme--info {
39
- background-color: var(--vxe-ui-tips-info-background-color);
39
+ background-color: var(--vxe-ui-status-info-tinge-color);
40
40
  }
41
41
  .vxe-tips.theme--info::after {
42
42
  background-color: var(--vxe-ui-status-info-color);
@@ -45,7 +45,7 @@
45
45
  color: var(--vxe-ui-status-info-color);
46
46
  }
47
47
  .vxe-tips.theme--warning {
48
- background-color: var(--vxe-ui-tips-warning-background-color);
48
+ background-color: var(--vxe-ui-status-warning-tinge-color);
49
49
  }
50
50
  .vxe-tips.theme--warning::after {
51
51
  background-color: var(--vxe-ui-status-warning-color);
@@ -54,7 +54,7 @@
54
54
  color: var(--vxe-ui-status-warning-color);
55
55
  }
56
56
  .vxe-tips.theme--danger {
57
- background-color: var(--vxe-ui-tips-danger-background-color);
57
+ background-color: var(--vxe-ui-status-danger-tinge-color);
58
58
  }
59
59
  .vxe-tips.theme--danger::after {
60
60
  background-color: var(--vxe-ui-status-danger-color);
@@ -63,7 +63,7 @@
63
63
  color: var(--vxe-ui-status-danger-color);
64
64
  }
65
65
  .vxe-tips.theme--error {
66
- background-color: var(--vxe-ui-tips-error-background-color);
66
+ background-color: var(--vxe-ui-status-error-tinge-color);
67
67
  }
68
68
  .vxe-tips.theme--error::after {
69
69
  background-color: var(--vxe-ui-status-error-color);
@@ -84,6 +84,7 @@
84
84
  .vxe-tips--icon {
85
85
  flex-shrink: 0;
86
86
  font-size: 1.2em;
87
+ line-height: 2em;
87
88
  padding-right: var(--vxe-ui-layout-padding-half);
88
89
  }
89
90
 
@@ -93,6 +94,6 @@
93
94
 
94
95
  .vxe-tips--title {
95
96
  font-size: 1.1em;
96
- margin-bottom: 0.7em;
97
+ line-height: 2em;
97
98
  font-weight: 700;
98
99
  }
@@ -1 +1 @@
1
- .vxe-tips{position:relative;display:flex;flex-direction:row;color:var(--vxe-ui-font-color);margin-bottom:var(--vxe-ui-layout-padding-double);padding:var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-threefold) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-threefold);font-size:var(--vxe-ui-font-size-default)}.vxe-tips::after{content:"";position:absolute;top:0;left:0;height:100%;width:5px;background-color:var(--vxe-ui-font-color);z-index:1}.vxe-tips.theme--primary{background-color:var(--vxe-ui-tips-primary-background-color)}.vxe-tips.theme--primary::after{background-color:var(--vxe-ui-font-primary-color)}.vxe-tips.theme--primary .vxe-tips--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tips.theme--success{background-color:var(--vxe-ui-tips-success-background-color)}.vxe-tips.theme--success::after{background-color:var(--vxe-ui-status-success-color)}.vxe-tips.theme--success .vxe-tips--icon{color:var(--vxe-ui-status-success-color)}.vxe-tips.theme--info{background-color:var(--vxe-ui-tips-info-background-color)}.vxe-tips.theme--info::after{background-color:var(--vxe-ui-status-info-color)}.vxe-tips.theme--info .vxe-tips--icon{color:var(--vxe-ui-status-info-color)}.vxe-tips.theme--warning{background-color:var(--vxe-ui-tips-warning-background-color)}.vxe-tips.theme--warning::after{background-color:var(--vxe-ui-status-warning-color)}.vxe-tips.theme--warning .vxe-tips--icon{color:var(--vxe-ui-status-warning-color)}.vxe-tips.theme--danger{background-color:var(--vxe-ui-tips-danger-background-color)}.vxe-tips.theme--danger::after{background-color:var(--vxe-ui-status-danger-color)}.vxe-tips.theme--danger .vxe-tips--icon{color:var(--vxe-ui-status-danger-color)}.vxe-tips.theme--error{background-color:var(--vxe-ui-tips-error-background-color)}.vxe-tips.theme--error::after{background-color:var(--vxe-ui-status-error-color)}.vxe-tips.theme--error .vxe-tips--icon{color:var(--vxe-ui-status-error-color)}.vxe-tips.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tips.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tips.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-tips--icon{flex-shrink:0;font-size:1.2em;padding-right:var(--vxe-ui-layout-padding-half)}.vxe-tips--body{flex-grow:1}.vxe-tips--title{font-size:1.1em;margin-bottom:.7em;font-weight:700}
1
+ .vxe-tips{position:relative;display:flex;flex-direction:row;color:var(--vxe-ui-font-color);margin-bottom:var(--vxe-ui-layout-padding-default);padding:var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-double);font-size:var(--vxe-ui-font-size-default)}.vxe-tips::after{content:"";position:absolute;top:0;left:0;height:100%;width:5px;background-color:var(--vxe-ui-font-color);z-index:1}.vxe-tips.theme--primary{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-tips.theme--primary::after{background-color:var(--vxe-ui-font-primary-color)}.vxe-tips.theme--primary .vxe-tips--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tips.theme--success{background-color:var(--vxe-ui-status-success-tinge-color)}.vxe-tips.theme--success::after{background-color:var(--vxe-ui-status-success-color)}.vxe-tips.theme--success .vxe-tips--icon{color:var(--vxe-ui-status-success-color)}.vxe-tips.theme--info{background-color:var(--vxe-ui-status-info-tinge-color)}.vxe-tips.theme--info::after{background-color:var(--vxe-ui-status-info-color)}.vxe-tips.theme--info .vxe-tips--icon{color:var(--vxe-ui-status-info-color)}.vxe-tips.theme--warning{background-color:var(--vxe-ui-status-warning-tinge-color)}.vxe-tips.theme--warning::after{background-color:var(--vxe-ui-status-warning-color)}.vxe-tips.theme--warning .vxe-tips--icon{color:var(--vxe-ui-status-warning-color)}.vxe-tips.theme--danger{background-color:var(--vxe-ui-status-danger-tinge-color)}.vxe-tips.theme--danger::after{background-color:var(--vxe-ui-status-danger-color)}.vxe-tips.theme--danger .vxe-tips--icon{color:var(--vxe-ui-status-danger-color)}.vxe-tips.theme--error{background-color:var(--vxe-ui-status-error-tinge-color)}.vxe-tips.theme--error::after{background-color:var(--vxe-ui-status-error-color)}.vxe-tips.theme--error .vxe-tips--icon{color:var(--vxe-ui-status-error-color)}.vxe-tips.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tips.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tips.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-tips--icon{flex-shrink:0;font-size:1.2em;line-height:2em;padding-right:var(--vxe-ui-layout-padding-half)}.vxe-tips--body{flex-grow:1}.vxe-tips--title{font-size:1.1em;line-height:2em;font-weight:700}