vxe-table 3.6.6 → 3.6.8

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 (230) hide show
  1. package/lib/all.js +11 -82
  2. package/lib/all.min.js +1 -1
  3. package/lib/button/index.js +0 -3
  4. package/lib/button/src/button.js +39 -82
  5. package/lib/button/src/button.min.js +1 -1
  6. package/lib/button/style/style.css +475 -349
  7. package/lib/button/style/style.min.css +1 -1
  8. package/lib/checkbox/index.js +0 -3
  9. package/lib/checkbox/src/checkbox.js +15 -29
  10. package/lib/checkbox/src/checkbox.min.js +1 -1
  11. package/lib/checkbox/src/group.js +4 -12
  12. package/lib/checkbox/style/style.css +158 -128
  13. package/lib/checkbox/style/style.min.css +1 -1
  14. package/lib/checkbox-group/index.js +0 -3
  15. package/lib/checkbox-group/style/style.css +1 -1
  16. package/lib/colgroup/index.js +2 -5
  17. package/lib/colgroup/style/style.css +1 -1
  18. package/lib/column/index.js +2 -5
  19. package/lib/column/style/style.css +1 -1
  20. package/lib/edit/index.js +0 -6
  21. package/lib/edit/src/mixin.js +91 -252
  22. package/lib/edit/src/mixin.min.js +1 -1
  23. package/lib/edit/style/style.css +1 -1
  24. package/lib/export/index.js +1 -16
  25. package/lib/export/index.min.js +1 -1
  26. package/lib/export/src/export-panel.js +16 -41
  27. package/lib/export/src/export-panel.min.js +1 -1
  28. package/lib/export/src/import-panel.js +5 -19
  29. package/lib/export/src/import-panel.min.js +1 -1
  30. package/lib/export/src/mixin.js +105 -387
  31. package/lib/export/src/mixin.min.js +1 -1
  32. package/lib/export/style/style.css +138 -105
  33. package/lib/filter/index.js +0 -8
  34. package/lib/filter/src/mixin.js +18 -66
  35. package/lib/filter/src/mixin.min.js +1 -1
  36. package/lib/filter/src/panel.js +10 -22
  37. package/lib/filter/src/panel.min.js +1 -1
  38. package/lib/filter/style/style.css +105 -81
  39. package/lib/footer/index.js +0 -3
  40. package/lib/footer/src/footer.js +52 -84
  41. package/lib/footer/src/footer.min.js +1 -1
  42. package/lib/footer/style/style.css +1 -1
  43. package/lib/form/index.js +0 -3
  44. package/lib/form/src/form-config-item.js +23 -40
  45. package/lib/form/src/form-config-item.min.js +1 -1
  46. package/lib/form/src/form-gather.js +0 -5
  47. package/lib/form/src/form-item.js +18 -35
  48. package/lib/form/src/form-item.min.js +1 -1
  49. package/lib/form/src/form.js +45 -137
  50. package/lib/form/src/form.min.js +1 -1
  51. package/lib/form/src/render.js +7 -22
  52. package/lib/form/src/render.min.js +1 -1
  53. package/lib/form/src/util.js +9 -42
  54. package/lib/form/src/util.min.js +1 -1
  55. package/lib/form/style/style.css +227 -185
  56. package/lib/form-gather/index.js +0 -3
  57. package/lib/form-gather/style/style.css +1 -1
  58. package/lib/form-item/index.js +0 -3
  59. package/lib/form-item/style/style.css +1 -1
  60. package/lib/grid/index.js +0 -4
  61. package/lib/grid/src/grid.js +87 -261
  62. package/lib/grid/src/grid.min.js +1 -1
  63. package/lib/grid/style/style.css +62 -50
  64. package/lib/header/index.js +0 -3
  65. package/lib/header/src/header.js +54 -87
  66. package/lib/header/src/header.min.js +1 -1
  67. package/lib/header/src/util.js +0 -17
  68. package/lib/header/src/util.min.js +1 -1
  69. package/lib/header/style/style.css +1 -1
  70. package/lib/icon/index.js +0 -3
  71. package/lib/icon/style/iconfont.1669391208345.ttf +0 -0
  72. package/lib/icon/style/iconfont.1669391208345.woff +0 -0
  73. package/lib/icon/style/iconfont.1669391208345.woff2 +0 -0
  74. package/lib/icon/style/style.css +384 -197
  75. package/lib/icon/style/style.min.css +738 -1
  76. package/lib/iconfont.1669391208345.ttf +0 -0
  77. package/lib/iconfont.1669391208345.woff +0 -0
  78. package/lib/iconfont.1669391208345.woff2 +0 -0
  79. package/lib/index.common.js +1 -7
  80. package/lib/index.common.min.js +1 -1
  81. package/lib/index.css +1 -1
  82. package/lib/index.umd.js +11884 -13141
  83. package/lib/index.umd.min.js +1 -1
  84. package/lib/input/index.js +0 -3
  85. package/lib/input/src/date.js +0 -10
  86. package/lib/input/src/date.min.js +1 -1
  87. package/lib/input/src/input.js +208 -473
  88. package/lib/input/src/input.min.js +1 -1
  89. package/lib/input/src/number.js +0 -5
  90. package/lib/input/style/style.css +820 -611
  91. package/lib/keyboard/index.js +0 -6
  92. package/lib/keyboard/src/mixin.js +35 -111
  93. package/lib/keyboard/src/mixin.min.js +1 -1
  94. package/lib/keyboard/style/style.css +1 -1
  95. package/lib/list/index.js +0 -3
  96. package/lib/list/src/list.js +23 -64
  97. package/lib/list/src/list.min.js +1 -1
  98. package/lib/list/style/style.css +19 -14
  99. package/lib/loading/index.js +0 -3
  100. package/lib/loading/index.min.js +1 -1
  101. package/lib/loading/src/loading.js +1 -4
  102. package/lib/loading/style/style.css +60 -45
  103. package/lib/locale/lang/zh-HK.js +0 -3
  104. package/lib/locale/lang/zh-MO.js +0 -3
  105. package/lib/locale/lang/zh-TW.js +0 -3
  106. package/lib/menu/index.js +0 -8
  107. package/lib/menu/src/mixin.js +38 -100
  108. package/lib/menu/src/mixin.min.js +1 -1
  109. package/lib/menu/src/panel.js +2 -5
  110. package/lib/menu/style/style.css +74 -55
  111. package/lib/mixins/size.js +1 -1
  112. package/lib/modal/index.js +3 -21
  113. package/lib/modal/index.min.js +1 -1
  114. package/lib/modal/src/modal.js +97 -254
  115. package/lib/modal/src/modal.min.js +1 -1
  116. package/lib/modal/style/style.css +346 -280
  117. package/lib/modal/style/style.min.css +1 -1
  118. package/lib/optgroup/index.js +0 -3
  119. package/lib/optgroup/style/style.css +1 -1
  120. package/lib/option/index.js +0 -3
  121. package/lib/option/style/style.css +1 -1
  122. package/lib/pager/index.js +0 -3
  123. package/lib/pager/src/pager.js +13 -41
  124. package/lib/pager/src/pager.min.js +1 -1
  125. package/lib/pager/style/style.css +314 -262
  126. package/lib/pulldown/index.js +0 -3
  127. package/lib/pulldown/src/pulldown.js +29 -72
  128. package/lib/pulldown/src/pulldown.min.js +1 -1
  129. package/lib/pulldown/style/style.css +51 -39
  130. package/lib/radio/index.js +0 -3
  131. package/lib/radio/src/button.js +11 -22
  132. package/lib/radio/src/group.js +2 -6
  133. package/lib/radio/src/radio.js +11 -23
  134. package/lib/radio/style/style.css +186 -152
  135. package/lib/radio/style/style.min.css +1 -1
  136. package/lib/radio-button/index.js +0 -3
  137. package/lib/radio-button/style/style.css +1 -1
  138. package/lib/radio-group/index.js +0 -3
  139. package/lib/radio-group/style/style.css +1 -1
  140. package/lib/select/index.js +0 -5
  141. package/lib/select/src/optgroup.js +0 -2
  142. package/lib/select/src/optgroup.min.js +1 -1
  143. package/lib/select/src/option.js +0 -2
  144. package/lib/select/src/option.min.js +1 -1
  145. package/lib/select/src/select.js +79 -211
  146. package/lib/select/src/select.min.js +1 -1
  147. package/lib/select/src/util.js +5 -24
  148. package/lib/select/src/util.min.js +1 -1
  149. package/lib/select/style/style.css +120 -89
  150. package/lib/style.css +1 -1
  151. package/lib/style.min.css +1 -1
  152. package/lib/switch/index.js +0 -3
  153. package/lib/switch/src/switch.js +7 -20
  154. package/lib/switch/src/switch.min.js +1 -1
  155. package/lib/switch/style/style.css +92 -71
  156. package/lib/table/index.js +0 -9
  157. package/lib/table/src/body.js +167 -261
  158. package/lib/table/src/body.min.js +1 -1
  159. package/lib/table/src/cell.js +107 -222
  160. package/lib/table/src/cell.min.js +1 -1
  161. package/lib/table/src/column.js +2 -4
  162. package/lib/table/src/column.min.js +1 -1
  163. package/lib/table/src/columnInfo.js +6 -35
  164. package/lib/table/src/columnInfo.min.js +1 -1
  165. package/lib/table/src/group.js +0 -3
  166. package/lib/table/src/methods.js +570 -1461
  167. package/lib/table/src/methods.min.js +1 -1
  168. package/lib/table/src/table.js +123 -231
  169. package/lib/table/src/table.min.js +1 -1
  170. package/lib/table/src/util.js +28 -105
  171. package/lib/table/src/util.min.js +1 -1
  172. package/lib/table/style/style.css +1080 -863
  173. package/lib/table/style/style.min.css +1 -1
  174. package/lib/textarea/index.js +0 -3
  175. package/lib/textarea/src/textarea.js +23 -55
  176. package/lib/textarea/src/textarea.min.js +1 -1
  177. package/lib/textarea/style/style.css +66 -45
  178. package/lib/toolbar/index.js +0 -3
  179. package/lib/toolbar/src/toolbar.js +43 -117
  180. package/lib/toolbar/src/toolbar.min.js +1 -1
  181. package/lib/toolbar/style/style.css +232 -187
  182. package/lib/tools/dom.js +7 -42
  183. package/lib/tools/dom.min.js +1 -1
  184. package/lib/tools/event.js +4 -14
  185. package/lib/tools/event.min.js +1 -1
  186. package/lib/tools/log.js +1 -6
  187. package/lib/tools/log.min.js +1 -1
  188. package/lib/tools/resize.js +3 -24
  189. package/lib/tools/resize.min.js +1 -1
  190. package/lib/tools/utils.js +7 -29
  191. package/lib/tools/utils.min.js +1 -1
  192. package/lib/tools/vn.js +0 -4
  193. package/lib/tooltip/index.js +0 -4
  194. package/lib/tooltip/src/tooltip.js +29 -76
  195. package/lib/tooltip/src/tooltip.min.js +1 -1
  196. package/lib/tooltip/style/style.css +88 -64
  197. package/lib/v-x-e-table/index.js +6 -41
  198. package/lib/v-x-e-table/index.min.js +1 -1
  199. package/lib/v-x-e-table/src/commands.js +0 -4
  200. package/lib/v-x-e-table/src/conf.js +30 -18
  201. package/lib/v-x-e-table/src/formats.js +0 -4
  202. package/lib/v-x-e-table/src/interceptor.js +4 -15
  203. package/lib/v-x-e-table/src/menus.js +0 -4
  204. package/lib/v-x-e-table/src/renderer.js +62 -169
  205. package/lib/v-x-e-table/src/renderer.min.js +1 -1
  206. package/lib/v-x-e-table/src/setup.js +0 -4
  207. package/lib/v-x-e-table/src/store.js +3 -16
  208. package/lib/v-x-e-table/src/store.min.js +1 -1
  209. package/lib/v-x-e-table/style/style.css +444 -242
  210. package/lib/v-x-e-table/style/style.min.css +1 -1
  211. package/lib/validator/index.js +0 -6
  212. package/lib/validator/src/mixin.js +31 -100
  213. package/lib/validator/src/mixin.min.js +1 -1
  214. package/lib/validator/style/style.css +1 -1
  215. package/lib/vxe-table/style/style.css +1 -1
  216. package/package.json +28 -29
  217. package/packages/export/src/mixin.js +2 -1
  218. package/packages/filter/src/mixin.js +1 -1
  219. package/packages/form/src/form.js +5 -4
  220. package/packages/grid/src/grid.js +14 -14
  221. package/packages/table/src/column.js +2 -0
  222. package/packages/table/src/columnInfo.js +1 -0
  223. package/packages/table/src/methods.js +18 -18
  224. package/styles/icon/iconfont.ttf +0 -0
  225. package/styles/icon/iconfont.woff +0 -0
  226. package/styles/icon/iconfont.woff2 +0 -0
  227. package/styles/icon.scss +9 -1
  228. package/styles/table.scss +1 -1
  229. package/styles/variable.scss +2 -2
  230. package/types/column.d.ts +3 -0
