vxe-table 3.6.0-beta.4 → 3.6.0-beta.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 (51) hide show
  1. package/helper/vetur/attributes.json +17 -5
  2. package/helper/vetur/tags.json +10 -2
  3. package/lib/button/style/style.css +14 -5
  4. package/lib/button/style/style.min.css +1 -1
  5. package/lib/export/style/style.css +0 -12
  6. package/lib/export/style/style.min.css +1 -1
  7. package/lib/filter/style/style.css +0 -12
  8. package/lib/filter/style/style.min.css +1 -1
  9. package/lib/grid/style/style.css +1 -1
  10. package/lib/grid/style/style.min.css +1 -1
  11. package/lib/icon/index.js +10 -4
  12. package/lib/icon/index.min.js +1 -1
  13. package/lib/icon/src/icon.js +28 -0
  14. package/lib/icon/src/icon.min.js +1 -0
  15. package/lib/icon/style/style.css +70 -550
  16. package/lib/icon/style/style.min.css +1 -1
  17. package/lib/index.css +1 -1
  18. package/lib/index.umd.js +45 -11
  19. package/lib/index.umd.min.js +1 -1
  20. package/lib/input/style/style.css +1 -1
  21. package/lib/input/style/style.min.css +1 -1
  22. package/lib/modal/src/modal.js +12 -5
  23. package/lib/modal/src/modal.min.js +1 -1
  24. package/lib/modal/style/style.css +22 -13
  25. package/lib/modal/style/style.min.css +1 -1
  26. package/lib/pager/style/style.css +1 -1
  27. package/lib/pager/style/style.min.css +1 -1
  28. package/lib/style.css +1 -1
  29. package/lib/style.min.css +1 -1
  30. package/lib/toolbar/style/style.css +1 -9
  31. package/lib/toolbar/style/style.min.css +1 -1
  32. package/lib/tools/log.js +1 -1
  33. package/lib/tools/log.min.js +1 -1
  34. package/lib/v-x-e-table/index.js +1 -1
  35. package/lib/v-x-e-table/index.min.js +1 -1
  36. package/lib/v-x-e-table/style/style.css +72 -552
  37. package/lib/v-x-e-table/style/style.min.css +1 -1
  38. package/package.json +3 -3
  39. package/packages/icon/index.js +7 -4
  40. package/packages/icon/src/icon.js +19 -0
  41. package/packages/modal/src/modal.js +29 -21
  42. package/styles/button.scss +4 -2
  43. package/styles/export.scss +0 -29
  44. package/styles/filter.scss +0 -29
  45. package/styles/icon.scss +89 -27
  46. package/styles/input.scss +1 -1
  47. package/styles/loading.scss +1 -1
  48. package/styles/modal.scss +19 -16
  49. package/styles/toolbar.scss +0 -20
  50. package/styles/variable.scss +1 -1
  51. package/types/table.d.ts +56 -18
package/styles/modal.scss CHANGED
@@ -150,11 +150,6 @@
150
150
  }
151
151
  }
152
152
 
153
- &.type--modal {
154
- .vxe-modal--header {
155
- padding: 0.6em 4.6em 0.6em 1em;
156
- }
157
- }
158
153
  &.type--alert,
