bkui-vue 2.0.1-beta.93 → 2.0.1-beta.94

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 (17) hide show
  1. package/dist/index.cjs.js +37 -37
  2. package/dist/index.esm.js +8639 -8583
  3. package/dist/index.umd.js +34 -34
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/index.js +1 -1
  7. package/lib/table/hooks/use-checkbox-tooltip.d.ts +11 -0
  8. package/lib/table/hooks/use-settings.d.ts +2 -0
  9. package/lib/table/index.js +585 -54
  10. package/lib/table/plugins/settings.css +10 -1
  11. package/lib/table/plugins/settings.less +11 -1
  12. package/lib/table/plugins/settings.variable.css +10 -1
  13. package/lib/table/props.d.ts +8 -6
  14. package/lib/table/table.css +10 -1
  15. package/lib/table/table.variable.css +10 -1
  16. package/lib/table/utils.d.ts +1 -6
  17. package/package.json +1 -1
package/lib/table/plugins/settings.css CHANGED
@@ -217,10 +217,19 @@
217
217
  margin-top: 16px;
218
218
  line-height: 16px;
219
219
  }
220
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
220
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label,
221
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item .bk-checkbox-label {
222
+ max-width: calc(100% - 22px);
221
223
  overflow: hidden;
222
224
  text-overflow: ellipsis;
223
225
  white-space: nowrap;
226
+ word-break: break-all;
227
+ }
228
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
229
+ max-width: 100%;
230
+ }
231
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label .bk-checkbox-label {
232
+ max-width: max-content;
224
233
  }
225
234
  .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height {
226
235
  display: flex;
package/lib/table/plugins/settings.less CHANGED
@@ -103,10 +103,20 @@
103
103
  margin-top: 16px;
104
104
  line-height: 16px;
105
105
 
106
- > label {
106
+ > label,
107
+ .bk-checkbox-label {
108
+ max-width: calc(100% - 22px);
107
109
  overflow: hidden;
108
110
  text-overflow: ellipsis;
109
111
  white-space: nowrap;
112
+ word-break: break-all;
113
+ }
114
+
115
+ > label {
116
+ max-width: 100%;
117
+ .bk-checkbox-label {
118
+ max-width: max-content;
119
+ }
110
120
  }
111
121
  }
112
122
  }
package/lib/table/plugins/settings.variable.css CHANGED
@@ -477,10 +477,19 @@
477
477
  margin-top: 16px;
478
478
  line-height: 16px;
479
479
  }
480
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
480
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label,
481
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item .bk-checkbox-label {
482
+ max-width: calc(100% - 22px);
481
483
  overflow: hidden;
482
484
  text-overflow: ellipsis;
483
485
  white-space: nowrap;
486
+ word-break: break-all;
487
+ }
488
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
489
+ max-width: 100%;
490
+ }
491
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label .bk-checkbox-label {
492
+ max-width: max-content;
484
493
  }
485
494
  .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height {
486
495
  display: flex;
package/lib/table/props.d.ts CHANGED
@@ -66,13 +66,15 @@ export type ISortShape = {
66
66
  value?: SORT_OPTION;
67
67
  };
68
68
  export type ISortPropShape = ISortShape | boolean | string;
69
+ export type IHeadFilter = {
70
+ label: string;
71
+ text?: string;
72
+ value: string;
73
+ tipKey?: string;
74
+ showOverflowTooltip?: boolean;
75
+ };
69
76
  export type IFilterShape = {
70
- list: {
71
- label: string;
72
- text?: string;
73
- value: string;
74
- tipKey?: string;
75
- }[];
77
+ list: IHeadFilter[];
76
78
  filterFn?: (...args: any[]) => boolean;
77
79
  match?: FullEnum;
78
80
  checked?: string[];
package/lib/table/table.css CHANGED
@@ -1228,10 +1228,19 @@
1228
1228
  margin-top: 16px;
1229
1229
  line-height: 16px;
1230
1230
  }
1231
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
1231
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label,
1232
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item .bk-checkbox-label {
1233
+ max-width: calc(100% - 22px);
1232
1234
  overflow: hidden;
1233
1235
  text-overflow: ellipsis;
1234
1236
  white-space: nowrap;
1237
+ word-break: break-all;
1238
+ }
1239
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
1240
+ max-width: 100%;
1241
+ }
1242
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label .bk-checkbox-label {
1243
+ max-width: max-content;
1235
1244
  }
1236
1245
  .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height {
1237
1246
  display: flex;
package/lib/table/table.variable.css CHANGED
@@ -1618,10 +1618,19 @@
1618
1618
  margin-top: 16px;
1619
1619
  line-height: 16px;
1620
1620
  }
1621
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
1621
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label,
1622
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item .bk-checkbox-label {
1623
+ max-width: calc(100% - 22px);
1622
1624
  overflow: hidden;
1623
1625
  text-overflow: ellipsis;
1624
1626
  white-space: nowrap;
1627
+ word-break: break-all;
1628
+ }
1629
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
1630
+ max-width: 100%;
1631
+ }
1632
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label .bk-checkbox-label {
1633
+ max-width: max-content;
1625
1634
  }
1626
1635
  .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height {
1627
1636
  display: flex;
package/lib/table/utils.d.ts CHANGED
@@ -136,12 +136,7 @@ export declare const resolveColumnSortProp: (col: Column, props: TablePropTypes)
136
136
  };
137
137
  export declare const resolveColumnFilterProp: (col: Column) => {
138
138
  enabled: boolean;
139
- list: {
140
- label: string;
141
- text?: string;
142
- value: string;
143
- tipKey?: string;
144
- }[];
139
+ list: import("./props").IHeadFilter[];
145
140
  filterFn?: (...args: any[]) => boolean;
146
141
  match?: import("./props").FullEnum;
147
142
  checked?: string[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bkui-vue",
3
- "version": "2.0.1-beta.93",
3
+ "version": "2.0.1-beta.94",
4
4
  "workspaces": [
5
5
  "packages/**",
6
6
  "scripts/cli",