tntd 3.0.67 → 3.0.68-beta.2
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.
- package/es/anchor/anchor.less +3 -3
- package/es/form/style/index.less +5 -5
- package/es/index.js +7 -0
- package/es/index.js.map +1 -1
- package/es/index.less +0 -1
- package/es/prev-locale.js +4 -2
- package/es/prev-locale.js.map +1 -1
- package/es/query-form/Field/Checkbox.js +1 -1
- package/es/query-form/Field/Checkbox.js.map +1 -1
- package/es/query-form/Field/Composition/FieldPopover.js +13 -109
- package/es/query-form/Field/Composition/Select.js +13 -109
- package/es/query-form/Field/Composition/SelectInput.js +10 -87
- package/es/query-form/Field/Composition/ValueTag.js +10 -87
- package/es/query-form/Field/Composition/index.js +17 -121
- package/es/query-form/Field/Composition/utils.js +1 -5
- package/es/query-form/Field/SelectInput.js +16 -12
- package/es/query-form/Field/SelectInput.js.map +1 -1
- package/es/query-form/Field/fieldsMap.js +2 -2
- package/es/query-form/Field/fieldsMap.js.map +1 -1
- package/es/query-form/Field/index.js +2 -1
- package/es/query-form/Field/index.js.map +1 -1
- package/es/query-form/index.js +226 -357
- package/es/query-form/index.js.map +1 -1
- package/es/query-form/index.less +26 -77
- package/es/query-list-scene/List.js +15 -2
- package/es/query-list-scene/List.js.map +1 -1
- package/es/query-list-scene/QueryForm.js +35 -13
- package/es/query-list-scene/QueryForm.js.map +1 -1
- package/es/query-list-scene/index.js +2 -1
- package/es/query-list-scene/index.js.map +1 -1
- package/es/scroll-bar/ScrollBar.js +8 -5
- package/es/scroll-bar/ScrollBar.js.map +1 -1
- package/es/table/hooks/use-column-setting.js.map +1 -1
- package/es/table/resizableTable/index.less +1 -1
- package/es/table/table.js +8 -2
- package/es/table/table.js.map +1 -1
- package/es/tntd-action_backup/index.less +114 -0
- package/es/tntd-checkbox-select/index.js +263 -0
- package/es/tntd-checkbox-select/index.js.map +1 -0
- package/es/tntd-checkbox-select/index.less +68 -0
- package/es/tntd-select/index.js.map +1 -1
- package/es/tntd-virtual-tree/index.js +0 -3
- package/es/tntd-virtual-tree/index.js.map +1 -1
- package/lib/anchor/anchor.less +3 -3
- package/lib/form/style/index.less +5 -5
- package/lib/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +7 -0
- package/lib/index.js.map +1 -1
- package/lib/index.less +0 -1
- package/lib/prev-locale.d.ts +3 -0
- package/lib/prev-locale.d.ts.map +1 -1
- package/lib/prev-locale.js +4 -2
- package/lib/prev-locale.js.map +1 -1
- package/lib/query-form/Field/Checkbox.js +1 -1
- package/lib/query-form/Field/Checkbox.js.map +1 -1
- package/lib/query-form/Field/SelectInput.d.ts.map +1 -1
- package/lib/query-form/Field/SelectInput.js +16 -12
- package/lib/query-form/Field/SelectInput.js.map +1 -1
- package/lib/query-form/Field/fieldsMap.d.ts +6 -3
- package/lib/query-form/Field/fieldsMap.d.ts.map +1 -1
- package/lib/query-form/Field/fieldsMap.js +2 -2
- package/lib/query-form/Field/fieldsMap.js.map +1 -1
- package/lib/query-form/Field/index.d.ts.map +1 -1
- package/lib/query-form/Field/index.js +2 -1
- package/lib/query-form/Field/index.js.map +1 -1
- package/lib/query-form/index.d.ts +1 -36
- package/lib/query-form/index.d.ts.map +1 -1
- package/lib/query-form/index.js +262 -397
- package/lib/query-form/index.js.map +1 -1
- package/lib/query-form/index.less +26 -77
- package/lib/query-list-scene/List.d.ts.map +1 -1
- package/lib/query-list-scene/List.js +15 -2
- package/lib/query-list-scene/List.js.map +1 -1
- package/lib/query-list-scene/QueryForm.d.ts +5 -4
- package/lib/query-list-scene/QueryForm.d.ts.map +1 -1
- package/lib/query-list-scene/QueryForm.js +35 -13
- package/lib/query-list-scene/QueryForm.js.map +1 -1
- package/lib/query-list-scene/index.d.ts.map +1 -1
- package/lib/query-list-scene/index.js +2 -1
- package/lib/query-list-scene/index.js.map +1 -1
- package/lib/scroll-bar/ScrollBar.js +8 -5
- package/lib/scroll-bar/ScrollBar.js.map +1 -1
- package/lib/table/hooks/use-column-setting.d.ts +1 -0
- package/lib/table/hooks/use-column-setting.d.ts.map +1 -1
- package/lib/table/hooks/use-column-setting.js.map +1 -1
- package/lib/table/resizableTable/index.less +1 -1
- package/lib/table/table.d.ts.map +1 -1
- package/lib/table/table.js +8 -2
- package/lib/table/table.js.map +1 -1
- package/lib/tntd-action_backup/index.less +114 -0
- package/lib/tntd-checkbox-select/index.d.ts +12 -0
- package/lib/tntd-checkbox-select/index.d.ts.map +1 -0
- package/lib/tntd-checkbox-select/index.js +348 -0
- package/lib/tntd-checkbox-select/index.js.map +1 -0
- package/lib/tntd-checkbox-select/index.less +68 -0
- package/lib/tntd-select/index.d.ts.map +1 -1
- package/lib/tntd-select/index.js.map +1 -1
- package/lib/tntd-virtual-tree/index.js +0 -3
- package/lib/tntd-virtual-tree/index.js.map +1 -1
- package/package.json +2 -1
package/es/table/table.js
CHANGED
|
@@ -172,7 +172,7 @@ var Table = exports.Table = function Table(_a) {
|
|
|
172
172
|
});
|
|
173
173
|
}
|
|
174
174
|
if (!unTooltip) {
|
|
175
|
-
newColumns = newColumns === null || newColumns === void 0 ? void 0 : newColumns.map(function (column) {
|
|
175
|
+
newColumns = newColumns === null || newColumns === void 0 ? void 0 : newColumns.map(function (column, i) {
|
|
176
176
|
if (!(column.width && !String(column.width).includes('%'))) {
|
|
177
177
|
return column;
|
|
178
178
|
} else {
|
|
@@ -192,7 +192,13 @@ var Table = exports.Table = function Table(_a) {
|
|
|
192
192
|
widthLimit: Number(width) - Number(sizeWidthMap[size || 'default']) - (column.sorter ? 20 : 0)
|
|
193
193
|
};
|
|
194
194
|
}
|
|
195
|
-
|
|
195
|
+
var key = {};
|
|
196
|
+
if (column && 'resizeKey' in column && (typeof column.resizeKey === 'string' || typeof column.resizeKey === 'number')) {
|
|
197
|
+
key = {
|
|
198
|
+
key: i + '_' + column.resizeKey
|
|
199
|
+
};
|
|
200
|
+
}
|
|
201
|
+
return _react["default"].createElement(_ellipsis["default"], Object.assign({}, key, widthLimitObj, {
|
|
196
202
|
placement: (column === null || column === void 0 ? void 0 : column.placement) || 'topLeft',
|
|
197
203
|
title: title
|
|
198
204
|
}));
|
package/es/table/table.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,cAAc,MAAM,wCAAwC,CAAA;AAOnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,WAAW,MAAM,2BAA2B,CAAA;AACnD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,cAAc,MAAM,oBAAoB,CAAA;AAE/C,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,EAAE,EAAE,EAAE,EAAE,IAAI;CACb,CAAA;AAsBD,kBAAkB;AAClB,iDAAiD;AACjD,kCAAkC;AAClC,qCAAqC;AACrC,0DAA0D;AAC1D,mEAAmE;AACnE,0BAA0B;AAC1B,UAAU;AACV,QAAQ;AACR,MAAM;AACN,oBAAoB;AACpB,IAAI;AAEJ,MAAM,CAAC,MAAM,KAAK,GAAG,CAAK,EAsBV,EAAE,EAAE;QAtBM,EACxB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,QAAQ,EACR,OAAO,GAAG,IAAI,EACd,eAAe,GAAG,KAAK,EACvB,gBAAgB,GAAG,KAAK,EACxB,UAAU,EACV,aAAa,GAAG,KAAK,EACrB,OAAO,EACP,eAAe,EACf,gBAAgB,EAAE,SAAS;IAC3B,SAAS,EACT,YAAY,EACZ,YAAY,OAEE,EADX,IAAI,cArBiB,sRAsBzB,CADQ;IAEP,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACnD,4EAA4E;IAC5E,4BAA4B;IAC5B,cAAc;IACd,IAAI;IAEJ,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,OAAO,IAAI,gBAAgB,CAAI,QAA+B,CAAC,EACrE,CAAC,QAAQ,EAAE,OAAO,CAAC,CACpB,CAAA;IACD,MAAM,CAAC,cAAc,EAAE,aAAa,EAAE,gBAAgB,CAAC,GAAG,gBAAgB,CACxE,iBAAiB,EACjB,UAAU,CACX,CAAA;IAED,MAAM,eAAe,GAAG,CAAC,SAAiB,EAAE,EAAE;;QAC5C,IAAI,OAAO,IAAI,YAAY,KAAI,MAAA,IAAI,CAAC,YAAY,0CAAE,gBAAgB,CAAA,EAAE;YAClE,OAAO,CAAC,MAAS,EAAE,KAAa,EAAE,EAAE;gBAClC,MAAM,IAAI,GAAG,EAAE,CAAA;gBACf,IAAI,YAAY,EAAE;oBAChB,IAAI,UAAU,CAAC,YAAY,CAAC,EAAE;wBAC5B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;qBACvC;yBAAM,IAAI,QAAQ,CAAC,YAAY,CAAC,EAAE;wBACjC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;qBACxB;iBACF;gBACD,IAAI,OAAO,IAAI,KAAK,GAAG,CAAC,KAAK,CAAC,EAAE;oBAC9B,IAAI,CAAC,IAAI,CAAC,GAAG,SAAS,WAAW,CAAC,CAAA;iBACnC;gBACD,6CAA6C;gBAC7C,0EAA0E;gBAC1E,mDAAmD;gBACnD,6CAA6C;gBAC7C,MAAM;gBACN,IAAI;gBACJ,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;YACvB,CAAC,CAAA;SACF;QACD,OAAO,YAAY,CAAA;IACrB,CAAC,CAAA;IACD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAA;IAEpD,MAAM,IAAI,GAAG,WAAW,EAAE,CAAA;IAC1B,IAAI,UAAU,GAAG,cAAc,CAAA;IAC/B,WAAW;IACX,IAAI,IAAI,KAAK,IAAI,EAAE;QACjB,IAAI,CAAC,gBAAgB,EAAE;YACrB,UAAU,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBAC1C,uCACK,MAAM,KACT,KAAK,EAAE,CAAC,OAIP,EAAE,EAAE;wBACH,IAAI,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;wBACxB,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;4BAC/B,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAA;yBACvB;wBAED,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;4BAC/B,MAAM,cAAc,GAAG,CAAC,QAAqB,EAAmB,EAAE;;gCAChE,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;oCAC7D,OAAO,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,0CAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;;wCAC9C,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;4CAC/B,MAAM,UAAU,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAQ,CAAA;4CAC7C,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,kCAC1B,UAAU,KACb,QAAQ,EAAE,CAAA,MAAA,UAAU,CAAC,QAAQ,0CAAE,MAAM;oDACnC,CAAC,CAAC,cAAc,CAAC,UAAU,CAAC,QAAQ,CAAC;oDACrC,CAAC,CAAC,UAAU,CAAC,QAAQ,EACvB,KAAK,EAAE,cAAc,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,EAAE,eAAe,CAAC,IACzD,CAAA;yCACH;6CAAM;4CACL,OAAO,cAAc,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;yCAC9C;oCACH,CAAC,CAAC,CAAA;iCACH;gCACD,OAAO,cAAc,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAA;4BAClD,CAAC,CAAA;4BAED,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,kCAC1B,KAAK,CAAC,KAAK,KACd,QAAQ,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAC9C,CAAA;yBACH;wBAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;4BAC7B,OAAO,cAAc,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;yBAC9C;oBACH,CAAC,IACF;YACH,CAAC,CAAC,CAAA;SACH;QACD,IAAI,CAAC,SAAS,EAAE;YACd,UAAU,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBACtC,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE;oBAC1D,OAAO,MAAM,CAAA;iBACd;qBAAM;oBACL,uCACK,MAAM,KACT,KAAK,EAAE,CAAC,OAIP,EAAE,EAAE;4BACH,IAAI,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;4BACxB,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;gCAC/B,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAA;6BACvB;4BAED,IAAI,aAAa,GAAG,EAAE,CAAA;4BACtB,IAAI,MAAM,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gCACvD,IAAI,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;gCACxB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;oCAC7B,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAA;iCACtC;gCACD,aAAa,GAAG;oCACd,UAAU,EACR,MAAM,CAAC,KAAK,CAAC;wCACb,MAAM,CAAC,YAAY,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC;wCACvC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;iCAC3B,CAAA;6BACF;4BACD,OAAO,CACL,oBAAC,QAAQ,oBACH,aAAa,IACjB,SAAS,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,KAAI,SAAS,EACzC,KAAK,EAAE,KAAK,IACZ,CACH,CAAA;wBACH,CAAC,IACF;iBACF;YACH,CAAC,CAAC,CAAA;SACH;KACF;IAED;;OAEG;IACH,oBAAoB;IACpB,gBAAgB;IAChB,yBAAyB;IACzB,MAAM;IACN,2BAA2B;IAE3B;;OAEG;IACH,MAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,GAAG,cAAc,EAAE,CAAA;IAE5C,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO;YACL,oBAAoB,EAAE,CAAC,GAAwB,EAAE,EAAE;gBACjD,MAAM,GAAG,GAAY,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;gBAC/C,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,oBAAoB;oBAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,oBAAoB,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;gBACzE,uBAAuB;gBACvB,OAAO,CAAC,GAAa,CAAC,CAAA;YACxB,CAAC;YACD,iBAAiB,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,iBAAiB;gBACxC,CAAC,CAAC,CAAC,MAAS,EAAE,KAAa,EAAE,MAAc,EAAE,QAAiB,EAAE,EAAE;oBAC9D,MAAM,OAAO,GAAG,CAAC,CAAA;oBACjB,OAAO,CACL,6BAAK,SAAS,EAAC,8BAA8B,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,GAAG,OAAO,EAAE,IACjF,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,iBAAiB;yBACtB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,iBAAiB,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAA,CACtD,CACP,CAAA;gBACH,CAAC;gBACH,CAAC,CAAC,SAAS;SACd,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,iBAAiB,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAA;IAElE,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,mBAAmB;YACnB,cAAc;YACd,aAAa;YACb,OAAO;YACP,eAAe;YACf,yBAAyB;YACzB,gBAAgB;SACjB;QAED,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;YACpB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;YACvC,OAAO,CACL,6BAAK,GAAG,EAAE,cAAc;gBACtB,oBAAC,cAAc,IAAC,aAAa,EAAC,OAAO,EAAC,aAAa,EAAE,MAAM,IACxD,CAAC,YAAY,EAAE,EAAE;oBAChB,0DAA0D;oBAC1D,MAAM,gBAAgB,GACpB,UAAU,KAAK,KAAK;wBAClB,CAAC,iCACM,CAAC,UAAU,IAAI,EAAE,CAAC,KACrB,gBAAgB,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,gBAAgB,MAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAE3E,CAAC,CAAC,UAAU,CAAA;oBAChB,OAAO,CACL,oBAAC,cAAc,IACb,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;4BACtB,qBAAqB,CAAC,GAAG,EAAE;gCACzB,aAAa,CAAC,KAAK,CAAC,CAAA;4BACtB,CAAC,CAAC,CAAA;wBACJ,CAAC;wBAED,oBAAC,SAAS,kBACR,SAAS,EAAE,UAAU;4BACnB,aAAa;4BACb,mBAAmB,EACnB,GAAG,QAAQ,iBAAiB,EAC5B;gCACE,CAAC,GAAG,SAAS,aAAa,CAAC,EAAE,CAAC,QAAQ;gCACtC,CAAC,GAAG,SAAS,eAAe,CAAC,EAAE,CAAC,CAAC,QAAQ;gCACzC,CAAC,GAAG,SAAS,oBAAoB,CAAC,EAAE,CAAC,eAAe;gCACpD,CAAC,GAAG,SAAS,qBAAqB,CAAC,EAAE,gBAAgB;gCACrD,CAAC,GAAG,SAAS,aAAa,CAAC,EAAE,IAAI,KAAK,OAAO;gCAC7C,CAAC,GAAG,SAAS,cAAc,CAAC,EAAE,IAAI,KAAK,QAAQ;gCAC/C,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,OAAO,IAAI,CAAC,gBAAgB;gCACtD,CAAC,GAAG,SAAS,WAAW,CAAC,EAAE,QAAQ;gCACnC,CAAC,GAAG,SAAS,aAAa,CAAC,EAAE,IAAI,CAAC,MAAM;gCACxC,CAAC,GAAG,SAAS,gBAAgB,CAAC,EAAE,YAAY;gCAC5C,CAAC,GAAG,SAAS,SAAS,CAAC,EAAE,MAAM;6BAChC,EACD,SAAS,CACV,EACD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,UAAU,EACnB,YAAY,EAAE,eAAe,CAAC,SAAS,CAAC,EACxC,UAAU,EAAE,gBAAgB,IACxB,IAAI,EACJ,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAC/B,CACa,CAClB,CAAA;gBACH,CAAC,CACc,CACb,CACP,CAAA;QACH,CAAC,CACc,CACK,CACzB,CAAA;AACH,CAAC,CAAA;AAED,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;AACrB,KAAK,CAAC,WAAW,GAAG,WAAW,CAAA;AAC/B,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAC3B,KAAK,CAAC,cAAc,GAAG,cAAc,CAAA","sourcesContent":["import { ConfigConsumer } from '../config-provider'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport type {\n TableProps as AntdTableProps,\n ColumnProps,\n TableStateFilters,\n SortOrder,\n} from 'antd/es/table'\nimport { default as AntdTable } from 'antd/es/table'\nimport Column from 'antd/es/table/Column'\nimport ColumnGroup from 'antd/es/table/ColumnGroup'\nimport classNames from 'classnames'\nimport React, { useMemo, useRef, useState } from 'react'\nimport { isFunction, isString } from 'lodash'\nimport Ellipsis from '../ellipsis'\nimport { TableContext } from './context'\nimport { useColumnSetting, useExpandFixed } from './hooks'\nimport type { keyType } from './hooks'\nimport { normalizeColumns } from './utils'\nimport { titleCaseUpper } from '../utils/lang'\nimport { getLanguage } from '../prev-locale'\nimport ResizeObserver from 'rc-resize-observer'\n\nconst sizeWidthMap = {\n default: 40, //20\n middle: 20, //10\n small: 20, //10\n xs: 16, // 8\n}\n\nexport type TableProps<T> = Omit<AntdTableProps<T>, 'locale'> & {\n storageKey?: string\n enableToolbar?: boolean\n showCellBorders?: boolean\n hideCellShadowed?: boolean\n striped?: boolean\n sticky?: boolean\n shadowed?: boolean\n locale?: AntdTableProps<T>['locale'] & {\n loadingDescription?: string\n emptyText?: string\n }\n refresh?(): void\n unUpperConverted?: boolean // 不要转换表头\n unTooltip?: boolean // 不要tooltip\n smallPadding?: boolean // 缩小间距\n upperCaseIgnore?: string[]\n rowClassName?: (record: T, index: number) => string\n}\n\n// 判断是否是特殊的tooltip\n// const checkIsPrompt = (dom: any): boolean => {\n// let isPrompt: boolean = false\n// if (React.isValidElement(dom)) {\n// if (dom?.type && typeof dom?.type === 'function') {\n// if (['Tooltip', 'Popconfirm'].includes(dom?.type?.name)) {\n// isPrompt = true\n// }\n// }\n// }\n// return isPrompt\n// }\n\nexport const Table = <T,>({\n className,\n locale,\n bordered,\n size,\n storageKey,\n columns,\n children,\n sticky = false,\n shadowed,\n striped = true,\n showCellBorders = false,\n hideCellShadowed = false,\n pagination,\n enableToolbar = false,\n refresh,\n upperCaseIgnore,\n unUpperConverted, // 强制不要转换\n unTooltip,\n smallPadding,\n rowClassName,\n ...rest\n}: TableProps<T>) => {\n const tableContainer = useRef<HTMLDivElement>(null)\n // const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(\n // TABLE_SIZE_STORAGE_KEY,\n // 'default'\n // )\n\n const normalizedColumns = useMemo(\n () => columns || normalizeColumns<T>(children as React.ReactChildren),\n [children, columns]\n )\n const [displayColumns, columnSetting, setColumnSetting] = useColumnSetting(\n normalizedColumns,\n storageKey\n )\n\n const getRowClassName = (prefixCls: string) => {\n if (striped || rowClassName || rest.rowSelection?.getCheckboxProps) {\n return (record: T, index: number) => {\n const back = []\n if (rowClassName) {\n if (isFunction(rowClassName)) {\n back.push(rowClassName(record, index))\n } else if (isString(rowClassName)) {\n back.push(rowClassName)\n }\n }\n if (striped && index % 2 === 1) {\n back.push(`${prefixCls}-row-even`)\n }\n // if (rest.rowSelection?.getCheckboxProps) {\n // const checkboxProps: any = rest.rowSelection.getCheckboxProps(record)\n // if (checkboxProps && checkboxProps.disabled) {\n // back.push(`${prefixCls}-row-disabled`)\n // }\n // }\n return back.join(' ')\n }\n }\n return rowClassName\n }\n const [fixedWidth, setFixedWidth] = useState(Number)\n\n const lang = getLanguage()\n let newColumns = displayColumns\n // 非中文做处理\n if (lang !== 'cn') {\n if (!unUpperConverted) {\n newColumns = displayColumns?.map((column) => {\n return {\n ...column,\n title: (options: {\n filters: TableStateFilters\n sortOrder?: SortOrder\n sortColumn?: ColumnProps<T> | null\n }) => {\n let title = column.title\n if (typeof title === 'function') {\n title = title(options)\n }\n\n if (React.isValidElement(title)) {\n const renderChildren = (children: [] | string): React.ReactNode => {\n if (React.isValidElement(children) || Array.isArray(children)) {\n return React?.Children?.map(children, (child) => {\n if (React.isValidElement(child)) {\n const childProps = (child.props || {}) as any\n return React.cloneElement(child, {\n ...childProps,\n children: childProps.children?.length\n ? renderChildren(childProps.children)\n : childProps.children,\n title: titleCaseUpper(childProps?.title, upperCaseIgnore),\n })\n } else {\n return titleCaseUpper(child, upperCaseIgnore)\n }\n })\n }\n return titleCaseUpper(children, upperCaseIgnore)\n }\n\n return React.cloneElement(title, {\n ...title.props,\n children: renderChildren(title.props.children),\n })\n }\n\n if (typeof title === 'string') {\n return titleCaseUpper(title, upperCaseIgnore)\n }\n },\n }\n })\n }\n if (!unTooltip) {\n newColumns = newColumns?.map((column) => {\n if (!(column.width && !String(column.width).includes('%'))) {\n return column\n } else {\n return {\n ...column,\n title: (options: {\n filters: TableStateFilters\n sortOrder?: SortOrder\n sortColumn?: ColumnProps<T> | null\n }) => {\n let title = column.title\n if (typeof title === 'function') {\n title = title(options)\n }\n\n let widthLimitObj = {}\n if (column.width && !String(column.width).includes('%')) {\n let width = column.width\n if (typeof width === 'string') {\n width = width?.replace(/[^\\d]/g, ' ')\n }\n widthLimitObj = {\n widthLimit:\n Number(width) -\n Number(sizeWidthMap[size || 'default']) -\n (column.sorter ? 20 : 0),\n }\n }\n return (\n <Ellipsis\n {...widthLimitObj}\n placement={column?.placement || 'topLeft'}\n title={title}\n />\n )\n },\n }\n }\n })\n }\n }\n\n /**\n * update the innerSize when props size changes\n */\n // useEffect(() => {\n // if (size) {\n // setInnerSize(size)\n // }\n // }, [setInnerSize, size])\n\n /**\n * expand 与 fix 兼容,expand悬浮\n */\n const [tableKey, trigger] = useExpandFixed()\n\n const stickyProps = useMemo(() => {\n return {\n onExpandedRowsChange: (arg: string[] | number[]) => {\n const key: keyType = arg && arg[arg.length - 1]\n if (rest?.onExpandedRowsChange) rest?.onExpandedRowsChange([Number(key)])\n // 触发MutationObserver监听\n trigger(key as string)\n },\n expandedRowRender: rest?.expandedRowRender\n ? (record: T, index: number, indent: number, expanded: boolean) => {\n const padding = 0\n return (\n <div className=\"ant-table-expanded-row-fixed\" style={{ width: fixedWidth + padding }}>\n {rest?.expandedRowRender &&\n rest?.expandedRowRender(record, index, indent, expanded)}\n </div>\n )\n }\n : undefined,\n }\n }, [rest?.expandedRowRender, rest?.onExpandedRowsChange, trigger])\n\n return (\n <TableContext.Provider\n value={{\n // size: innerSize,\n tableContainer,\n columnSetting,\n refresh,\n upperCaseIgnore,\n // setSize: setInnerSize,\n setColumnSetting,\n }}\n >\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('table')\n return (\n <div ref={tableContainer}>\n <LocaleReceiver componentName=\"Table\" defaultLocale={locale}>\n {(localeObject) => {\n // const locale = localeObject as Record<string, string>\n const paginationConfig =\n pagination !== false\n ? {\n ...(pagination || {}),\n hideOnSinglePage: pagination?.hideOnSinglePage === false ? false : true,\n }\n : pagination\n return (\n <ResizeObserver\n onResize={({ width }) => {\n requestAnimationFrame(() => {\n setFixedWidth(width)\n })\n }}\n >\n <AntdTable\n className={classNames(\n // prefixCls,\n 'tnt-table-wrapper',\n `${tableKey} collapse-panel`,\n {\n [`${prefixCls}-borderless`]: !bordered,\n [`${prefixCls}-bordered-out`]: !!bordered,\n [`${prefixCls}-hide-cell-borders`]: !showCellBorders,\n [`${prefixCls}-hide-cell-shadowed`]: hideCellShadowed,\n [`${prefixCls}-size-small`]: size === 'small',\n [`${prefixCls}-size-middle`]: size === 'middle',\n [`${prefixCls}-striped`]: striped && !hideCellShadowed,\n [`${prefixCls}-shadowed`]: shadowed,\n [`${prefixCls}-has-footer`]: rest.footer,\n [`${prefixCls}-small-padding`]: smallPadding,\n [`${prefixCls}-sticky`]: sticky,\n },\n className\n )}\n locale={locale}\n bordered={bordered}\n size={size}\n columns={newColumns}\n rowClassName={getRowClassName(prefixCls)}\n pagination={paginationConfig}\n {...rest}\n {...(sticky ? stickyProps : {})}\n />\n </ResizeObserver>\n )\n }}\n </LocaleReceiver>\n </div>\n )\n }}\n </ConfigConsumer>\n </TableContext.Provider>\n )\n}\n\nTable.Column = Column\nTable.ColumnGroup = ColumnGroup\nTable.displayName = 'Table'\nTable.titleCaseUpper = titleCaseUpper\n"]}
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ConfigConsumer } from '../config-provider'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport type {\n TableProps as AntdTableProps,\n ColumnProps,\n TableStateFilters,\n SortOrder,\n} from 'antd/es/table'\nimport { default as AntdTable } from 'antd/es/table'\nimport Column from 'antd/es/table/Column'\nimport ColumnGroup from 'antd/es/table/ColumnGroup'\nimport classNames from 'classnames'\nimport React, { useMemo, useRef, useState } from 'react'\nimport { isFunction, isString } from 'lodash'\nimport Ellipsis from '../ellipsis'\nimport { TableContext } from './context'\nimport { useColumnSetting, useExpandFixed } from './hooks'\nimport type { keyType } from './hooks'\nimport { normalizeColumns } from './utils'\nimport { titleCaseUpper } from '../utils/lang'\nimport { getLanguage } from '../prev-locale'\nimport ResizeObserver from 'rc-resize-observer'\n\nconst sizeWidthMap = {\n default: 40, //20\n middle: 20, //10\n small: 20, //10\n xs: 16, // 8\n}\n\nexport type TableProps<T> = Omit<AntdTableProps<T>, 'locale'> & {\n storageKey?: string\n enableToolbar?: boolean\n showCellBorders?: boolean\n hideCellShadowed?: boolean\n striped?: boolean\n sticky?: boolean\n shadowed?: boolean\n locale?: AntdTableProps<T>['locale'] & {\n loadingDescription?: string\n emptyText?: string\n }\n refresh?(): void\n unUpperConverted?: boolean // 不要转换表头\n unTooltip?: boolean // 不要tooltip\n smallPadding?: boolean // 缩小间距\n upperCaseIgnore?: string[]\n rowClassName?: (record: T, index: number) => string\n}\n\n// 判断是否是特殊的tooltip\n// const checkIsPrompt = (dom: any): boolean => {\n// let isPrompt: boolean = false\n// if (React.isValidElement(dom)) {\n// if (dom?.type && typeof dom?.type === 'function') {\n// if (['Tooltip', 'Popconfirm'].includes(dom?.type?.name)) {\n// isPrompt = true\n// }\n// }\n// }\n// return isPrompt\n// }\n\nexport const Table = <T,>({\n className,\n locale,\n bordered,\n size,\n storageKey,\n columns,\n children,\n sticky = false,\n shadowed,\n striped = true,\n showCellBorders = false,\n hideCellShadowed = false,\n pagination,\n enableToolbar = false,\n refresh,\n upperCaseIgnore,\n unUpperConverted, // 强制不要转换\n unTooltip,\n smallPadding,\n rowClassName,\n ...rest\n}: TableProps<T>) => {\n const tableContainer = useRef<HTMLDivElement>(null)\n // const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(\n // TABLE_SIZE_STORAGE_KEY,\n // 'default'\n // )\n\n const normalizedColumns = useMemo(\n () => columns || normalizeColumns<T>(children as React.ReactChildren),\n [children, columns]\n )\n const [displayColumns, columnSetting, setColumnSetting] = useColumnSetting(\n normalizedColumns,\n storageKey\n )\n\n const getRowClassName = (prefixCls: string) => {\n if (striped || rowClassName || rest.rowSelection?.getCheckboxProps) {\n return (record: T, index: number) => {\n const back = []\n if (rowClassName) {\n if (isFunction(rowClassName)) {\n back.push(rowClassName(record, index))\n } else if (isString(rowClassName)) {\n back.push(rowClassName)\n }\n }\n if (striped && index % 2 === 1) {\n back.push(`${prefixCls}-row-even`)\n }\n // if (rest.rowSelection?.getCheckboxProps) {\n // const checkboxProps: any = rest.rowSelection.getCheckboxProps(record)\n // if (checkboxProps && checkboxProps.disabled) {\n // back.push(`${prefixCls}-row-disabled`)\n // }\n // }\n return back.join(' ')\n }\n }\n return rowClassName\n }\n const [fixedWidth, setFixedWidth] = useState(Number)\n\n const lang = getLanguage()\n let newColumns = displayColumns\n // 非中文做处理\n if (lang !== 'cn') {\n if (!unUpperConverted) {\n newColumns = displayColumns?.map((column) => {\n return {\n ...column,\n title: (options: {\n filters: TableStateFilters\n sortOrder?: SortOrder\n sortColumn?: ColumnProps<T> | null\n }) => {\n let title = column.title\n if (typeof title === 'function') {\n title = title(options)\n }\n\n if (React.isValidElement(title)) {\n const renderChildren = (children: [] | string): React.ReactNode => {\n if (React.isValidElement(children) || Array.isArray(children)) {\n return React?.Children?.map(children, (child) => {\n if (React.isValidElement(child)) {\n const childProps = (child.props || {}) as any\n return React.cloneElement(child, {\n ...childProps,\n children: childProps.children?.length\n ? renderChildren(childProps.children)\n : childProps.children,\n title: titleCaseUpper(childProps?.title, upperCaseIgnore),\n })\n } else {\n return titleCaseUpper(child, upperCaseIgnore)\n }\n })\n }\n return titleCaseUpper(children, upperCaseIgnore)\n }\n\n return React.cloneElement(title, {\n ...title.props,\n children: renderChildren(title.props.children),\n })\n }\n\n if (typeof title === 'string') {\n return titleCaseUpper(title, upperCaseIgnore)\n }\n },\n }\n })\n }\n if (!unTooltip) {\n newColumns = newColumns?.map((column, i) => {\n if (!(column.width && !String(column.width).includes('%'))) {\n return column\n } else {\n return {\n ...column,\n title: (options: {\n filters: TableStateFilters\n sortOrder?: SortOrder\n sortColumn?: ColumnProps<T> | null\n }) => {\n let title = column.title\n if (typeof title === 'function') {\n title = title(options)\n }\n\n let widthLimitObj = {}\n if (column.width && !String(column.width).includes('%')) {\n let width = column.width\n if (typeof width === 'string') {\n width = width?.replace(/[^\\d]/g, ' ')\n }\n widthLimitObj = {\n widthLimit:\n Number(width) -\n Number(sizeWidthMap[size || 'default']) -\n (column.sorter ? 20 : 0),\n }\n }\n\n let key = {}\n if (\n column &&\n 'resizeKey' in column &&\n (typeof column.resizeKey === 'string' || typeof column.resizeKey === 'number')\n ) {\n key = { key: i + '_' + (column as { resizeKey: string | number }).resizeKey }\n }\n return (\n <Ellipsis\n {...key}\n {...widthLimitObj}\n placement={column?.placement || 'topLeft'}\n title={title}\n />\n )\n },\n }\n }\n })\n }\n }\n\n /**\n * update the innerSize when props size changes\n */\n // useEffect(() => {\n // if (size) {\n // setInnerSize(size)\n // }\n // }, [setInnerSize, size])\n\n /**\n * expand 与 fix 兼容,expand悬浮\n */\n const [tableKey, trigger] = useExpandFixed()\n\n const stickyProps = useMemo(() => {\n return {\n onExpandedRowsChange: (arg: string[] | number[]) => {\n const key: keyType = arg && arg[arg.length - 1]\n if (rest?.onExpandedRowsChange) rest?.onExpandedRowsChange([Number(key)])\n // 触发MutationObserver监听\n trigger(key as string)\n },\n expandedRowRender: rest?.expandedRowRender\n ? (record: T, index: number, indent: number, expanded: boolean) => {\n const padding = 0\n return (\n <div className=\"ant-table-expanded-row-fixed\" style={{ width: fixedWidth + padding }}>\n {rest?.expandedRowRender &&\n rest?.expandedRowRender(record, index, indent, expanded)}\n </div>\n )\n }\n : undefined,\n }\n }, [rest?.expandedRowRender, rest?.onExpandedRowsChange, trigger])\n\n return (\n <TableContext.Provider\n value={{\n // size: innerSize,\n tableContainer,\n columnSetting,\n refresh,\n upperCaseIgnore,\n // setSize: setInnerSize,\n setColumnSetting,\n }}\n >\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('table')\n return (\n <div ref={tableContainer}>\n <LocaleReceiver componentName=\"Table\" defaultLocale={locale}>\n {(localeObject) => {\n // const locale = localeObject as Record<string, string>\n const paginationConfig =\n pagination !== false\n ? {\n ...(pagination || {}),\n hideOnSinglePage: pagination?.hideOnSinglePage === false ? false : true,\n }\n : pagination\n return (\n <ResizeObserver\n onResize={({ width }) => {\n requestAnimationFrame(() => {\n setFixedWidth(width)\n })\n }}\n >\n <AntdTable\n className={classNames(\n // prefixCls,\n 'tnt-table-wrapper',\n `${tableKey} collapse-panel`,\n {\n [`${prefixCls}-borderless`]: !bordered,\n [`${prefixCls}-bordered-out`]: !!bordered,\n [`${prefixCls}-hide-cell-borders`]: !showCellBorders,\n [`${prefixCls}-hide-cell-shadowed`]: hideCellShadowed,\n [`${prefixCls}-size-small`]: size === 'small',\n [`${prefixCls}-size-middle`]: size === 'middle',\n [`${prefixCls}-striped`]: striped && !hideCellShadowed,\n [`${prefixCls}-shadowed`]: shadowed,\n [`${prefixCls}-has-footer`]: rest.footer,\n [`${prefixCls}-small-padding`]: smallPadding,\n [`${prefixCls}-sticky`]: sticky,\n },\n className\n )}\n locale={locale}\n bordered={bordered}\n size={size}\n columns={newColumns}\n rowClassName={getRowClassName(prefixCls)}\n pagination={paginationConfig}\n {...rest}\n {...(sticky ? stickyProps : {})}\n />\n </ResizeObserver>\n )\n }}\n </LocaleReceiver>\n </div>\n )\n }}\n </ConfigConsumer>\n </TableContext.Provider>\n )\n}\n\nTable.Column = Column\nTable.ColumnGroup = ColumnGroup\nTable.displayName = 'Table'\nTable.titleCaseUpper = titleCaseUpper\n"]}
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
.tnt-action {
|
|
2
|
+
position: fixed;
|
|
3
|
+
// bottom: 100px;
|
|
4
|
+
// width: @tnt-action-width;
|
|
5
|
+
// left: calc(50vw - @tnt-action-width / 2);
|
|
6
|
+
padding: 10px 16px;
|
|
7
|
+
background-color: @text-color;
|
|
8
|
+
border-radius: @border-radius-base;
|
|
9
|
+
z-index: 200;
|
|
10
|
+
cursor: grab;
|
|
11
|
+
box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.25), 0px 1px 1px 0px #263354 inset;
|
|
12
|
+
|
|
13
|
+
&-text {
|
|
14
|
+
color: @white;
|
|
15
|
+
margin-left: 20px;
|
|
16
|
+
font-size: 14px;
|
|
17
|
+
user-select: none;
|
|
18
|
+
|
|
19
|
+
.num {
|
|
20
|
+
display: inline-block;
|
|
21
|
+
width: 16px;
|
|
22
|
+
height: 16px;
|
|
23
|
+
background: #454f64;
|
|
24
|
+
border-radius: 8px;
|
|
25
|
+
font-size: 10px;
|
|
26
|
+
margin-right: 4px;
|
|
27
|
+
vertical-align: text-bottom;
|
|
28
|
+
text-align: center;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
>.tnt-btn-tertiary {
|
|
33
|
+
opacity: 0.5;
|
|
34
|
+
background: #454f64;
|
|
35
|
+
color: @white;
|
|
36
|
+
border-width: 0;
|
|
37
|
+
width: @tnt-action-close-width;
|
|
38
|
+
height: @tnt-action-close-width;
|
|
39
|
+
min-width: @tnt-action-close-width;
|
|
40
|
+
line-height: @tnt-action-close-width;
|
|
41
|
+
margin-top: 4px;
|
|
42
|
+
font-size: 14px;
|
|
43
|
+
|
|
44
|
+
&:hover {
|
|
45
|
+
opacity: 0.8;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.fr {
|
|
50
|
+
float: right;
|
|
51
|
+
|
|
52
|
+
.ant-btn {
|
|
53
|
+
margin-left: 10px;
|
|
54
|
+
|
|
55
|
+
.tntd-anticon {
|
|
56
|
+
margin-right: 4px;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.ant-btn:not(.ant-btn-danger) {
|
|
61
|
+
background: rgba(69, 79, 100, 0.5);
|
|
62
|
+
color: @white;
|
|
63
|
+
border-width: 0;
|
|
64
|
+
|
|
65
|
+
&:hover {
|
|
66
|
+
background: rgba(69, 79, 100, 0.8);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
&-dropdown {
|
|
72
|
+
&-btn {
|
|
73
|
+
margin-left: 8px !important;
|
|
74
|
+
border-radius: @border-radius-base !important;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.ant-dropdown-menu-item {
|
|
78
|
+
.ant-btn {
|
|
79
|
+
display: block;
|
|
80
|
+
padding: 0;
|
|
81
|
+
height: auto;
|
|
82
|
+
border: none;
|
|
83
|
+
background-color: transparent;
|
|
84
|
+
color: inherit;
|
|
85
|
+
width: calc(100% + 24px);
|
|
86
|
+
text-align: left;
|
|
87
|
+
padding: 5px 12px;
|
|
88
|
+
margin: -5px -12px;
|
|
89
|
+
|
|
90
|
+
&:hover,
|
|
91
|
+
&:active {
|
|
92
|
+
color: inherit;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
&[disabled] {
|
|
96
|
+
color: @disabled-color;
|
|
97
|
+
|
|
98
|
+
&:hover,
|
|
99
|
+
&:active {
|
|
100
|
+
color: @disabled-color;
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
// 全局设置
|
|
109
|
+
.ant-btn-group:has(.tnt-action-dropdown-btn) {
|
|
110
|
+
&>.ant-btn:nth-last-child(2) {
|
|
111
|
+
border-top-right-radius: @border-radius-base;
|
|
112
|
+
border-bottom-right-radius: @border-radius-base;
|
|
113
|
+
}
|
|
114
|
+
}
|
|
@@ -0,0 +1,263 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _prevLocale = require("../prev-locale");
|
|
10
|
+
var _rcVirtualList = _interopRequireDefault(require("rc-virtual-list"));
|
|
11
|
+
var _tntdRcSelect = _interopRequireDefault(require("../tntd-rc-select"));
|
|
12
|
+
var _icon = _interopRequireDefault(require("../icon"));
|
|
13
|
+
var _tag = _interopRequireDefault(require("../tag"));
|
|
14
|
+
var _checkbox = _interopRequireDefault(require("../checkbox"));
|
|
15
|
+
var _empty = _interopRequireDefault(require("../empty"));
|
|
16
|
+
var _ellipsis = _interopRequireDefault(require("../ellipsis"));
|
|
17
|
+
require("./index.less");
|
|
18
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
19
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
20
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
21
|
+
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
22
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
23
|
+
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
24
|
+
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
|
|
25
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
26
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
27
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
28
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
29
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
30
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
31
|
+
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
32
|
+
var t = {};
|
|
33
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
34
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
35
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
36
|
+
}
|
|
37
|
+
return t;
|
|
38
|
+
};
|
|
39
|
+
/*
|
|
40
|
+
* @Descripttion: antd3 select 增加checkbox
|
|
41
|
+
* @Author: 郑泳健
|
|
42
|
+
* @Date: 2025-08-05 10:50:17
|
|
43
|
+
* @LastEditors: 郑泳健
|
|
44
|
+
* @LastEditTime: 2025-08-12 14:21:54
|
|
45
|
+
*/
|
|
46
|
+
|
|
47
|
+
var all = (0, _prevLocale.getText)('all', (0, _prevLocale.getLanguage)());
|
|
48
|
+
var TntdCheckboxSelect = function TntdCheckboxSelect(_a) {
|
|
49
|
+
var mode = _a.mode,
|
|
50
|
+
value = _a.value,
|
|
51
|
+
onChange = _a.onChange,
|
|
52
|
+
options = _a.options,
|
|
53
|
+
dropdownClassName = _a.dropdownClassName,
|
|
54
|
+
_a$filterOption = _a.filterOption,
|
|
55
|
+
filterOption = _a$filterOption === void 0 ? function (inputValue, option) {
|
|
56
|
+
var _a;
|
|
57
|
+
return (_a = option === null || option === void 0 ? void 0 : option.label) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase());
|
|
58
|
+
} : _a$filterOption,
|
|
59
|
+
restProps = __rest(_a, ["mode", "value", "onChange", "options", "dropdownClassName", "filterOption"]);
|
|
60
|
+
// 搜索
|
|
61
|
+
var _useState = (0, _react.useState)(undefined),
|
|
62
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
63
|
+
searchValue = _useState2[0],
|
|
64
|
+
setSearchValue = _useState2[1];
|
|
65
|
+
/** 根据搜索过滤,dropDown的渲染数据 */
|
|
66
|
+
var renderData = (0, _react.useMemo)(function () {
|
|
67
|
+
if (!Array.isArray(options)) {
|
|
68
|
+
return [];
|
|
69
|
+
}
|
|
70
|
+
if (['', undefined, null].includes(searchValue)) {
|
|
71
|
+
return options;
|
|
72
|
+
}
|
|
73
|
+
return options.filter(function (item) {
|
|
74
|
+
return filterOption(searchValue, item);
|
|
75
|
+
});
|
|
76
|
+
}, [options, filterOption, searchValue]);
|
|
77
|
+
/** 全选中 */
|
|
78
|
+
var checkedAll = (0, _react.useMemo)(function () {
|
|
79
|
+
if (!Array.isArray(value) || !Array.isArray(value)) {
|
|
80
|
+
return false;
|
|
81
|
+
}
|
|
82
|
+
// 过滤掉disabled的选中情况
|
|
83
|
+
var filterDisabled = renderData.filter(function (item) {
|
|
84
|
+
return !item.disabled;
|
|
85
|
+
});
|
|
86
|
+
return filterDisabled.every(function (i) {
|
|
87
|
+
return value.includes(i.value);
|
|
88
|
+
});
|
|
89
|
+
}, [value, renderData]);
|
|
90
|
+
/** 半选中 */
|
|
91
|
+
var indeterminate = (0, _react.useMemo)(function () {
|
|
92
|
+
if (!Array.isArray(value) || !Array.isArray(value)) {
|
|
93
|
+
return false;
|
|
94
|
+
} // 过滤掉disabled的选中情况
|
|
95
|
+
var filterDisabled = renderData.filter(function (item) {
|
|
96
|
+
return !item.disabled;
|
|
97
|
+
});
|
|
98
|
+
/** 非disable既有选中的,也有没选中的 */
|
|
99
|
+
return filterDisabled.some(function (i) {
|
|
100
|
+
return value.includes(i.value);
|
|
101
|
+
}) && filterDisabled.some(function (i) {
|
|
102
|
+
return !value.includes(i.value);
|
|
103
|
+
});
|
|
104
|
+
}, [value, renderData]);
|
|
105
|
+
var handleSearch = function handleSearch(val) {
|
|
106
|
+
setSearchValue(val);
|
|
107
|
+
};
|
|
108
|
+
/** 全选情况 */
|
|
109
|
+
var handleAllClick = function handleAllClick(item, checked) {
|
|
110
|
+
// 筛选出非disabled的数组
|
|
111
|
+
var noDisabledChoosedList = Array.isArray(renderData) ? renderData.reduce(function (total, item) {
|
|
112
|
+
if (!item.disabled) {
|
|
113
|
+
total.push(item.value);
|
|
114
|
+
}
|
|
115
|
+
return total;
|
|
116
|
+
}, []) : [];
|
|
117
|
+
if (checked) {
|
|
118
|
+
// 这里加value的原因是有可能是搜索的时候点击了全选
|
|
119
|
+
var list = Array.isArray(value) ? Array.from(new Set([].concat(_toConsumableArray(value), _toConsumableArray(noDisabledChoosedList)))) : _toConsumableArray(noDisabledChoosedList);
|
|
120
|
+
onChange(list);
|
|
121
|
+
} else {
|
|
122
|
+
var _list = Array.isArray(value) ? value.filter(function (i) {
|
|
123
|
+
return !noDisabledChoosedList.includes(i);
|
|
124
|
+
}) : [];
|
|
125
|
+
onChange(_list);
|
|
126
|
+
}
|
|
127
|
+
setSearchValue(undefined);
|
|
128
|
+
};
|
|
129
|
+
var handleClick = function handleClick(item, checked) {
|
|
130
|
+
if (!Array.isArray(value)) {
|
|
131
|
+
value = [];
|
|
132
|
+
}
|
|
133
|
+
if (checked) {
|
|
134
|
+
onChange([].concat(_toConsumableArray(value), [item.value]));
|
|
135
|
+
} else {
|
|
136
|
+
onChange(value.filter(function (v) {
|
|
137
|
+
return v !== item.value;
|
|
138
|
+
}));
|
|
139
|
+
}
|
|
140
|
+
setSearchValue(undefined);
|
|
141
|
+
};
|
|
142
|
+
var handleStopPropagation = function handleStopPropagation(e) {
|
|
143
|
+
var _a;
|
|
144
|
+
(_a = e === null || e === void 0 ? void 0 : e.nativeEvent) === null || _a === void 0 ? void 0 : _a.stopImmediatePropagation();
|
|
145
|
+
e === null || e === void 0 ? void 0 : e.stopPropagation();
|
|
146
|
+
e === null || e === void 0 ? void 0 : e.preventDefault();
|
|
147
|
+
};
|
|
148
|
+
return _react["default"].createElement(_tntdRcSelect["default"], Object.assign({
|
|
149
|
+
showSearch: true,
|
|
150
|
+
searchValue: searchValue,
|
|
151
|
+
onSearch: handleSearch,
|
|
152
|
+
tagRender: function tagRender(item) {
|
|
153
|
+
var onClose = item.onClose,
|
|
154
|
+
value = item.value;
|
|
155
|
+
var _ref = Array.isArray(options) ? options.find(function (opt) {
|
|
156
|
+
return opt.value === value;
|
|
157
|
+
}) || {} : {},
|
|
158
|
+
label = _ref.label,
|
|
159
|
+
disabled = _ref.disabled;
|
|
160
|
+
return _react["default"].createElement(_tag["default"], {
|
|
161
|
+
size: "small",
|
|
162
|
+
className: "tntd-checkbox-select-item-tag"
|
|
163
|
+
}, _react["default"].createElement("div", {
|
|
164
|
+
className: 'tntd-checkbox-select-item-tag-label'
|
|
165
|
+
}, _react["default"].createElement(_ellipsis["default"], {
|
|
166
|
+
title: label,
|
|
167
|
+
widthLimit: "100%"
|
|
168
|
+
})), !disabled ? _react["default"].createElement(_icon["default"], {
|
|
169
|
+
type: "close",
|
|
170
|
+
onClick: onClose
|
|
171
|
+
}) : '');
|
|
172
|
+
},
|
|
173
|
+
value: value,
|
|
174
|
+
onChange: onChange
|
|
175
|
+
}, restProps, {
|
|
176
|
+
mode: mode || 'multiple',
|
|
177
|
+
dropdownClassName: "".concat(dropdownClassName || '', " tntd-checkbox-select-dropdown-wrap"),
|
|
178
|
+
dropdownRender: function dropdownRender() {
|
|
179
|
+
if (!Array.isArray(renderData) || !(renderData === null || renderData === void 0 ? void 0 : renderData.length)) {
|
|
180
|
+
return _react["default"].createElement("div", {
|
|
181
|
+
className: "tntd-checkbox-select-dropdown-render-wrapper"
|
|
182
|
+
}, _react["default"].createElement(_empty["default"], {
|
|
183
|
+
className: "tntd-rc-select-item-empty",
|
|
184
|
+
size: "mini"
|
|
185
|
+
}));
|
|
186
|
+
}
|
|
187
|
+
var renderList = [{
|
|
188
|
+
label: all,
|
|
189
|
+
value: 'all',
|
|
190
|
+
isAll: true
|
|
191
|
+
}].concat(_toConsumableArray(renderData));
|
|
192
|
+
return _react["default"].createElement("div", {
|
|
193
|
+
className: "tntd-checkbox-select-dropdown-render-wrapper",
|
|
194
|
+
onClick: function onClick(e) {
|
|
195
|
+
return handleStopPropagation(e);
|
|
196
|
+
}
|
|
197
|
+
}, _react["default"].createElement(_rcVirtualList["default"], {
|
|
198
|
+
height: renderData.length > 8 ? 250 : 'auto',
|
|
199
|
+
itemHeight: 32,
|
|
200
|
+
data: renderList,
|
|
201
|
+
itemKey: 'value'
|
|
202
|
+
}, function (item) {
|
|
203
|
+
var isAll = item.isAll,
|
|
204
|
+
disabled = item.disabled;
|
|
205
|
+
// 是否全部disabled
|
|
206
|
+
var allDisabled = renderData.filter(function (i) {
|
|
207
|
+
return i.disabled;
|
|
208
|
+
}).length === renderData.length;
|
|
209
|
+
var checked = Array.isArray(value) ? value.includes(item.value) : false;
|
|
210
|
+
if (isAll) {
|
|
211
|
+
return _react["default"].createElement("div", {
|
|
212
|
+
className: "tntd-checkbox-select-item ".concat(checkedAll ? 'tntd-checkbox-select-item_choosed' : '', " ").concat(allDisabled ? 'tntd-checkbox-select-item_disabled' : ''),
|
|
213
|
+
onMouseDown: function onMouseDown(e) {
|
|
214
|
+
handleStopPropagation(e);
|
|
215
|
+
},
|
|
216
|
+
onClick: function onClick() {
|
|
217
|
+
if (!allDisabled) {
|
|
218
|
+
handleAllClick(item, !checkedAll);
|
|
219
|
+
}
|
|
220
|
+
}
|
|
221
|
+
}, _react["default"].createElement(_checkbox["default"], {
|
|
222
|
+
disabled: allDisabled,
|
|
223
|
+
size: "small",
|
|
224
|
+
indeterminate: indeterminate,
|
|
225
|
+
checked: checkedAll,
|
|
226
|
+
onChange: function onChange(e) {
|
|
227
|
+
handleStopPropagation(e);
|
|
228
|
+
}
|
|
229
|
+
}), _react["default"].createElement("div", {
|
|
230
|
+
className: "tntd-checkbox-select-content"
|
|
231
|
+
}, _react["default"].createElement(_ellipsis["default"], {
|
|
232
|
+
title: item.label,
|
|
233
|
+
widthLimit: "100%"
|
|
234
|
+
})));
|
|
235
|
+
}
|
|
236
|
+
return _react["default"].createElement("div", {
|
|
237
|
+
className: "tntd-checkbox-select-item ".concat(checked ? 'tntd-checkbox-select-item_choosed' : '', " ").concat(disabled ? 'tntd-checkbox-select-item_disabled' : ''),
|
|
238
|
+
onMouseDown: function onMouseDown(e) {
|
|
239
|
+
handleStopPropagation(e);
|
|
240
|
+
},
|
|
241
|
+
onClick: function onClick() {
|
|
242
|
+
if (!disabled) {
|
|
243
|
+
handleClick(item, !checked);
|
|
244
|
+
}
|
|
245
|
+
}
|
|
246
|
+
}, _react["default"].createElement(_checkbox["default"], {
|
|
247
|
+
disabled: disabled,
|
|
248
|
+
size: "small",
|
|
249
|
+
checked: checked,
|
|
250
|
+
onChange: function onChange(e) {
|
|
251
|
+
return handleStopPropagation(e);
|
|
252
|
+
}
|
|
253
|
+
}), _react["default"].createElement("div", {
|
|
254
|
+
className: "tntd-checkbox-select-content"
|
|
255
|
+
}, _react["default"].createElement(_ellipsis["default"], {
|
|
256
|
+
title: item.label,
|
|
257
|
+
widthLimit: "100%"
|
|
258
|
+
})));
|
|
259
|
+
}));
|
|
260
|
+
}
|
|
261
|
+
}));
|
|
262
|
+
};
|
|
263
|
+
var _default = exports["default"] = TntdCheckboxSelect;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-checkbox-select/index.jsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,GAAG,MAAM,QAAQ,CAAC;AACzB,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,cAAc,CAAC;AAEtB,MAAM,GAAG,GAAG,OAAO,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;AAE1C,MAAM,kBAAkB,GAAG,CAAC,EAU3B,EAAE,EAAE;QAVuB,EAC1B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAO,EACP,iBAAiB,EACjB,YAAY,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE;;QACpC,OAAO,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,WAAW,GAAG,QAAQ,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,EAAE,CAAC,CAAC;IAC1E,CAAC,OAEF,EADI,SAAS,cATc,6EAU3B,CADa;IAEZ,KAAK;IACL,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAE1D,2BAA2B;IAC3B,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC3B,OAAO,EAAE,CAAC;SACX;QACD,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;YAC/C,OAAO,OAAO,CAAC;SAChB;QACD,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;IACnE,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;IAEzC,UAAU;IACV,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAClD,OAAO,KAAK,CAAC;SACd;QACD,mBAAmB;QACnB,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACnE,OAAO,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAExB,UAAU;IACV,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAClD,OAAO,KAAK,CAAC;SACd,CAAC,mBAAmB;QACrB,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACnE,2BAA2B;QAC3B,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IACrH,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAExB,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,EAAE;QAC3B,cAAc,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,WAAW;IACX,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;QACvC,kBAAkB;QAClB,MAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;YACrD,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;gBAChC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;oBAClB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBACxB;gBACD,OAAO,KAAK,CAAC;YACf,CAAC,EAAE,EAAE,CAAC;YACR,CAAC,CAAC,EAAE,CAAC;QAEP,IAAI,OAAO,EAAE;YACX,6BAA6B;YAC7B,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,KAAK,EAAE,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,qBAAqB,CAAC,CAAC;YAC3H,QAAQ,CAAC,IAAI,CAAC,CAAC;SAChB;aAAM;YACL,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACjG,QAAQ,CAAC,IAAI,CAAC,CAAC;SAChB;QACD,cAAc,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;QACpC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACzB,KAAK,GAAG,EAAE,CAAC;SACZ;QACD,IAAI,OAAO,EAAE;YACX,QAAQ,CAAC,CAAC,GAAG,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;SAClC;aAAM;YACL,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;SACjD;QACD,cAAc,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,CAAC,CAAC,EAAE,EAAE;;QAClC,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,WAAW,0CAAE,wBAAwB,EAAE,CAAC;QAC3C,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,eAAe,EAAE,CAAC;QACrB,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,cAAc,EAAE,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,MAAM,kBACL,UAAU,QACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE;YAClB,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;YAChC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3G,OAAO,CACL,oBAAC,GAAG,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,+BAA+B;gBACzD,6BAAK,SAAS,EAAC,qCAAqC;oBAClD,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,GAAI,CAC1C;gBACL,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,EAAE,CACrD,CACP,CAAC;QACJ,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IACd,SAAS,IACb,IAAI,EAAE,IAAI,IAAI,UAAU,EACxB,iBAAiB,EAAE,GAAG,iBAAiB,IAAI,EAAE,qCAAqC,EAClF,cAAc,EAAE,GAAG,EAAE;YACnB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,EAAE;gBACrD,OAAO,CACL,6BAAK,SAAS,EAAC,8CAA8C;oBAC3D,oBAAC,KAAK,IAAC,SAAS,EAAC,2BAA2B,EAAC,IAAI,EAAC,MAAM,GAAG,CACvD,CACP,CAAC;aACH;YACD,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,GAAG,UAAU,CAAC,CAAC;YAC9E,OAAO,CACL,6BAAK,SAAS,EAAC,8CAA8C,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;gBACpG,oBAAC,IAAI,IAAC,MAAM,EAAE,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,IACnG,CAAC,IAAI,EAAE,EAAE;oBACR,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;oBACjC,eAAe;oBACf,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,MAAM,CAAC;oBACtF,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;oBAE1E,IAAI,KAAK,EAAE;wBACT,OAAO,CACL,6BACE,SAAS,EAAE,6BAA6B,UAAU,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,EAAE,IAC3F,WAAW,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,EACvD,EAAE,EACF,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;gCACjB,qBAAqB,CAAC,CAAC,CAAC,CAAC;4BAC3B,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;gCACZ,IAAI,CAAC,WAAW,EAAE;oCAChB,cAAc,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC;iCACnC;4BACH,CAAC;4BACD,oBAAC,QAAQ,IACP,QAAQ,EAAE,WAAW,EACrB,IAAI,EAAC,OAAO,EACZ,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oCACd,qBAAqB,CAAC,CAAC,CAAC,CAAC;gCAC3B,CAAC,GACD;4BACF,6BAAK,SAAS,EAAC,8BAA8B;gCAC3C,oBAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,EAAC,MAAM,GAAG,CAC7C,CACF,CACP,CAAC;qBACH;oBAED,OAAO,CACL,6BACE,SAAS,EAAE,6BAA6B,OAAO,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,EAAE,IACxF,QAAQ,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,EACpD,EAAE,EACF,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;4BACjB,qBAAqB,CAAC,CAAC,CAAC,CAAC;wBAC3B,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;4BACZ,IAAI,CAAC,QAAQ,EAAE;gCACb,WAAW,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,CAAC;6BAC7B;wBACH,CAAC;wBACD,oBAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAI;wBAC1G,6BAAK,SAAS,EAAC,8BAA8B;4BAC3C,oBAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,EAAC,MAAM,GAAG,CAC7C,CACF,CACP,CAAC;gBACJ,CAAC,CACI,CACH,CACP,CAAC;QACJ,CAAC,IACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["/*\n * @Descripttion: antd3 select 增加checkbox\n * @Author: 郑泳健\n * @Date: 2025-08-05 10:50:17\n * @LastEditors: 郑泳健\n * @LastEditTime: 2025-08-12 14:21:54\n */\nimport React, { useState, useMemo } from 'react';\nimport { getLanguage, getText } from '../prev-locale';\nimport List from 'rc-virtual-list';\nimport Select from '../tntd-rc-select';\nimport Icon from '../icon';\nimport Tag from '../tag';\nimport Checkbox from '../checkbox';\nimport Empty from '../empty';\nimport Ellipsis from '../ellipsis';\nimport './index.less';\n\nconst all = getText('all', getLanguage());\n\nconst TntdCheckboxSelect = ({\n mode,\n value,\n onChange,\n options,\n dropdownClassName,\n filterOption = (inputValue, option) => {\n return option?.label?.toLowerCase().includes(inputValue?.toLowerCase());\n },\n ...restProps\n}) => {\n // 搜索\n const [searchValue, setSearchValue] = useState(undefined);\n\n /** 根据搜索过滤,dropDown的渲染数据 */\n const renderData = useMemo(() => {\n if (!Array.isArray(options)) {\n return [];\n }\n if (['', undefined, null].includes(searchValue)) {\n return options;\n }\n return options.filter((item) => filterOption(searchValue, item));\n }, [options, filterOption, searchValue]);\n\n /** 全选中 */\n const checkedAll = useMemo(() => {\n if (!Array.isArray(value) || !Array.isArray(value)) {\n return false;\n }\n // 过滤掉disabled的选中情况\n const filterDisabled = renderData.filter((item) => !item.disabled);\n return filterDisabled.every((i) => value.includes(i.value));\n }, [value, renderData]);\n\n /** 半选中 */\n const indeterminate = useMemo(() => {\n if (!Array.isArray(value) || !Array.isArray(value)) {\n return false;\n } // 过滤掉disabled的选中情况\n const filterDisabled = renderData.filter((item) => !item.disabled);\n /** 非disable既有选中的,也有没选中的 */\n return filterDisabled.some((i) => value.includes(i.value)) && filterDisabled.some((i) => !value.includes(i.value));\n }, [value, renderData]);\n\n const handleSearch = (val) => {\n setSearchValue(val);\n };\n\n /** 全选情况 */\n const handleAllClick = (item, checked) => {\n // 筛选出非disabled的数组\n const noDisabledChoosedList = Array.isArray(renderData)\n ? renderData.reduce((total, item) => {\n if (!item.disabled) {\n total.push(item.value);\n }\n return total;\n }, [])\n : [];\n\n if (checked) {\n // 这里加value的原因是有可能是搜索的时候点击了全选\n const list = Array.isArray(value) ? Array.from(new Set([...value, ...noDisabledChoosedList])) : [...noDisabledChoosedList];\n onChange(list);\n } else {\n const list = Array.isArray(value) ? value.filter((i) => !noDisabledChoosedList.includes(i)) : [];\n onChange(list);\n }\n setSearchValue(undefined);\n };\n\n const handleClick = (item, checked) => {\n if (!Array.isArray(value)) {\n value = [];\n }\n if (checked) {\n onChange([...value, item.value]);\n } else {\n onChange(value.filter((v) => v !== item.value));\n }\n setSearchValue(undefined);\n };\n\n const handleStopPropagation = (e) => {\n e?.nativeEvent?.stopImmediatePropagation();\n e?.stopPropagation();\n e?.preventDefault();\n };\n\n return (\n <Select\n showSearch\n searchValue={searchValue}\n onSearch={handleSearch}\n tagRender={(item) => {\n const { onClose, value } = item;\n const { label, disabled } = Array.isArray(options) ? options.find((opt) => opt.value === value) || {} : {};\n return (\n <Tag size=\"small\" className=\"tntd-checkbox-select-item-tag\">\n <div className='tntd-checkbox-select-item-tag-label'>\n <Ellipsis title={label} widthLimit={\"100%\"} />\n </div>\n {!disabled ? <Icon type=\"close\" onClick={onClose} /> : ''}\n </Tag>\n );\n }}\n value={value}\n onChange={onChange}\n {...restProps}\n mode={mode || 'multiple'}\n dropdownClassName={`${dropdownClassName || ''} tntd-checkbox-select-dropdown-wrap`}\n dropdownRender={() => {\n if (!Array.isArray(renderData) || !renderData?.length) {\n return (\n <div className=\"tntd-checkbox-select-dropdown-render-wrapper\">\n <Empty className=\"tntd-rc-select-item-empty\" size=\"mini\" />\n </div>\n );\n }\n const renderList = [{ label: all, value: 'all', isAll: true }, ...renderData];\n return (\n <div className=\"tntd-checkbox-select-dropdown-render-wrapper\" onClick={(e) => handleStopPropagation(e)}>\n <List height={renderData.length > 8 ? 250 : 'auto'} itemHeight={32} data={renderList} itemKey={'value'}>\n {(item) => {\n const { isAll, disabled } = item;\n // 是否全部disabled\n const allDisabled = renderData.filter((i) => i.disabled).length === renderData.length;\n const checked = Array.isArray(value) ? value.includes(item.value) : false;\n\n if (isAll) {\n return (\n <div\n className={`tntd-checkbox-select-item ${checkedAll ? 'tntd-checkbox-select-item_choosed' : ''} ${\n allDisabled ? 'tntd-checkbox-select-item_disabled' : ''\n }`}\n onMouseDown={(e) => {\n handleStopPropagation(e);\n }}\n onClick={() => {\n if (!allDisabled) {\n handleAllClick(item, !checkedAll);\n }\n }}>\n <Checkbox\n disabled={allDisabled}\n size=\"small\"\n indeterminate={indeterminate}\n checked={checkedAll}\n onChange={(e) => {\n handleStopPropagation(e);\n }}\n />\n <div className=\"tntd-checkbox-select-content\">\n <Ellipsis title={item.label} widthLimit=\"100%\" />\n </div>\n </div>\n );\n }\n\n return (\n <div\n className={`tntd-checkbox-select-item ${checked ? 'tntd-checkbox-select-item_choosed' : ''} ${\n disabled ? 'tntd-checkbox-select-item_disabled' : ''\n }`}\n onMouseDown={(e) => {\n handleStopPropagation(e);\n }}\n onClick={() => {\n if (!disabled) {\n handleClick(item, !checked);\n }\n }}>\n <Checkbox disabled={disabled} size=\"small\" checked={checked} onChange={(e) => handleStopPropagation(e)} />\n <div className=\"tntd-checkbox-select-content\">\n <Ellipsis title={item.label} widthLimit=\"100%\" />\n </div>\n </div>\n );\n }}\n </List>\n </div>\n );\n }}\n />\n );\n};\n\nexport default TntdCheckboxSelect;\n"]}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
.tntd-checkbox-select-dropdown-render-wrapper {
|
|
2
|
+
padding: 0 0;
|
|
3
|
+
border-radius: 8px;
|
|
4
|
+
|
|
5
|
+
.tntd-rc-select-item-empty {
|
|
6
|
+
.ant-empty-description {
|
|
7
|
+
color: rgba(0, 0, 0, 0.25);
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.tntd-checkbox-select-item {
|
|
12
|
+
display: flex;
|
|
13
|
+
font-size: 14px;
|
|
14
|
+
color: #454F64;
|
|
15
|
+
padding: 5px 8px 5px 16px;
|
|
16
|
+
cursor: pointer;
|
|
17
|
+
|
|
18
|
+
&:hover {
|
|
19
|
+
background: var(--blue-1);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
&_choosed {
|
|
23
|
+
background: var(--blue-1);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&_disabled {
|
|
27
|
+
color: rgba(23, 35, 61, 0.3);
|
|
28
|
+
cursor: not-allowed;
|
|
29
|
+
background: #fafafa !important;
|
|
30
|
+
|
|
31
|
+
&:hover {
|
|
32
|
+
background: #fafafa !important;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.tntd-checkbox-select-content {
|
|
37
|
+
flex: 1;
|
|
38
|
+
overflow: hidden;
|
|
39
|
+
margin-left: 8px;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.tntd-checkbox-select-dropdown-wrap{
|
|
45
|
+
border-radius: 8px;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.tntd-checkbox-select-item-tag {
|
|
49
|
+
margin-right: 4px;
|
|
50
|
+
font-size: 14px;
|
|
51
|
+
margin-top: 2px;
|
|
52
|
+
margin-bottom: 2px;
|
|
53
|
+
max-width: 100%;
|
|
54
|
+
display: flex;
|
|
55
|
+
align-items: center;
|
|
56
|
+
border: none;
|
|
57
|
+
.tntd-checkbox-select-item-tag-label{
|
|
58
|
+
flex: 1;
|
|
59
|
+
overflow: hidden;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.anticon-close{
|
|
63
|
+
color: rgba(23, 35, 61, 0.8);
|
|
64
|
+
font-size: 12px !important;
|
|
65
|
+
font-weight: bold;
|
|
66
|
+
margin-top: 2px;
|
|
67
|
+
}
|
|
68
|
+
}
|