159
154
  &.type--confirm {
160
155
  .vxe-modal--status-wrapper {
@@ -238,36 +233,44 @@
238
233
  flex-grow: 1;
239
234
  }
240
235
  .vxe-modal--header {
236
+ display: flex;
237
+ flex-direction: row;
241
238
  flex-shrink: 0;
242
239
  font-size: 1.1em;
243
240
  font-weight: 700;
244
- padding: 0.6em 2.8em 0.6em 1em;
245
241
  border-bottom: 1px solid $vxe-modal-border-color;
246
242
  background-color: $vxe-modal-header-background-color;
247
243
  border-radius: $vxe-border-radius $vxe-border-radius 0 0;
248
244
  user-select: none;
249
245
  &.is--draggable {
250
- cursor: move;
246
+ .vxe-modal--header-title {
247
+ cursor: move;
248
+ }
251
249
  }
252
250
  &.is--ellipsis {
253
- overflow: hidden;
254
- text-overflow: ellipsis;
255
- white-space: nowrap;
251
+ .vxe-modal--header-title {
252
+ overflow: hidden;
253
+ text-overflow: ellipsis;
254
+ white-space: nowrap;
255
+ }
256
256
  }
257
257
  }
258
+ .vxe-modal--header-title {
259
+ flex-grow: 1;
260
+ padding: 0.6em 0 0.6em 1em;
261
+ }
262
+ .vxe-modal--header-right {
263
+ flex-shrink: 0;
264
+ padding: 0.6em 1em 0.6em 0;
265
+ }
258
266
  .vxe-modal--zoom-btn,
259
267
  .vxe-modal--close-btn {
260
- position: absolute;
261
- right: 14px;
262
- z-index: 1;
263
268
  cursor: pointer;
269
+ margin-left: 0.6em;
264
270
  &:hover {
265
271
  color: $vxe-primary-color;
266
272
  }
267
273
  }
268
- .vxe-modal--zoom-btn {
269
- right: 44px;
270
- }
271
274
  .vxe-modal--footer {
272
275
  flex-shrink: 0;
273
276
  text-align: right;
@@ -175,33 +175,13 @@
175
175
 
176
176
  .vxe-toolbar {
177
177
  font-size: $vxe-font-size;
178
- .vxe-custom--option {
179
- & > .vxe-checkbox--icon {
180
- font-size: $vxe-checkbox-font-size-default;
181
- }
182
- }
183
178
  &.size--medium {
184
179
  font-size: $vxe-font-size-medium;
185
- .vxe-custom--option {
186
- & > .vxe-checkbox--icon {
187
- font-size: $vxe-checkbox-font-size-medium;
188
- }
189
- }
190
180
  }
191
181
  &.size--small {
192
182
  font-size: $vxe-font-size-small;
193
- .vxe-custom--option {
194
- & > .vxe-checkbox--icon {
195
- font-size: $vxe-checkbox-font-size-small;
196
- }
197
- }
198
183
  }
199
184
  &.size--mini {
200
185
  font-size: $vxe-font-size-mini;
201
- .vxe-custom--option {
202
- & > .vxe-checkbox--icon {
203
- font-size: $vxe-checkbox-font-size-mini;
204
- }
205
- }
206
186
  }
207
187
  }
@@ -108,7 +108,7 @@ $vxe-table-menu-item-width: 178px !default;
108
108
  $vxe-table-menu-background-color: #fff !default;
109
109
 
110
110
  /*loading*/
111
- $vxe-loading-background-color: rgba(0, 0, 0, 0.3) !default;
111
+ $vxe-loading-background-color: rgba(0, 0, 0, 0.2) !default;
112
112
  $vxe-loading-z-index: 999 !default;
113
113
 
114
114
  /*validate*/
package/types/table.d.ts CHANGED
@@ -859,41 +859,79 @@ export declare class Table extends VXETableComponent {
859
859
  */
860
860
  getUpdateRecords(): RowInfo[];
861
861
  /**
862
- * 手动清除单元格激活状态
862
+ * 请使用 clearEdit
863
+ * @deprecated
863
864
  */
864
- clearActived(): Promise<any>;
865
+ clearActived(evnt?: Event): Promise<any>
866
+ /**
867
+ * 手动清除单元格激活状态
868
+ */
869
+ clearEdit(evnt?: Event): Promise<any>
865
870
  /**
866
871
  * 用于 mouse-config.area,用于清除鼠标选择的区域,可以指定清除的区域
867
872
  */
868
873
  clearCellAreas(area?: number | MouseCellArea): Promise<any>;
869
874
  /**
870
- * 用于 edit-config,获取已激活的行数据
875
+ * 请使用 getEditRecord
876
+ * @deprecated
871
877
  */
872
878
  getActiveRecord(): {
873
- row: RowInfo;
874
- rowIndex: number;
875
- $rowIndex: number;
876
- column: ColumnInfo;
877
- columnIndex: number;
878
- $columnIndex: number;
879
- cell: HTMLElement;
880
- };
879
+ row: any
880
+ rowIndex: number
881
+ $rowIndex: number
882
+ column: ColumnInfo
883
+ columnIndex: number
884
+ $columnIndex: number
885
+ cell: HTMLElement
886
+ }
881
887
  /**
882
- * 用于 edit-config,判断行是否为激活编辑状态
883
- * @param row 指定行
888
+ * 用于 edit-config,获取已激活的行数据
889
+ */
890
+ getEditRecord(): {
891
+ row: any
892
+ rowIndex: number
893
+ $rowIndex: number
894
+ column: ColumnInfo
895
+ columnIndex: number
896
+ $columnIndex: number
897
+ cell: HTMLElement
898
+ }
899
+ /**
900
+ * 请使用 isEditByRow
901
+ * @deprecated
884
902
  */
885
- isActiveByRow(row: RowInfo): boolean;
903
+ isActiveByRow(row: any): boolean
904
+ /**
905
+ * 用于 edit-config,判断行是否为激活编辑状态
906
+ * @param row 指定行
907
+ */
908
+ isEditByRow(row: any): boolean
886
909
  /**
887
910
  * 用于 edit-config,激活行编辑并激活第一个单元格
888
911
  * @param row 指定行
889
912
  */
890
913
  setActiveRow(row: RowInfo): Promise<any>;
891
914
  /**
892
- * 用于 edit-config,激活单元格编辑
893
- * @param row 指定行
894
- * @param field 字段名
915
+ * 请使用 setEditRow
916
+ * @deprecated
895
917
  */
896
- setActiveCell(row: RowInfo, field: string): Promise<any>;
918
+ setActiveRow(row: any): Promise<any>
919
+ /**
920
+ * 用于 edit-config,激活行编辑并激活第一个单元格
921
+ * @param row 指定行
922
+ */
923
+ setEditRow(row: any): Promise<any>
924
+ /**
925
+ * 请使用 setEditCell
926
+ * @deprecated
927
+ */
928
+ setActiveCell(row: any, fieldOrColumn: string | ColumnInfo): Promise<any>
929
+ /**
930
+ * 用于 edit-config,激活单元格编辑
931
+ * @param row 指定行
932
+ * @param field 字段名
933
+ */
934
+ setEditCell(row: any, fieldOrColumn: string | ColumnInfo): Promise<any>
897
935
  /**
898
936
  * 用于 mouse-config.mouse-config,选中某个单元格
899
937
  * @param row 指定行