@teamix/pro 1.2.12 → 1.2.16
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/212.js +798 -766
- package/dist/pro.css +1 -1
- package/dist/pro.js +1851 -1863
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/es/actions/dialog-component.js +2 -2
- package/es/actions/dialog-form.js +2 -2
- package/es/actions/dialog.js +5 -3
- package/es/actions/index.js +11 -7
- package/es/actions/link.js +2 -2
- package/es/actions/request.js +2 -2
- package/es/actions/utils.js +2 -2
- package/es/card/card-container.js +2 -2
- package/es/card/divider.js +2 -2
- package/es/card/index.d.ts +6 -3
- package/es/card/index.js +11 -6
- package/es/card/index.scss +4 -0
- package/es/card/selectable.js +2 -2
- package/es/card/tab.js +2 -2
- package/es/form/Components/Editable/index.js +2 -2
- package/es/form/Components/FormGroup/index.js +2 -2
- package/es/form/Components/LightFilter/componentMap.d.ts +2 -0
- package/es/form/Components/LightFilter/componentMap.js +5 -0
- package/es/form/Components/LightFilter/index.d.ts +15 -0
- package/es/form/Components/{QueryFilter → LightFilter}/index.js +45 -44
- package/es/form/Components/LightFilter/index.scss +74 -0
- package/es/form/Components/ProField/index.js +2 -2
- package/es/form/Components/Text/index.js +2 -2
- package/es/form/Filter/index.js +4 -4
- package/es/form/Filter/index.scss +0 -46
- package/es/form/Filter/index2.d.ts +1 -1
- package/es/form/Filter/index2.js +163 -115
- package/es/form/Filter/index2.scss +73 -0
- package/es/form/ProForm/index.js +3 -2
- package/es/form/ProForm/index.scss +9 -9
- package/es/form/ProForm/useAutoSubmit.js +2 -2
- package/es/form/ProForm/useFieldRequest.js +2 -2
- package/es/form/ProForm/useFormDisplayValues.js +46 -15
- package/es/form/ProForm/useInitialRequest.js +2 -2
- package/es/form/SchemaForm/adapterType.js +1 -0
- package/es/form/SchemaForm/index.js +5 -5
- package/es/form/SchemaForm/initializeArrayCards.js +2 -2
- package/es/form/SchemaForm/initializeArrayCollapse.js +2 -2
- package/es/form/SchemaForm/initializeArrayItems.js +2 -2
- package/es/form/SchemaForm/initializeArrayTable.js +2 -2
- package/es/form/SchemaForm/initializeFormButton.js +2 -2
- package/es/form/SchemaForm/initializeFormCollapse.js +2 -2
- package/es/form/SchemaForm/initializeFormGroup.js +2 -2
- package/es/form/SchemaForm/initializeFormStep.js +2 -2
- package/es/form/SchemaForm/initializeFormTab.js +2 -2
- package/es/form/SchemaForm/initializeReactions.js +2 -2
- package/es/form/SchemaForm/initializeRules.js +2 -2
- package/es/form/SchemaForm/reactions.js +4 -8
- package/es/form/fieldTypeMap.js +1 -0
- package/es/form/global.scss +1 -0
- package/es/form/index.js +2 -2
- package/es/form/typing.d.ts +6 -0
- package/es/form/utils.js +2 -2
- package/es/form/warning.js +2 -2
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/info/components/InfoGroup/index.js +2 -2
- package/es/info/components/InfoValueItem/index.js +2 -2
- package/es/info/components/ProInfoItem/index.js +3 -1
- package/es/info/components/tableInfo/index.js +2 -2
- package/es/info/index.js +2 -2
- package/es/info/utils/index.js +2 -2
- package/es/nocode/pages/playground.js +2 -2
- package/es/nocode/pages/renderer.d.ts +2 -2
- package/es/nocode/pages/renderer.js +5 -5
- package/es/nocode/playground.js +2 -2
- package/es/page-header/index.d.ts +1 -2
- package/es/page-header/index.js +4 -14
- package/es/sidebar/components/sidebar-container/index.js +2 -2
- package/es/sidebar/components/tree/index.js +2 -2
- package/es/sidebar/index.js +2 -2
- package/es/table/components/Filter/index.js +2 -2
- package/es/table/components/Layout/index.js +3 -3
- package/es/table/components/QuickAction/index.js +3 -3
- package/es/table/components/ToolBar/FilterColumnIcon.js +54 -19
- package/es/table/components/ToolBar/index.js +2 -2
- package/es/table/components/ToolBar/index.scss +1 -0
- package/es/table/index.js +29 -11
- package/es/table/typing.d.ts +11 -1
- package/es/table/utils/columnRender.js +61 -3
- package/es/table/utils/genProColumnToColumn.js +2 -2
- package/es/table/utils/index.js +24 -4
- package/es/table/utils/useTableSelection.js +2 -2
- package/es/templates/List/index.js +2 -2
- package/es/utils/message.d.ts +1 -1
- package/es/utils/message.js +9 -9
- package/lib/actions/dialog-component.js +2 -2
- package/lib/actions/dialog-form.js +3 -3
- package/lib/actions/dialog.js +6 -4
- package/lib/actions/index.js +11 -7
- package/lib/actions/link.js +2 -2
- package/lib/actions/request.js +2 -2
- package/lib/actions/utils.js +2 -2
- package/lib/card/card-container.js +2 -2
- package/lib/card/divider.js +2 -2
- package/lib/card/index.d.ts +6 -3
- package/lib/card/index.js +11 -6
- package/lib/card/index.scss +4 -0
- package/lib/card/selectable.js +2 -2
- package/lib/card/tab.js +2 -2
- package/lib/field/index.js +1 -1
- package/lib/form/Components/Editable/index.js +3 -3
- package/lib/form/Components/FormGroup/index.js +2 -2
- package/lib/form/Components/LightFilter/componentMap.d.ts +2 -0
- package/lib/form/Components/LightFilter/componentMap.js +12 -0
- package/lib/form/Components/LightFilter/index.d.ts +15 -0
- package/lib/form/Components/{QueryFilter → LightFilter}/index.js +50 -44
- package/lib/form/Components/LightFilter/index.scss +74 -0
- package/lib/form/Components/ProField/index.js +2 -2
- package/lib/form/Components/Text/index.js +2 -2
- package/lib/form/Filter/index.js +5 -5
- package/lib/form/Filter/index.scss +0 -46
- package/lib/form/Filter/index2.d.ts +1 -1
- package/lib/form/Filter/index2.js +165 -115
- package/lib/form/Filter/index2.scss +73 -0
- package/lib/form/ProForm/index.js +4 -3
- package/lib/form/ProForm/index.scss +9 -9
- package/lib/form/ProForm/useAutoSubmit.js +2 -2
- package/lib/form/ProForm/useFieldRequest.js +2 -2
- package/lib/form/ProForm/useFormDisplayValues.js +47 -15
- package/lib/form/ProForm/useInitialRequest.js +2 -2
- package/lib/form/SchemaForm/adapterType.js +1 -0
- package/lib/form/SchemaForm/index.js +6 -6
- package/lib/form/SchemaForm/initializeArrayCards.js +2 -2
- package/lib/form/SchemaForm/initializeArrayCollapse.js +2 -2
- package/lib/form/SchemaForm/initializeArrayItems.js +2 -2
- package/lib/form/SchemaForm/initializeArrayTable.js +2 -2
- package/lib/form/SchemaForm/initializeFormButton.js +2 -2
- package/lib/form/SchemaForm/initializeFormCollapse.js +2 -2
- package/lib/form/SchemaForm/initializeFormGroup.js +2 -2
- package/lib/form/SchemaForm/initializeFormStep.js +2 -2
- package/lib/form/SchemaForm/initializeFormTab.js +2 -2
- package/lib/form/SchemaForm/initializeReactions.js +2 -2
- package/lib/form/SchemaForm/initializeRules.js +2 -2
- package/lib/form/SchemaForm/reactions.js +3 -7
- package/lib/form/fieldTypeMap.js +1 -0
- package/lib/form/global.scss +1 -0
- package/lib/form/index.js +3 -3
- package/lib/form/typing.d.ts +6 -0
- package/lib/form/utils.js +2 -2
- package/lib/form/warning.js +2 -2
- package/lib/hooks/index.js +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +2 -2
- package/lib/info/components/InfoGroup/index.js +3 -3
- package/lib/info/components/InfoValueItem/index.js +3 -3
- package/lib/info/components/ProInfoItem/index.js +3 -1
- package/lib/info/components/tableInfo/index.js +3 -3
- package/lib/info/index.js +3 -3
- package/lib/info/utils/index.js +2 -2
- package/lib/nocode/configurators/index.js +1 -1
- package/lib/nocode/pages/playground.js +3 -3
- package/lib/nocode/pages/renderer.d.ts +2 -2
- package/lib/nocode/pages/renderer.js +5 -5
- package/lib/nocode/playground.js +3 -3
- package/lib/page-container/index.js +1 -1
- package/lib/page-header/index.d.ts +1 -2
- package/lib/page-header/index.js +6 -17
- package/lib/sidebar/components/sidebar-container/index.js +2 -2
- package/lib/sidebar/components/tree/index.js +3 -3
- package/lib/sidebar/index.js +3 -3
- package/lib/skeleton/index.js +1 -1
- package/lib/table/components/Filter/index.js +3 -3
- package/lib/table/components/Layout/index.js +3 -3
- package/lib/table/components/QuickAction/index.js +3 -3
- package/lib/table/components/ToolBar/DensityIcon.js +1 -1
- package/lib/table/components/ToolBar/FilterColumnIcon.js +55 -20
- package/lib/table/components/ToolBar/FullScreenIcon.js +1 -1
- package/lib/table/components/ToolBar/Fullscreen.js +1 -1
- package/lib/table/components/ToolBar/index.js +2 -2
- package/lib/table/components/ToolBar/index.scss +1 -0
- package/lib/table/index.js +29 -11
- package/lib/table/typing.d.ts +11 -1
- package/lib/table/utils/columnRender.js +61 -3
- package/lib/table/utils/genProColumnToColumn.js +2 -2
- package/lib/table/utils/index.js +24 -4
- package/lib/table/utils/useTableSelection.js +2 -2
- package/lib/templates/List/index.js +3 -3
- package/lib/utils/index.js +1 -1
- package/lib/utils/message.d.ts +1 -1
- package/lib/utils/message.js +9 -9
- package/package.json +2 -2
- package/es/form/Components/Query/index.d.ts +0 -4
- package/es/form/Components/Query/index.js +0 -70
- package/es/form/Components/Query/index.scss +0 -85
- package/es/form/Components/QueryFilter/index.d.ts +0 -3
- package/es/utils/components/tags/index.d.ts +0 -11
- package/es/utils/components/tags/index.js +0 -50
- package/es/utils/components/tags/index.scss +0 -12
- package/lib/form/Components/Query/index.d.ts +0 -4
- package/lib/form/Components/Query/index.js +0 -91
- package/lib/form/Components/Query/index.scss +0 -85
- package/lib/form/Components/QueryFilter/index.d.ts +0 -3
- package/lib/utils/components/tags/index.d.ts +0 -11
- package/lib/utils/components/tags/index.js +0 -66
- package/lib/utils/components/tags/index.scss +0 -12
@@ -21,9 +21,9 @@ require("./index.scss");
|
|
21
21
|
|
22
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
23
23
|
|
24
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
24
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
25
25
|
|
26
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
26
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
27
27
|
|
28
28
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
29
29
|
|
package/lib/table/index.js
CHANGED
@@ -63,7 +63,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
63
63
|
|
64
64
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
65
65
|
|
66
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
66
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
67
67
|
|
68
68
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
69
69
|
|
@@ -73,9 +73,9 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
|
|
73
73
|
|
74
74
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
75
75
|
|
76
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
76
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
77
77
|
|
78
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
78
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
79
79
|
|
80
80
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
81
81
|
|
@@ -393,7 +393,11 @@ var ProTable = function ProTable(props) {
|
|
393
393
|
}
|
394
394
|
}, [propsActionRef]);
|
395
395
|
(0, _react.useEffect)(function () {
|
396
|
-
|
396
|
+
var _actionRef$current, _actionRef$current$se;
|
397
|
+
|
398
|
+
var columns = processColumns(propsColumns !== null && propsColumns !== void 0 ? propsColumns : []);
|
399
|
+
setFilteredColumns(columns);
|
400
|
+
(_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$se = _actionRef$current.setState) === null || _actionRef$current$se === void 0 ? void 0 : _actionRef$current$se.call(_actionRef$current, 'filterColumns', columns);
|
397
401
|
}, [propsColumns]); // 绑定 Actions
|
398
402
|
|
399
403
|
(0, _utils2.useActionType)(actionRef, {
|
@@ -407,7 +411,11 @@ var ProTable = function ProTable(props) {
|
|
407
411
|
return state;
|
408
412
|
},
|
409
413
|
setColumn: function setColumn(newColumns) {
|
410
|
-
|
414
|
+
var _actionRef$current2, _actionRef$current2$s;
|
415
|
+
|
416
|
+
var columns = processColumns(newColumns);
|
417
|
+
setFilteredColumns(columns);
|
418
|
+
(_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$s = _actionRef$current2.setState) === null || _actionRef$current2$s === void 0 ? void 0 : _actionRef$current2$s.call(_actionRef$current2, 'filterColumns', columns);
|
411
419
|
},
|
412
420
|
setSize: function setSize(mode) {
|
413
421
|
_setSize(mode);
|
@@ -421,11 +429,11 @@ var ProTable = function ProTable(props) {
|
|
421
429
|
}
|
422
430
|
},
|
423
431
|
reset: function reset() {
|
424
|
-
var _actionRef$
|
432
|
+
var _actionRef$current3, _actionRef$current3$s;
|
425
433
|
|
426
434
|
(propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset()); // 清空列过滤参数
|
427
435
|
|
428
|
-
(_actionRef$
|
436
|
+
(_actionRef$current3 = actionRef.current) === null || _actionRef$current3 === void 0 ? void 0 : (_actionRef$current3$s = _actionRef$current3.setFilterRules) === null || _actionRef$current3$s === void 0 ? void 0 : _actionRef$current3$s.call(_actionRef$current3, {});
|
429
437
|
dataFilterForm.reset();
|
430
438
|
setCurrentPage(1);
|
431
439
|
|
@@ -434,6 +442,7 @@ var ProTable = function ProTable(props) {
|
|
434
442
|
resetPage: function resetPage() {
|
435
443
|
setCurrentPage(1);
|
436
444
|
},
|
445
|
+
rowSelection: rowSelection,
|
437
446
|
clearRowSelection: function clearRowSelection() {
|
438
447
|
rowSelectionHook.setSelectedRowKeys([]);
|
439
448
|
rowSelectionHook.setSelectedRecords([]);
|
@@ -536,7 +545,7 @@ var ProTable = function ProTable(props) {
|
|
536
545
|
}); // 请求函数
|
537
546
|
|
538
547
|
function _request(params, noLoading) {
|
539
|
-
var _actionRef$current$ge, _actionRef$
|
548
|
+
var _actionRef$current$ge, _actionRef$current4, _actionRef$current4$g, _objectSpread2;
|
540
549
|
|
541
550
|
// 如果没有传 url 且没有 customRequest,直接返回
|
542
551
|
if (!url && !customRequest) {
|
@@ -551,7 +560,7 @@ var ProTable = function ProTable(props) {
|
|
551
560
|
|
552
561
|
var dataFilterParams = toJS(dataFilterForm.values); // 列过滤请求参数
|
553
562
|
|
554
|
-
var columnsFilterParams = (_actionRef$current$ge = (_actionRef$
|
563
|
+
var columnsFilterParams = (_actionRef$current$ge = (_actionRef$current4 = actionRef.current) === null || _actionRef$current4 === void 0 ? void 0 : (_actionRef$current4$g = _actionRef$current4.getFilterRules) === null || _actionRef$current4$g === void 0 ? void 0 : _actionRef$current4$g.call(_actionRef$current4)) !== null && _actionRef$current$ge !== void 0 ? _actionRef$current$ge : {}; // 格式化后的请求参数
|
555
564
|
|
556
565
|
var requestData = formatParams(_objectSpread(_objectSpread({}, !showPagination ? _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, dataFilterParams), propsParams), sortParams), columnsFilterParams) : _objectSpread(_objectSpread(_objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, targetPageKey, currentPage), _defineProperty(_objectSpread2, targetPageSizeKey, pageSize), _objectSpread2), dataFilterParams), propsParams), sortParams), columnsFilterParams)), params));
|
557
566
|
|
@@ -600,7 +609,11 @@ var ProTable = function ProTable(props) {
|
|
600
609
|
}
|
601
610
|
|
602
611
|
(0, _react.useEffect)(function () {
|
603
|
-
|
612
|
+
var _actionRef$current5, _actionRef$current5$i;
|
613
|
+
|
614
|
+
// 初始化 state 状态
|
615
|
+
actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current5 = actionRef.current) === null || _actionRef$current5 === void 0 ? void 0 : (_actionRef$current5$i = _actionRef$current5.initState) === null || _actionRef$current5$i === void 0 ? void 0 : _actionRef$current5$i.call(_actionRef$current5); // 监听 浏览器变化 更吸底状态
|
616
|
+
|
604
617
|
if (footerSuction) {
|
605
618
|
getFooterSuctionState();
|
606
619
|
|
@@ -621,6 +634,8 @@ var ProTable = function ProTable(props) {
|
|
621
634
|
if (window.onresize) {
|
622
635
|
window.onresize = null;
|
623
636
|
}
|
637
|
+
|
638
|
+
actionRef.current = undefined;
|
624
639
|
};
|
625
640
|
}, []);
|
626
641
|
|
@@ -638,7 +653,10 @@ var ProTable = function ProTable(props) {
|
|
638
653
|
(propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter(_objectSpread({}, toJS(dataFilterForm.values))));
|
639
654
|
|
640
655
|
if (dataFilterForm.validate()) {
|
641
|
-
setCurrentPage(1);
|
656
|
+
setCurrentPage(1); // const { mode, schema } = propsDataFilter as ProTableDataFilterProps;
|
657
|
+
// TODO: 针对 inline 模式下的 search 组件做一下处理,如果空值切换下拉的时候不触发请求
|
658
|
+
// if (mode === 'inline') {
|
659
|
+
// }
|
642
660
|
|
643
661
|
_request(_defineProperty({}, targetPageKey, 1));
|
644
662
|
}
|
package/lib/table/typing.d.ts
CHANGED
@@ -154,6 +154,8 @@ export declare type ProTableActionType = {
|
|
154
154
|
request?: (params?: any) => void;
|
155
155
|
/** 重置表格 */
|
156
156
|
reset?: () => void;
|
157
|
+
/** 表格选择相关属性 */
|
158
|
+
rowSelection?: innerRowSelectionType | rowSelectionType;
|
157
159
|
/** 清空表格选择 */
|
158
160
|
clearRowSelection?: () => void;
|
159
161
|
/** 过滤 DataSource */
|
@@ -178,8 +180,12 @@ export declare type ProTableActionType = {
|
|
178
180
|
} & ProTableActionTypeMutations;
|
179
181
|
/** action State 定义 */
|
180
182
|
export declare type ProTableActionTypeMutations = {
|
181
|
-
/** 获取state状态 */
|
183
|
+
/** 获取state 状态 */
|
182
184
|
getState?: () => ProTableActionTypeState;
|
185
|
+
/** 设置state 状态 */
|
186
|
+
setState?: (key: string, value: any) => void;
|
187
|
+
/** 初始化 state 状态 */
|
188
|
+
initState?: () => void;
|
183
189
|
/** 设置全屏状态 */
|
184
190
|
setFullScreenState?: (state: boolean) => void;
|
185
191
|
/** 绑定state监听事件 */
|
@@ -192,11 +198,15 @@ export declare type ProTableActionTypeMutations = {
|
|
192
198
|
getFilterRules?: () => object;
|
193
199
|
/** 重新计算表格maxHeight高度 */
|
194
200
|
resetTableMaxBodyHeight?: () => void;
|
201
|
+
/** 列筛选规则 */
|
202
|
+
filterColumns?: any[];
|
195
203
|
};
|
196
204
|
/** action Mutations 定义 */
|
197
205
|
export declare type ProTableActionTypeState = {
|
198
206
|
fullScreenState: boolean;
|
199
207
|
filterRules: ProTableColumnsFilterRulesItem;
|
208
|
+
filterColumns: ProTableColumnProps[];
|
209
|
+
[key: string]: any;
|
200
210
|
};
|
201
211
|
export declare type ProTableDataFilterProps = {
|
202
212
|
/** 展示形式 */
|
@@ -37,9 +37,9 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
37
37
|
|
38
38
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
39
39
|
|
40
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
40
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
41
41
|
|
42
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
42
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
43
43
|
|
44
44
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
45
45
|
|
@@ -47,8 +47,66 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
47
47
|
* 增加了 icon 的功能 render title
|
48
48
|
*/
|
49
49
|
var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
|
50
|
+
var filterMode = item.filterMode,
|
51
|
+
filters = item.filters,
|
52
|
+
dataIndex = item.dataIndex,
|
53
|
+
dataSource = item.dataSource; // 为列过滤添加状态标题
|
54
|
+
|
55
|
+
var getItemLabel = function getItemLabel() {
|
56
|
+
if (filters && filterMode !== 'multiple') {
|
57
|
+
var _actionRef$current$ge, _actionRef$current, _actionRef$current$ge2;
|
58
|
+
|
59
|
+
var selectedItem = (_actionRef$current$ge = (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$ge2 = _actionRef$current.getState) === null || _actionRef$current$ge2 === void 0 ? void 0 : _actionRef$current$ge2.call(_actionRef$current).filterRules) !== null && _actionRef$current$ge !== void 0 ? _actionRef$current$ge : {};
|
60
|
+
|
61
|
+
if (Object.keys(selectedItem).length > 0) {
|
62
|
+
var _selectedItem$dataInd;
|
63
|
+
|
64
|
+
if ((_selectedItem$dataInd = selectedItem[dataIndex]) === null || _selectedItem$dataInd === void 0 ? void 0 : _selectedItem$dataInd.params) {
|
65
|
+
var _targetFilters$find;
|
66
|
+
|
67
|
+
// 找到对应的 label
|
68
|
+
var targetFilters = filters !== null && filters !== void 0 ? filters : [];
|
69
|
+
|
70
|
+
if (filters === true) {
|
71
|
+
targetFilters = dataSource !== null && dataSource !== void 0 ? dataSource : [];
|
72
|
+
}
|
73
|
+
|
74
|
+
var label = (_targetFilters$find = targetFilters.find(function (item) {
|
75
|
+
var _selectedItem$dataInd2;
|
76
|
+
|
77
|
+
return item.value === ((_selectedItem$dataInd2 = selectedItem[dataIndex]) === null || _selectedItem$dataInd2 === void 0 ? void 0 : _selectedItem$dataInd2.params);
|
78
|
+
})) === null || _targetFilters$find === void 0 ? void 0 : _targetFilters$find.label;
|
79
|
+
var value = "".concat(item.title, " (").concat(label, ")");
|
80
|
+
return /*#__PURE__*/_react.default.createElement(_field.default, {
|
81
|
+
style: {
|
82
|
+
display: 'inline-flex'
|
83
|
+
},
|
84
|
+
value: value,
|
85
|
+
type: "text",
|
86
|
+
render: {
|
87
|
+
ellipsis: true,
|
88
|
+
color: 'var(--table-th-color,#848484)'
|
89
|
+
}
|
90
|
+
});
|
91
|
+
}
|
92
|
+
}
|
93
|
+
}
|
94
|
+
|
95
|
+
return /*#__PURE__*/_react.default.createElement(_field.default, {
|
96
|
+
style: {
|
97
|
+
display: 'inline-flex'
|
98
|
+
},
|
99
|
+
value: item.title,
|
100
|
+
type: "text",
|
101
|
+
render: {
|
102
|
+
ellipsis: true,
|
103
|
+
color: 'var(--table-th-color,#848484)'
|
104
|
+
}
|
105
|
+
});
|
106
|
+
};
|
107
|
+
|
50
108
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_utils.LabelIconTip, {
|
51
|
-
label:
|
109
|
+
label: getItemLabel(),
|
52
110
|
tooltip: item.tooltip,
|
53
111
|
icon: item.tooltipIcon
|
54
112
|
}), item.filters && /*#__PURE__*/_react.default.createElement(_Filter.default, {
|
@@ -15,9 +15,9 @@ var _excluded = ["filters", "dataIndex"];
|
|
15
15
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17
17
|
|
18
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
18
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
19
19
|
|
20
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
20
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
21
21
|
|
22
22
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
23
23
|
|
package/lib/table/utils/index.js
CHANGED
@@ -10,9 +10,9 @@ var _lodash = _interopRequireDefault(require("lodash.clonedeep"));
|
|
10
10
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12
12
|
|
13
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
13
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
14
14
|
|
15
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
15
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
16
16
|
|
17
17
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
18
18
|
|
@@ -31,8 +31,12 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
31
31
|
// 组件内全局状态
|
32
32
|
var state = {
|
33
33
|
fullScreenState: false,
|
34
|
-
filterRules: {}
|
35
|
-
|
34
|
+
filterRules: {},
|
35
|
+
filterColumns: []
|
36
|
+
};
|
37
|
+
|
38
|
+
var _initState = (0, _lodash.default)(state); // 组件内全局监听事件
|
39
|
+
|
36
40
|
|
37
41
|
var callback = {
|
38
42
|
fullScreenState: {}
|
@@ -42,6 +46,18 @@ var mutations = {
|
|
42
46
|
getState: function getState() {
|
43
47
|
return state;
|
44
48
|
},
|
49
|
+
setState: function setState(key, value) {
|
50
|
+
state[key] = value;
|
51
|
+
useOn(key, value);
|
52
|
+
|
53
|
+
if (mutations.hasOwnProperty(key)) {
|
54
|
+
mutations[key] = value;
|
55
|
+
}
|
56
|
+
},
|
57
|
+
initState: function initState() {
|
58
|
+
state = (0, _lodash.default)(_initState);
|
59
|
+
},
|
60
|
+
filterColumns: state.filterColumns,
|
45
61
|
setFullScreenState: function setFullScreenState(fullScreenState) {
|
46
62
|
state.fullScreenState = fullScreenState;
|
47
63
|
useOn('fullScreenState', fullScreenState);
|
@@ -85,6 +101,10 @@ var mutations = {
|
|
85
101
|
* @param name 监听名(作为销毁唯一id使用)
|
86
102
|
*/
|
87
103
|
on: function on(fun, state, name) {
|
104
|
+
if (!callback[state]) {
|
105
|
+
callback[state] = {};
|
106
|
+
}
|
107
|
+
|
88
108
|
callback[state][name] = fun;
|
89
109
|
},
|
90
110
|
off: function off(name) {
|
@@ -9,9 +9,9 @@ var _react = require("react");
|
|
9
9
|
|
10
10
|
var _utils = require("@teamix/utils");
|
11
11
|
|
12
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
12
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
13
13
|
|
14
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
14
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
15
15
|
|
16
16
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
17
17
|
|
@@ -1,6 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
4
4
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
6
6
|
value: true
|
@@ -23,9 +23,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
23
23
|
|
24
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
25
25
|
|
26
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
26
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
27
27
|
|
28
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
28
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
29
29
|
|
30
30
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
31
31
|
|
package/lib/utils/index.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
4
4
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
6
6
|
value: true
|
package/lib/utils/message.d.ts
CHANGED
@@ -1,3 +1,3 @@
|
|
1
1
|
import { MessageProps } from '@alicloudfe/components/types/message';
|
2
2
|
export declare type ProMessageProps = MessageProps | string;
|
3
|
-
export declare const renderProMessage: (message
|
3
|
+
export declare const renderProMessage: (message?: ProMessageProps | undefined, defaultProps?: MessageProps | undefined) => JSX.Element | null;
|
package/lib/utils/message.js
CHANGED
@@ -11,22 +11,22 @@ var _components = require("@alicloudfe/components");
|
|
11
11
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13
13
|
|
14
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
14
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
15
15
|
|
16
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
16
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
17
17
|
|
18
18
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
19
19
|
|
20
|
-
var renderProMessage = function renderProMessage(message) {
|
20
|
+
var renderProMessage = function renderProMessage(message, defaultProps) {
|
21
|
+
if (!message) {
|
22
|
+
return null;
|
23
|
+
}
|
24
|
+
|
21
25
|
if (typeof message === 'string') {
|
22
|
-
return /*#__PURE__*/_react.default.createElement(_components.Message, {
|
23
|
-
type: "notice"
|
24
|
-
}, message);
|
26
|
+
return /*#__PURE__*/_react.default.createElement(_components.Message, _objectSpread({}, defaultProps), message);
|
25
27
|
}
|
26
28
|
|
27
|
-
return /*#__PURE__*/_react.default.createElement(_components.Message, _objectSpread({
|
28
|
-
type: "notice"
|
29
|
-
}, message));
|
29
|
+
return /*#__PURE__*/_react.default.createElement(_components.Message, _objectSpread(_objectSpread({}, defaultProps), message));
|
30
30
|
};
|
31
31
|
|
32
32
|
exports.renderProMessage = renderProMessage;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@teamix/pro",
|
3
|
-
"version": "1.2.
|
3
|
+
"version": "1.2.16",
|
4
4
|
"description": "TeamixPro大包",
|
5
5
|
"repository": "http://gitlab.alibaba-inc.com/teamix/pro",
|
6
6
|
"author": "Velociraptor(迅猛龙)",
|
@@ -24,7 +24,7 @@
|
|
24
24
|
"dependencies": {
|
25
25
|
"@formily/core": "2.0.5",
|
26
26
|
"@formily/react": "2.0.5",
|
27
|
-
"@teamix/formily": "2.0.5",
|
27
|
+
"@teamix/formily": "2.0.5-1",
|
28
28
|
"@teamix/hooks": "^0.1.0",
|
29
29
|
"@teamix/pop-confirm": "^1.2.2",
|
30
30
|
"@teamix/pro-field": "^1.0.0",
|
@@ -1,70 +0,0 @@
|
|
1
|
-
import React, { memo } from 'react';
|
2
|
-
import { Tag, Select } from '@alicloudfe/components';
|
3
|
-
import cls from 'classnames';
|
4
|
-
import { usePrefixCls, isArr, isObj } from '@teamix/utils';
|
5
|
-
import './index.scss';
|
6
|
-
var TagGroup = Tag.Group,
|
7
|
-
CloseableTag = Tag.Closeable;
|
8
|
-
var TagText = /*#__PURE__*/memo(function (_ref) {
|
9
|
-
var tagPrefixCls = _ref.tagPrefixCls,
|
10
|
-
title = _ref.title,
|
11
|
-
content = _ref.content;
|
12
|
-
var prefixCls = "".concat(tagPrefixCls, "-tag");
|
13
|
-
return /*#__PURE__*/React.createElement("span", {
|
14
|
-
className: prefixCls
|
15
|
-
}, /*#__PURE__*/React.createElement("span", {
|
16
|
-
className: "".concat(prefixCls, "-title")
|
17
|
-
}, title), /*#__PURE__*/React.createElement("span", {
|
18
|
-
className: "".concat(prefixCls, "-content")
|
19
|
-
}, function () {
|
20
|
-
if (isArr(content)) {
|
21
|
-
return content.join(', ');
|
22
|
-
}
|
23
|
-
|
24
|
-
if (isObj(content)) {
|
25
|
-
return /*#__PURE__*/React.createElement(TagText, {
|
26
|
-
tagPrefixCls: tagPrefixCls,
|
27
|
-
title: content.title,
|
28
|
-
content: content.content
|
29
|
-
});
|
30
|
-
}
|
31
|
-
|
32
|
-
return content;
|
33
|
-
}()));
|
34
|
-
});
|
35
|
-
var Query = /*#__PURE__*/memo(function (_ref2) {
|
36
|
-
var size = _ref2.size,
|
37
|
-
tags = _ref2.tags,
|
38
|
-
filterItems = _ref2.filterItems,
|
39
|
-
onFilterItemsChange = _ref2.onFilterItemsChange,
|
40
|
-
children = _ref2.children;
|
41
|
-
var defaultCls = usePrefixCls();
|
42
|
-
var prefixCls = usePrefixCls('filter');
|
43
|
-
return /*#__PURE__*/React.createElement("span", {
|
44
|
-
className: cls(prefixCls, "".concat(defaultCls).concat(size))
|
45
|
-
}, /*#__PURE__*/React.createElement(TagGroup, null, tags === null || tags === void 0 ? void 0 : tags.map(function (_ref3) {
|
46
|
-
var key = _ref3.key,
|
47
|
-
title = _ref3.title,
|
48
|
-
content = _ref3.content;
|
49
|
-
return /*#__PURE__*/React.createElement(CloseableTag, {
|
50
|
-
key: key,
|
51
|
-
onClose: function onClose() {
|
52
|
-
console.log('onClose', key);
|
53
|
-
return false;
|
54
|
-
}
|
55
|
-
}, /*#__PURE__*/React.createElement(TagText, {
|
56
|
-
tagPrefixCls: prefixCls,
|
57
|
-
title: title,
|
58
|
-
content: content
|
59
|
-
}));
|
60
|
-
})), /*#__PURE__*/React.createElement(Select, {
|
61
|
-
className: "".concat(prefixCls, "-select"),
|
62
|
-
placeholder: "\u8BF7\u6DFB\u52A0\u7B5B\u9009\u6761\u4EF6",
|
63
|
-
dataSource: filterItems,
|
64
|
-
onChange: onFilterItemsChange
|
65
|
-
}), children);
|
66
|
-
});
|
67
|
-
Query.defaultProps = {
|
68
|
-
size: 'medium'
|
69
|
-
};
|
70
|
-
export default Query;
|
@@ -1,85 +0,0 @@
|
|
1
|
-
@import '../../global.scss';
|
2
|
-
|
3
|
-
// Query样式
|
4
|
-
.#{$css-prefix}filter {
|
5
|
-
display: flex;
|
6
|
-
width: 100%;
|
7
|
-
box-sizing: border-box;
|
8
|
-
|
9
|
-
border-color: var(--input-focus-border-color, #ababab);
|
10
|
-
border-style: solid;
|
11
|
-
transition: box-shadow var(--active-transition);
|
12
|
-
&:hover {
|
13
|
-
box-shadow: var(--active-shadow);
|
14
|
-
}
|
15
|
-
.#{$css-prefix}filter-tag {
|
16
|
-
.#{$css-prefix}filter-tag-title {
|
17
|
-
margin-right: 8px;
|
18
|
-
color: var(--color-text1-8, #848484);
|
19
|
-
}
|
20
|
-
.#{$css-prefix}filter-tag-content {
|
21
|
-
color: var(--color-text1-3, #333333);
|
22
|
-
.#{$css-prefix}filter-tag-title {
|
23
|
-
margin-right: 0;
|
24
|
-
color: var(--color-text1-3, #333333);
|
25
|
-
font-weight: bold;
|
26
|
-
&::after {
|
27
|
-
position: relative;
|
28
|
-
top: -0.5px;
|
29
|
-
content: ':';
|
30
|
-
margin: 0 4px 0 4px;
|
31
|
-
}
|
32
|
-
}
|
33
|
-
}
|
34
|
-
}
|
35
|
-
|
36
|
-
// 表单项选择模块
|
37
|
-
.#{$css-prefix}filter-select {
|
38
|
-
min-width: auto;
|
39
|
-
.#{$css-prefix}input {
|
40
|
-
min-width: auto;
|
41
|
-
border: 0;
|
42
|
-
.#{$css-prefix}input-text-field {
|
43
|
-
padding-right: 0;
|
44
|
-
}
|
45
|
-
}
|
46
|
-
.#{$css-prefix}input.#{$css-prefix}medium {
|
47
|
-
height: $noborder-font-weight-medium;
|
48
|
-
}
|
49
|
-
.#{$css-prefix}input-control {
|
50
|
-
display: none;
|
51
|
-
}
|
52
|
-
}
|
53
|
-
}
|
54
|
-
|
55
|
-
// Query尺寸
|
56
|
-
.#{$css-prefix}filter.#{$css-prefix}medium {
|
57
|
-
padding: 0 8px;
|
58
|
-
height: var(--search-normal-normal-m-height, 32px);
|
59
|
-
border-width: var(--search-normal-normal-border-width, 1px);
|
60
|
-
border-radius: var(--search-normal-corner, 2px);
|
61
|
-
.#{$css-prefix}tag-group {
|
62
|
-
.#{$css-prefix}tag-medium {
|
63
|
-
margin: 3px 4px 3px 0;
|
64
|
-
}
|
65
|
-
}
|
66
|
-
}
|
67
|
-
|
68
|
-
// Query无边框模式
|
69
|
-
.#{$form-item-cls}-bordered-none {
|
70
|
-
.#{$form-item-cls}-control {
|
71
|
-
.#{$form-item-cls}-control-content {
|
72
|
-
.#{$form-item-cls}-control-content-component {
|
73
|
-
min-height: $noborder-font-weight-medium;
|
74
|
-
.#{$css-prefix}date-picker2-input {
|
75
|
-
border: 0;
|
76
|
-
box-shadow: none !important;
|
77
|
-
}
|
78
|
-
.#{$css-prefix}date-picker2-input.#{$css-prefix}date-picker2-input-medium,
|
79
|
-
.#{$css-prefix}input.#{$css-prefix}medium {
|
80
|
-
height: $noborder-font-weight-medium;
|
81
|
-
}
|
82
|
-
}
|
83
|
-
}
|
84
|
-
}
|
85
|
-
}
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import { TagProps, CloseableProps } from '@alicloudfe/components/types/tag';
|
2
|
-
import './index.scss';
|
3
|
-
export declare type ProTagItem = (TagProps | (CloseableProps & {
|
4
|
-
closable: true;
|
5
|
-
})) & {
|
6
|
-
/**
|
7
|
-
* @deprecated 建议使用 children 代替
|
8
|
-
*/
|
9
|
-
text?: string;
|
10
|
-
};
|
11
|
-
export declare const renderTags: (tags?: ProTagItem[] | undefined, size?: "small" | "large" | "medium" | undefined) => JSX.Element | null;
|