@@ -24,8 +24,8 @@
24
24
  /*switch*/
25
25
  /*pulldown*/
26
26
  .vxe-custom--option .vxe-checkbox--icon {
27
- font-size: 1.34em; }
28
-
27
+ font-size: 1.34em;
28
+ }
29
29
  .vxe-custom--option .vxe-checkbox--icon {
30
30
  color: #dcdfe6;
31
31
  vertical-align: middle;
@@ -33,27 +33,31 @@
33
33
  -webkit-user-select: none;
34
34
  -moz-user-select: none;
35
35
  -ms-user-select: none;
36
- user-select: none; }
37
-
36
+ user-select: none;
37
+ }
38
38
  .is--checked.vxe-custom--option, .is--indeterminate.vxe-custom--option {
39
- color: #409eff; }
40
- .is--checked.vxe-custom--option .vxe-checkbox--icon, .is--indeterminate.vxe-custom--option .vxe-checkbox--icon {
41
- color: #409eff; }
42
-
39
+ color: #409eff;
40
+ }
41
+ .is--checked.vxe-custom--option .vxe-checkbox--icon, .is--indeterminate.vxe-custom--option .vxe-checkbox--icon {
42
+ color: #409eff;
43
+ }
43
44
  .vxe-custom--option:not(.is--disabled) {
44
- cursor: pointer; }
45
- .vxe-custom--option:not(.is--disabled):hover .vxe-checkbox--icon {
46
- color: #409eff; }
47
-
45
+ cursor: pointer;
46
+ }
47
+ .vxe-custom--option:not(.is--disabled):hover .vxe-checkbox--icon {
48
+ color: #409eff;
49
+ }
48
50
  .is--disabled.vxe-custom--option {
49
51
  color: #BFBFBF;
50
- cursor: not-allowed; }
51
- .is--disabled.vxe-custom--option .vxe-checkbox--icon {
52
- color: #dcdfe6; }
53
-
52
+ cursor: not-allowed;
53
+ }
54
+ .is--disabled.vxe-custom--option .vxe-checkbox--icon {
55
+ color: #dcdfe6;
56
+ }
54
57
  .vxe-custom--option .vxe-checkbox--label {
55
58
  padding-left: 0.5em;
56
- vertical-align: middle; }
59
+ vertical-align: middle;
60
+ }
57
61
 
