@arim-aisdc/public-components 2.3.70 → 3.0.0-alpha
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/dist/components/CacheTabs/CacheTabs.js +13 -11
- package/dist/components/CenterModal/CenterModal.js +1 -1
- package/dist/components/ConditionExpression/index.d.ts +2 -0
- package/dist/components/ConditionExpression/index.js +8 -5
- package/dist/components/CustomForm/CustomForm.js +3 -2
- package/dist/components/QueryFilter/QueryFilter.js +1 -1
- package/dist/components/TableMax/TableBody/Row1.js +3 -1
- package/dist/components/TableMax/TableBody/VirtualRow.js +4 -2
- package/dist/components/TableMax/components/ColumnEdit/index.js +3 -1
- package/dist/components/TableMax/components/ColumnFilterV2/Filter.js +2 -2
- package/dist/components/TableMax/components/ColumnSetting/index.js +3 -1
- package/package.json +2 -2
|
@@ -245,17 +245,19 @@ var LabelDropdown = /*#__PURE__*/React.memo(function (_ref3) {
|
|
|
245
245
|
children: /*#__PURE__*/_jsx(Tooltip, {
|
|
246
246
|
title: isOverflowing ? label : '',
|
|
247
247
|
color: "var(--globalColor7)",
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
248
|
+
styles: {
|
|
249
|
+
root: {
|
|
250
|
+
border: '1px solid var(--tableColor2)',
|
|
251
|
+
borderRadius: '6px'
|
|
252
|
+
},
|
|
253
|
+
body: {
|
|
254
|
+
padding: '6px 16px',
|
|
255
|
+
borderRadius: '6px',
|
|
256
|
+
color: 'var(--globalColor1)',
|
|
257
|
+
background: 'var(--globalColor1)',
|
|
258
|
+
fontSize: '14px',
|
|
259
|
+
lineHeight: '28px'
|
|
260
|
+
}
|
|
259
261
|
},
|
|
260
262
|
children: /*#__PURE__*/_jsx("div", {
|
|
261
263
|
ref: labelRef,
|
|
@@ -200,7 +200,7 @@ var CenterModal = function CenterModal(_ref) {
|
|
|
200
200
|
className: "iconfont-other icon-other-close",
|
|
201
201
|
children: " "
|
|
202
202
|
}),
|
|
203
|
-
|
|
203
|
+
destroyOnHidden: true,
|
|
204
204
|
confirmLoading: confirmLoading,
|
|
205
205
|
maskClosable: maskClosable,
|
|
206
206
|
afterClose: afterClose,
|
|
@@ -31,6 +31,8 @@ export interface ConditionExpressionPropsType {
|
|
|
31
31
|
labelInValue?: boolean;
|
|
32
32
|
/** 是否支持前端筛选 */
|
|
33
33
|
canFrontFilter?: boolean;
|
|
34
|
+
/** 前端筛选函数 */
|
|
35
|
+
frontendFilterOptionFun?: (input: any, option: any) => boolean;
|
|
34
36
|
}
|
|
35
37
|
declare const _default: React.NamedExoticComponent<ConditionExpressionPropsType>;
|
|
36
38
|
export default _default;
|
|
@@ -68,7 +68,8 @@ var ConditionExpression = function ConditionExpression(_ref) {
|
|
|
68
68
|
showParameter = _ref$showParameter === void 0 ? true : _ref$showParameter,
|
|
69
69
|
parameterOptions = _ref.parameterOptions,
|
|
70
70
|
labelInValue = _ref.labelInValue,
|
|
71
|
-
canFrontFilter = _ref.canFrontFilter
|
|
71
|
+
canFrontFilter = _ref.canFrontFilter,
|
|
72
|
+
frontendFilterOptionFun = _ref.frontendFilterOptionFun;
|
|
72
73
|
/** 添加条件触发 */
|
|
73
74
|
var addExpression = function addExpression(index) {
|
|
74
75
|
var _conditionExpressionItem = value.map(function (e, i) {
|
|
@@ -167,6 +168,11 @@ var ConditionExpression = function ConditionExpression(_ref) {
|
|
|
167
168
|
className: 'condition-all-undelete',
|
|
168
169
|
children: [item === null || item === void 0 ? void 0 : item.map(function (e, i) {
|
|
169
170
|
var _value$index$, _value$index$2, _value$index$3, _value$index$4;
|
|
171
|
+
// 前端筛选逻辑
|
|
172
|
+
var frontendFilterOption = function frontendFilterOption(input, option) {
|
|
173
|
+
var _option$label;
|
|
174
|
+
return ((_option$label = option === null || option === void 0 ? void 0 : option.label) !== null && _option$label !== void 0 ? _option$label : '').toLowerCase().includes(input.toLowerCase());
|
|
175
|
+
};
|
|
170
176
|
return /*#__PURE__*/_jsxs("div", {
|
|
171
177
|
style: {
|
|
172
178
|
display: 'flex',
|
|
@@ -188,10 +194,7 @@ var ConditionExpression = function ConditionExpression(_ref) {
|
|
|
188
194
|
return dataChange('arguments', data, [index[0], i]);
|
|
189
195
|
},
|
|
190
196
|
showSearch: canFrontFilter,
|
|
191
|
-
filterOption: canFrontFilter ?
|
|
192
|
-
var _option$label;
|
|
193
|
-
return ((_option$label = option === null || option === void 0 ? void 0 : option.label) !== null && _option$label !== void 0 ? _option$label : '').toLowerCase().includes(input.toLowerCase());
|
|
194
|
-
} : true
|
|
197
|
+
filterOption: canFrontFilter || frontendFilterOptionFun ? frontendFilterOptionFun || frontendFilterOption : true
|
|
195
198
|
})
|
|
196
199
|
}), /*#__PURE__*/_jsx("div", {
|
|
197
200
|
className: 'condition-select-middle',
|
|
@@ -371,10 +371,11 @@ var CustomForm = function CustomForm(_ref, ref) {
|
|
|
371
371
|
allowClear: item.allowClear === false ? false : true,
|
|
372
372
|
options: item.setting || [],
|
|
373
373
|
placeholder: item.inputTips,
|
|
374
|
-
|
|
374
|
+
showSearch: item.showSearch,
|
|
375
|
+
onSearch: item.showSearch ? debounce(function (value) {
|
|
375
376
|
var _item$handleSearch3;
|
|
376
377
|
return (_item$handleSearch3 = item.handleSearch) === null || _item$handleSearch3 === void 0 ? void 0 : _item$handleSearch3.call(item, value, item.isInitGetOptions);
|
|
377
|
-
}, 200),
|
|
378
|
+
}, 200) : undefined,
|
|
378
379
|
onFocus: function onFocus() {
|
|
379
380
|
var _item$handleSearch4;
|
|
380
381
|
return (_item$handleSearch4 = item.handleSearch) === null || _item$handleSearch4 === void 0 ? void 0 : _item$handleSearch4.call(item, '', item.isInitGetOptions);
|
|
@@ -207,7 +207,7 @@ var QueryFilter = function QueryFilter(_ref, ref) {
|
|
|
207
207
|
mode: item.mode ? item.mode : undefined,
|
|
208
208
|
showSearch: item.showSearch,
|
|
209
209
|
placeholder: item.inputTips,
|
|
210
|
-
|
|
210
|
+
popupMatchSelectWidth: item.dropdownMatchSelectWidth,
|
|
211
211
|
allowClear: item.allowClear === false ? false : true,
|
|
212
212
|
disabled: item.disabled
|
|
213
213
|
// defaultValue={item.defaultValue}
|
|
@@ -384,7 +384,9 @@ var Row = function Row(_ref) {
|
|
|
384
384
|
destroyTooltipOnHide: {
|
|
385
385
|
keepParent: false
|
|
386
386
|
},
|
|
387
|
-
|
|
387
|
+
classNames: {
|
|
388
|
+
root: 'table-max-row-tooltip-wrapper'
|
|
389
|
+
},
|
|
388
390
|
getPopupContainer: function getPopupContainer() {
|
|
389
391
|
return tableBodyRef.current || document.body;
|
|
390
392
|
},
|
|
@@ -373,7 +373,7 @@ var VirtualRow = function VirtualRow(_ref) {
|
|
|
373
373
|
}
|
|
374
374
|
}, [
|
|
375
375
|
// 依赖项保持不变
|
|
376
|
-
row, row.id, rowEditing, tableId, editting, canRowDrag, disableDragRowIds, isDragging, selectedRowDragging, rowStyle, handleRowClick, rowMouseEnter, rowMouseLeave, rowClassNames, cellClassName, theme, table, handleCellRightClick, getCellProps, tableTooltip, onEditValueChange, dateFormat, row.getVisibleCells(), row.getIsSelected(), rowStyles]);
|
|
376
|
+
row, row.id, rowEditing, tableId, editting, canRowDrag, disableDragRowIds, isDragging, selectedRowDragging, rowStyle, handleRowClick, rowMouseEnter, rowMouseLeave, rowClassNames, cellClassName, theme, table, handleCellRightClick, getCellProps, tableTooltip, onEditValueChange, dateFormat, row.getVisibleCells(), row.getIsSelected(), rowStyles, table.getState().columnSizing]);
|
|
377
377
|
var rowCom = function rowCom() {
|
|
378
378
|
var renderCell = function renderCell(cell) {
|
|
379
379
|
var _cellClassName2;
|
|
@@ -442,7 +442,9 @@ var VirtualRow = function VirtualRow(_ref) {
|
|
|
442
442
|
destroyTooltipOnHide: {
|
|
443
443
|
keepParent: false
|
|
444
444
|
},
|
|
445
|
-
|
|
445
|
+
classNames: {
|
|
446
|
+
root: 'table-max-row-tooltip-wrapper'
|
|
447
|
+
},
|
|
446
448
|
getPopupContainer: function getPopupContainer() {
|
|
447
449
|
return tableBodyRef.current || document.body;
|
|
448
450
|
},
|
|
@@ -125,7 +125,9 @@ export var EditableCell = function EditableCell(_ref) {
|
|
|
125
125
|
mouseEnterDelay: 0.5
|
|
126
126
|
// trigger="click"
|
|
127
127
|
,
|
|
128
|
-
|
|
128
|
+
classNames: {
|
|
129
|
+
root: 'table-max-row-tooltip-wrapper'
|
|
130
|
+
},
|
|
129
131
|
children: /*#__PURE__*/_jsx("div", {
|
|
130
132
|
className: "ellipsis",
|
|
131
133
|
children: children
|
|
@@ -246,13 +246,13 @@ var Filter = function Filter(_ref) {
|
|
|
246
246
|
className: "quickly-input-title",
|
|
247
247
|
children: "\u5FEB\u6377\u8F93\u5165"
|
|
248
248
|
}), /*#__PURE__*/_jsx("p", {
|
|
249
|
-
className: "quickly-input-item ".concat((columnFilterValue === null || columnFilterValue === void 0 || (_columnFilterValue$to = columnFilterValue.toUpperCase()) === null || _columnFilterValue$to === void 0 ? void 0 : _columnFilterValue$to.trim()) === 'NULL' ? 'quickly-input-item-selected' : null),
|
|
249
|
+
className: "quickly-input-item ".concat(typeof columnFilterValue === 'string' && (columnFilterValue === null || columnFilterValue === void 0 || (_columnFilterValue$to = columnFilterValue.toUpperCase()) === null || _columnFilterValue$to === void 0 ? void 0 : _columnFilterValue$to.trim()) === 'NULL' ? 'quickly-input-item-selected' : null),
|
|
250
250
|
onClick: function onClick() {
|
|
251
251
|
handleChangeFilterValueWithDebounce('NULL');
|
|
252
252
|
},
|
|
253
253
|
children: "\u7A7A\u503C(NULL)"
|
|
254
254
|
}), /*#__PURE__*/_jsx("p", {
|
|
255
|
-
className: "quickly-input-item ".concat((columnFilterValue === null || columnFilterValue === void 0 || (_columnFilterValue$to2 = columnFilterValue.toUpperCase()) === null || _columnFilterValue$to2 === void 0 ? void 0 : _columnFilterValue$to2.trim()) === 'NOT NULL' || (columnFilterValue === null || columnFilterValue === void 0 || (_columnFilterValue$to3 = columnFilterValue.toUpperCase()) === null || _columnFilterValue$to3 === void 0 ? void 0 : _columnFilterValue$to3.trim()) === 'NOTNULL' ? 'quickly-input-item-selected' : null),
|
|
255
|
+
className: "quickly-input-item ".concat(typeof columnFilterValue === 'string' && ((columnFilterValue === null || columnFilterValue === void 0 || (_columnFilterValue$to2 = columnFilterValue.toUpperCase()) === null || _columnFilterValue$to2 === void 0 ? void 0 : _columnFilterValue$to2.trim()) === 'NOT NULL' || (columnFilterValue === null || columnFilterValue === void 0 || (_columnFilterValue$to3 = columnFilterValue.toUpperCase()) === null || _columnFilterValue$to3 === void 0 ? void 0 : _columnFilterValue$to3.trim()) === 'NOTNULL') ? 'quickly-input-item-selected' : null),
|
|
256
256
|
onClick: function onClick() {
|
|
257
257
|
handleChangeFilterValueWithDebounce('NOT NULL');
|
|
258
258
|
},
|
|
@@ -216,7 +216,9 @@ var SettingItem = function SettingItem(_ref) {
|
|
|
216
216
|
placement: "top",
|
|
217
217
|
title: item.tooltip,
|
|
218
218
|
zIndex: 99999,
|
|
219
|
-
|
|
219
|
+
classNames: {
|
|
220
|
+
root: 'table-max-row-tooltip-wrapper'
|
|
221
|
+
},
|
|
220
222
|
children: /*#__PURE__*/_jsx("i", {
|
|
221
223
|
className: "icon iconfont-other icon-other-".concat(item.icon, " move-handle"),
|
|
222
224
|
onClick: function onClick() {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arim-aisdc/public-components",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0-alpha",
|
|
4
4
|
"description": "前端组件库",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
"stylelint": "^14.9.1"
|
|
98
98
|
},
|
|
99
99
|
"peerDependencies": {
|
|
100
|
-
"antd": "
|
|
100
|
+
"antd": "6",
|
|
101
101
|
"react": ">=17.0.1",
|
|
102
102
|
"react-dom": ">=17.0.1",
|
|
103
103
|
"umi-request": "^1.4.0"
|