58
62
  /*toolbar*/
59
63
  .vxe-toolbar {
@@ -71,163 +75,198 @@
71
75
  padding: 0.6em 0;
72
76
  color: #606266;
73
77
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
74
- background-color: #fff; }
75
- .vxe-toolbar:after {
76
- content: "";
77
- display: block;
78
- clear: both;
79
- height: 0;
80
- overflow: hidden;
81
- visibility: hidden; }
82
- .vxe-toolbar.is--perfect {
83
- border: 1px solid #e8eaec;
84
- border-bottom-width: 0;
85
- background-color: #f8f8f9; }
86
- .vxe-toolbar.is--loading:before {
87
- content: "";
88
- position: absolute;
89
- top: 0;
90
- left: 0;
91
- width: 100%;
92
- height: 100%;
93
- z-index: 999;
94
- -webkit-user-select: none;
95
- -moz-user-select: none;
96
- -ms-user-select: none;
97
- user-select: none;
98
- background-color: rgba(255, 255, 255, 0.5); }
99
- .vxe-toolbar .vxe-buttons--wrapper {
100
- -webkit-box-flex: 1;
101
- -ms-flex-positive: 1;
102
- flex-grow: 1; }
103
- .vxe-toolbar .vxe-buttons--wrapper > .vxe-button + .vxe-button--item,
104
- .vxe-toolbar .vxe-buttons--wrapper > .vxe-button--item + .vxe-button,
105
- .vxe-toolbar .vxe-buttons--wrapper > .vxe-button--item + .vxe-button--item {
106
- margin-left: 0.8em; }
107
- .vxe-toolbar .vxe-buttons--wrapper > .vxe-button--item {
108
- display: inline-block; }
109
- .vxe-toolbar .vxe-tools--wrapper > .vxe-button + .vxe-tool--item,
110
- .vxe-toolbar .vxe-tools--wrapper > .vxe-tool--item + .vxe-button,
111
- .vxe-toolbar .vxe-tools--wrapper > .vxe-tool--item + .vxe-tool--item {
112
- margin-left: 0.8em; }
113
- .vxe-toolbar .vxe-tools--wrapper > .vxe-tool--item {
114
- display: inline-block; }
115
- .vxe-toolbar .vxe-tools--wrapper > .vxe-button {
116
- display: -webkit-box;
117
- display: -ms-flexbox;
118
- display: flex;
119
- -webkit-box-align: center;
120
- -ms-flex-align: center;
121
- align-items: center;
122
- -webkit-box-pack: center;
123
- -ms-flex-pack: center;
124
- justify-content: center; }
125
- .vxe-toolbar .vxe-buttons--wrapper,
126
- .vxe-toolbar .vxe-tools--wrapper,
127
- .vxe-toolbar .vxe-tools--operate {
128
- display: -webkit-box;
129
- display: -ms-flexbox;
130
- display: flex;
131
- -webkit-box-align: center;
132
- -ms-flex-align: center;
133
- align-items: center; }
134
- .vxe-toolbar .vxe-buttons--wrapper,
135
- .vxe-toolbar .vxe-tools--wrapper {
136
- -ms-flex-wrap: wrap;
137
- flex-wrap: wrap; }
138
- .vxe-toolbar .vxe-tools--operate {
139
- -ms-flex-negative: 0;
140
- flex-shrink: 0; }
141
- .vxe-toolbar .vxe-custom--wrapper {
142
- position: relative;
143
- margin-left: 0.8em; }
144
- .vxe-toolbar .vxe-custom--wrapper.is--active > .vxe-button {
145
- background-color: #D9DADB;
146
- border-radius: 50%; }
147
- .vxe-toolbar .vxe-custom--wrapper.is--active .vxe-custom--option-wrapper {
148
- display: block; }
149
- .vxe-toolbar .vxe-custom--option-wrapper {
150
- display: none;
151
- position: absolute;
152
- right: 2px;
153
- text-align: left;
154
- background-color: #fff;
155
- z-index: 19;
156
- border: 1px solid #e8eaec;
157
- border-radius: 4px;
158
- -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
159
- box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); }
160
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header {
161
- padding: 0.28em 0;
162
- font-weight: 700;
163
- border-bottom: 1px solid #DADCE0; }
164
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body {
165
- padding: 0.2em 0;
166
- max-height: 17.6em; }
167
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body .vxe-custom--option:hover {
168
- background-color: #f5f7fa; }
169
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li,
170
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li {
171
- max-width: 16em;
172
- min-width: 12.5em;
173
- padding: 0.2em 1em 0.2em 1em; }
174
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--2,
175
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--2 {
176
- padding-left: 3.5em; }
177
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--2 .vxe-checkbox--icon,
178
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--2 .vxe-checkbox--icon {
179
- left: 1.8em; }
180
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--3,
181
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--3 {
182
- padding-left: 4.5em; }
183
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--3 .vxe-checkbox--icon,
184
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--3 .vxe-checkbox--icon {
185
- left: 2.8em; }
186
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--4,
187
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--4 {
188
- padding-left: 5.5em; }
189
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--4 .vxe-checkbox--icon,
190
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--4 .vxe-checkbox--icon {
191
- left: 3.8em; }
192
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--5,
193
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--5 {
194
- padding-left: 6.5em; }
195
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--5 .vxe-checkbox--icon,
196
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--5 .vxe-checkbox--icon {
197
- left: 4.8em; }
198
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--6,
199
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--6 {
200
- padding-left: 7.5em; }
201
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--6 .vxe-checkbox--icon,
202
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--6 .vxe-checkbox--icon {
203
- left: 5.8em; }
204
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--7,
205
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--7 {
206
- padding-left: 8.5em; }
207
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--7 .vxe-checkbox--icon,
208
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--7 .vxe-checkbox--icon {
209
- left: 6.8em; }
210
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--8,
211
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--8 {
212
- padding-left: 9.5em; }
213
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--8 .vxe-checkbox--icon,
214
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--8 .vxe-checkbox--icon {
215
- left: 7.8em; }
216
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer {
217
- border-top: 1px solid #DADCE0;
218
- text-align: right; }
219
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button {
220
- background-color: transparent;
221
- width: 50%;
222
- height: 2.5em;
223
- border: 0;
224
- color: #606266;
225
- text-align: center;
226
- cursor: pointer; }
227
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:focus {
228
- outline: none; }
229
- .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:hover {
230
- color: #409eff; }
78
+ background-color: #fff;
79
+ }
80
+ .vxe-toolbar:after {
81
+ content: "";
82
+ display: block;
83
+ clear: both;
84
+ height: 0;
85
+ overflow: hidden;
86
+ visibility: hidden;
87
+ }
88
+ .vxe-toolbar.is--perfect {
89
+ border: 1px solid #e8eaec;
90
+ border-bottom-width: 0;
91
+ background-color: #f8f8f9;
92
+ }
93
+ .vxe-toolbar.is--loading:before {
94
+ content: "";
95
+ position: absolute;
96
+ top: 0;
97
+ left: 0;
98
+ width: 100%;
99
+ height: 100%;
100
+ z-index: 999;
101
+ -webkit-user-select: none;
102
+ -moz-user-select: none;
103
+ -ms-user-select: none;
104
+ user-select: none;
105
+ background-color: rgba(255, 255, 255, 0.5);
106
+ }
107
+ .vxe-toolbar .vxe-buttons--wrapper {
108
+ -webkit-box-flex: 1;
109
+ -ms-flex-positive: 1;
110
+ flex-grow: 1;
111
+ }
112
+ .vxe-toolbar .vxe-buttons--wrapper > .vxe-button + .vxe-button--item, .vxe-toolbar .vxe-buttons--wrapper > .vxe-button--item + .vxe-button, .vxe-toolbar .vxe-buttons--wrapper > .vxe-button--item + .vxe-button--item {
113
+ margin-left: 0.8em;
114
+ }
115
+ .vxe-toolbar .vxe-buttons--wrapper > .vxe-button--item {
116
+ display: inline-block;
117
+ }
118
+ .vxe-toolbar .vxe-tools--wrapper > .vxe-button + .vxe-tool--item, .vxe-toolbar .vxe-tools--wrapper > .vxe-tool--item + .vxe-button, .vxe-toolbar .vxe-tools--wrapper > .vxe-tool--item + .vxe-tool--item {
119
+ margin-left: 0.8em;
120
+ }
121
+ .vxe-toolbar .vxe-tools--wrapper > .vxe-tool--item {
122
+ display: inline-block;
123
+ }
124
+ .vxe-toolbar .vxe-tools--wrapper > .vxe-button {
125
+ display: -webkit-box;
126
+ display: -ms-flexbox;
127
+ display: flex;
128
+ -webkit-box-align: center;
129
+ -ms-flex-align: center;
130
+ align-items: center;
131
+ -webkit-box-pack: center;
132
+ -ms-flex-pack: center;
133
+ justify-content: center;
134
+ }
135
+ .vxe-toolbar .vxe-buttons--wrapper,
136
+ .vxe-toolbar .vxe-tools--wrapper,
137
+ .vxe-toolbar .vxe-tools--operate {
138
+ display: -webkit-box;
139
+ display: -ms-flexbox;
140
+ display: flex;
141
+ -webkit-box-align: center;
142
+ -ms-flex-align: center;
143
+ align-items: center;
144
+ }
145
+ .vxe-toolbar .vxe-buttons--wrapper,
146
+ .vxe-toolbar .vxe-tools--wrapper {
147
+ -ms-flex-wrap: wrap;
148
+ flex-wrap: wrap;
149
+ }
150
+ .vxe-toolbar .vxe-tools--operate {
151
+ -ms-flex-negative: 0;
152
+ flex-shrink: 0;
153
+ }
154
+ .vxe-toolbar .vxe-custom--wrapper {
155
+ position: relative;
156
+ margin-left: 0.8em;
157
+ }
158
+ .vxe-toolbar .vxe-custom--wrapper.is--active > .vxe-button {
159
+ background-color: #D9DADB;
160
+ border-radius: 50%;
161
+ }
162
+ .vxe-toolbar .vxe-custom--wrapper.is--active .vxe-custom--option-wrapper {
163
+ display: block;
164
+ }
165
+ .vxe-toolbar .vxe-custom--option-wrapper {
166
+ display: none;
167
+ position: absolute;
168
+ right: 2px;
169
+ text-align: left;
170
+ background-color: #fff;
171
+ z-index: 19;
172
+ border: 1px solid #e8eaec;
173
+ border-radius: 4px;
174
+ -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
175
+ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
176
+ }
177
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header {
178
+ padding: 0.28em 0;
179
+ font-weight: 700;
180
+ border-bottom: 1px solid #DADCE0;
181
+ }
182
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body {
183
+ padding: 0.2em 0;
184
+ max-height: 17.6em;
185
+ }
186
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body .vxe-custom--option:hover {
187
+ background-color: #f5f7fa;
188
+ }
189
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li,
190
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li {
191
+ max-width: 16em;
192
+ min-width: 12.5em;
193
+ padding: 0.2em 1em 0.2em 1em;
194
+ }
195
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--2,
196
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--2 {
197
+ padding-left: 3.5em;
198
+ }
199
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--2 .vxe-checkbox--icon,
200
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--2 .vxe-checkbox--icon {
201
+ left: 1.8em;
202
+ }
203
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--3,
204
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--3 {
205
+ padding-left: 4.5em;
206
+ }
207
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--3 .vxe-checkbox--icon,
208
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--3 .vxe-checkbox--icon {
209
+ left: 2.8em;
210
+ }
211
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--4,
212
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--4 {
213
+ padding-left: 5.5em;
214
+ }
215
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--4 .vxe-checkbox--icon,
216
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--4 .vxe-checkbox--icon {
217
+ left: 3.8em;
218
+ }
219
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--5,
220
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--5 {
221
+ padding-left: 6.5em;
222
+ }
223
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--5 .vxe-checkbox--icon,
224
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--5 .vxe-checkbox--icon {
225
+ left: 4.8em;
226
+ }
227
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--6,
228
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--6 {
229
+ padding-left: 7.5em;
230
+ }
231
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--6 .vxe-checkbox--icon,
232
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--6 .vxe-checkbox--icon {
233
+ left: 5.8em;
234
+ }
235
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--7,
236
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--7 {
237
+ padding-left: 8.5em;
238
+ }
239
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--7 .vxe-checkbox--icon,
240
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--7 .vxe-checkbox--icon {
241
+ left: 6.8em;
242
+ }
243
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--8,
244
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--8 {
245
+ padding-left: 9.5em;
246
+ }
247
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header > li.level--8 .vxe-checkbox--icon,
248
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body > li.level--8 .vxe-checkbox--icon {
249
+ left: 7.8em;
250
+ }
251
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer {
252
+ border-top: 1px solid #DADCE0;
253
+ text-align: right;
254
+ }
255
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button {
256
+ background-color: transparent;
257
+ width: 50%;
258
+ height: 2.5em;
259
+ border: 0;
260
+ color: #606266;
261
+ text-align: center;
262
+ cursor: pointer;
263
+ }
264
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:focus {
265
+ outline: none;
266
+ }
267
+ .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:hover {
268
+ color: #409eff;
269
+ }
231
270
 
232
271
  .vxe-custom--option-wrapper .vxe-custom--header,
233
272
  .vxe-custom--option-wrapper .vxe-custom--body {
@@ -239,18 +278,24 @@
239
278
  -webkit-user-select: none;
240
279
  -moz-user-select: none;
241
280
  -ms-user-select: none;
242
- user-select: none; }
243
- .vxe-custom--option-wrapper .vxe-custom--header > li,
244
- .vxe-custom--option-wrapper .vxe-custom--body > li {
245
- overflow: hidden;
246
- text-overflow: ellipsis;
247
- white-space: nowrap; }
281
+ user-select: none;
282
+ }
283
+ .vxe-custom--option-wrapper .vxe-custom--header > li,
284
+ .vxe-custom--option-wrapper .vxe-custom--body > li {
285
+ overflow: hidden;
286
+ text-overflow: ellipsis;
287
+ white-space: nowrap;
288
+ }
248
289
 
249
290
  .vxe-toolbar {
250
- font-size: 14px; }
251
- .vxe-toolbar.size--medium {
252
- font-size: 14px; }
253
- .vxe-toolbar.size--small {
254
- font-size: 13px; }
255
- .vxe-toolbar.size--mini {
256
- font-size: 12px; }
291
+ font-size: 14px;
292
+ }
293
+ .vxe-toolbar.size--medium {
294
+ font-size: 14px;
295
+ }
296
+ .vxe-toolbar.size--small {
297
+ font-size: 13px;
298
+ }
299
+ .vxe-toolbar.size--mini {
300
+ font-size: 12px;
301
+ }
package/lib/tools/dom.js CHANGED
@@ -8,57 +8,43 @@ exports.getOffsetHeight = getOffsetHeight;
8
8
  exports.getPaddingTopBottomSize = getPaddingTopBottomSize;
9
9
  exports.setScrollLeft = setScrollLeft;
10
10
  exports.setScrollTop = setScrollTop;
11
-
12
11
  var _xeUtils = _interopRequireDefault(require("xe-utils"));
13
-
14
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
13
  var browse = _xeUtils.default.browse();
17
-
18
14
  exports.browse = browse;
19
15
  var reClsMap = {};
20
-
21
16
  function getClsRE(cls) {
22
17
  if (!reClsMap[cls]) {
23
18
  reClsMap[cls] = new RegExp("(?:^|\\s)".concat(cls, "(?!\\S)"), 'g');
24
19
  }
25
-
26
20
  return reClsMap[cls];
27
21
  }
28
-
29
22
  function getNodeOffset(elem, container, rest) {
30
23
  if (elem) {
31
24
  var parentElem = elem.parentNode;
32
25
  rest.top += elem.offsetTop;
33
26
  rest.left += elem.offsetLeft;
34
-
35
27
  if (parentElem && parentElem !== document.documentElement && parentElem !== document.body) {
36
28
  rest.top -= parentElem.scrollTop;
37
29
  rest.left -= parentElem.scrollLeft;
38
30
  }
39
-
40
31
  if (container && (elem === container || elem.offsetParent === container) ? 0 : elem.offsetParent) {
41
32
  return getNodeOffset(elem.offsetParent, container, rest);
42
33
  }
43
34
  }
44
-
45
35
  return rest;
46
36
  }
47
-
48
37
  function isScale(val) {
49
38
  return val && /^\d+%$/.test(val);
50
39
  }
51
-
52
40
  function hasClass(elem, cls) {
53
41
  return elem && elem.className && elem.className.match && elem.className.match(getClsRE(cls));
54
42
  }
55
-
56
43
  function removeClass(elem, cls) {
57
44
  if (elem && hasClass(elem, cls)) {
58
45
  elem.className = elem.className.replace(getClsRE(cls), '');
59
46
  }
60
47
  }
61
-
62
48
  function getDomNode() {
63
49
  var documentElement = document.documentElement;
64
50
  var bodyElem = document.body;
@@ -69,47 +55,39 @@ function getDomNode() {
69
55
  visibleWidth: documentElement.clientWidth || bodyElem.clientWidth
70
56
  };
71
57
  }
72
-
73
58
  function getOffsetHeight(elem) {
74
59
  return elem ? elem.offsetHeight : 0;
75
60
  }
76
-
77
61
  function getPaddingTopBottomSize(elem) {
78
62
  if (elem) {
79
63
  var computedStyle = getComputedStyle(elem);
80
-
81
64
  var paddingTop = _xeUtils.default.toNumber(computedStyle.paddingTop);
82
-
83
65
  var paddingBottom = _xeUtils.default.toNumber(computedStyle.paddingBottom);
84
-
85
66
  return paddingTop + paddingBottom;
86
67
  }
87
-
88
68
  return 0;
89
69
  }
90
-
91
70
  function setScrollTop(elem, scrollTop) {
92
71
  if (elem) {
93
72
  elem.scrollTop = scrollTop;
94
73
  }
95
74
  }
96
-
97
75
  function setScrollLeft(elem, scrollLeft) {
98
76
  if (elem) {
99
77
  elem.scrollLeft = scrollLeft;
100
78
  }
101
- } // export function setScrollLeftAndTop (elem, scrollLeft, scrollTop) {
79
+ }
80
+
81
+ // export function setScrollLeftAndTop (elem, scrollLeft, scrollTop) {
102
82
  // if (elem) {
103
83
  // elem.scrollLeft = scrollLeft
104
84
  // elem.scrollTop = scrollTop
105
85
  // }
106
86
  // }
107
87
 
108
-
109
88
  function isNodeElement(elem) {
110
89
  return elem && elem.nodeType === 1;
111
90
  }
112
-
113
91
  var DomTools = {
114
92
  browse: browse,
115
93
  isPx: function isPx(val) {
@@ -126,20 +104,17 @@ var DomTools = {
126
104
  },
127
105
  updateCellTitle: function updateCellTitle(overflowElem, column) {
128
106
  var content = column.type === 'html' ? overflowElem.innerText : overflowElem.textContent;
129
-
130
107
  if (overflowElem.getAttribute('title') !== content) {
131
108
  overflowElem.setAttribute('title', content);
132
109
  }
133
110
  },
134
111
  getDomNode: getDomNode,
135
-
136
112
  /**
137
113
  * 检查触发源是否属于目标节点
138
114
  */
139
115
  getEventTargetNode: function getEventTargetNode(evnt, container, queryCls, queryMethod) {
140
116
  var targetElem;
141
117
  var target = evnt.target;
142
-
143
118
  while (target && target.nodeType && target !== document) {
144
119
  if (queryCls && hasClass(target, queryCls) && (!queryMethod || queryMethod(target))) {
145
120
  targetElem = target;
@@ -150,15 +125,12 @@ var DomTools = {
150
125
  targetElem: targetElem
151
126
  };
152
127
  }
153
-
154
128
  target = target.parentNode;
155
129
  }
156
-
157
130
  return {
158
131
  flag: false
159
132
  };
160
133
  },
161
-
162
134
  /**
163
135
  * 获取元素相对于 document 的位置
164
136
  */
@@ -172,13 +144,11 @@ var DomTools = {
172
144
  var bounding = elem.getBoundingClientRect();
173
145
  var boundingTop = bounding.top;
174
146
  var boundingLeft = bounding.left;
175
-
176
147
  var _getDomNode = getDomNode(),
177
- scrollTop = _getDomNode.scrollTop,
178
- scrollLeft = _getDomNode.scrollLeft,
179
- visibleHeight = _getDomNode.visibleHeight,
180
- visibleWidth = _getDomNode.visibleWidth;
181
-
148
+ scrollTop = _getDomNode.scrollTop,
149
+ scrollLeft = _getDomNode.scrollLeft,
150
+ visibleHeight = _getDomNode.visibleHeight,
151
+ visibleWidth = _getDomNode.visibleWidth;
182
152
  return {
183
153
  boundingTop: boundingTop,
184
154
  top: scrollTop + boundingTop,
@@ -191,7 +161,6 @@ var DomTools = {
191
161
  scrollToView: function scrollToView(elem) {
192
162
  var scrollIntoViewIfNeeded = 'scrollIntoViewIfNeeded';
193
163
  var scrollIntoView = 'scrollIntoView';
194
-
195
164
  if (elem) {
196
165
  if (elem[scrollIntoViewIfNeeded]) {
197
166
  elem[scrollIntoViewIfNeeded]();
@@ -208,23 +177,19 @@ var DomTools = {
208
177
  calcHeight: function calcHeight($xetable, key) {
209
178
  var val = $xetable[key];
210
179
  var num = 0;
211
-
212
180
  if (val) {
213
181
  if (val === 'auto') {
214
182
  num = $xetable.parentHeight;
215
183
  } else {
216
184
  var excludeHeight = $xetable.getExcludeHeight();
217
-
218
185
  if (isScale(val)) {
219
186
  num = Math.floor((_xeUtils.default.toInteger(val) || 1) / 100 * $xetable.parentHeight);
220
187
  } else {
221
188
  num = _xeUtils.default.toNumber(val);
222
189
  }
223
-
224
190
  num = Math.max(40, num - excludeHeight);
225
191
  }
226
192
  }
227
-
228
193
  return num;
229
194
  },
230
195
  isNodeElement: isNodeElement