@vtx/components 2.5.11 → 2.5.12
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.
|
@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports["default"] = ColumnSetting;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _popover = _interopRequireDefault(require("antd/
|
|
10
|
-
var
|
|
9
|
+
var _popover = _interopRequireDefault(require("antd/lib/popover"));
|
|
10
|
+
var _divider = _interopRequireDefault(require("antd/lib/divider"));
|
|
11
|
+
var _button = _interopRequireDefault(require("antd/lib/button"));
|
|
12
|
+
var _checkbox = _interopRequireDefault(require("antd/lib/checkbox"));
|
|
11
13
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
14
|
var _useSet3 = _interopRequireDefault(require("../_util/useSet"));
|
|
13
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -35,7 +37,10 @@ function ColumnSetting(props) {
|
|
|
35
37
|
checkedColumnKeys = props.checkedColumnKeys,
|
|
36
38
|
columnSettingOptions = props.columnSettingOptions,
|
|
37
39
|
onChange = props.onChange,
|
|
38
|
-
onReset = props.onReset
|
|
40
|
+
onReset = props.onReset,
|
|
41
|
+
_props$disabledColumn = props.disabledColumnKeys,
|
|
42
|
+
disabledColumnKeys = _props$disabledColumn === void 0 ? [] : _props$disabledColumn,
|
|
43
|
+
onColumnsSave = props.onColumnsSave;
|
|
39
44
|
(0, _react.useEffect)(function () {
|
|
40
45
|
var chkLen = checkedColumnKeys === null || checkedColumnKeys === void 0 ? void 0 : checkedColumnKeys.length;
|
|
41
46
|
var optionLen = columnSettingOptions === null || columnSettingOptions === void 0 ? void 0 : columnSettingOptions.length;
|
|
@@ -66,6 +71,12 @@ function ColumnSetting(props) {
|
|
|
66
71
|
onChange(newCheckedColumnKeys);
|
|
67
72
|
}
|
|
68
73
|
};
|
|
74
|
+
// 保存按钮
|
|
75
|
+
var onSaveChange = function onSaveChange() {
|
|
76
|
+
if (onChange) {
|
|
77
|
+
onColumnsSave(checkedColumnKeys);
|
|
78
|
+
}
|
|
79
|
+
};
|
|
69
80
|
return /*#__PURE__*/_react["default"].createElement(_popover["default"], {
|
|
70
81
|
trigger: "click",
|
|
71
82
|
placement: "bottomRight",
|
|
@@ -91,9 +102,19 @@ function ColumnSetting(props) {
|
|
|
91
102
|
checked: checkedColumnKeys === null || checkedColumnKeys === void 0 ? void 0 : checkedColumnKeys.includes(key),
|
|
92
103
|
onChange: function onChange(e) {
|
|
93
104
|
return onCheckChange(e, key);
|
|
94
|
-
}
|
|
105
|
+
},
|
|
106
|
+
disabled: disabledColumnKeys.includes(key)
|
|
95
107
|
}, opt.title));
|
|
96
|
-
})
|
|
108
|
+
}), typeof onColumnsSave === 'function' ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_divider["default"], {
|
|
109
|
+
style: {
|
|
110
|
+
margin: '5px 0 10px 0'
|
|
111
|
+
}
|
|
112
|
+
}), /*#__PURE__*/_react["default"].createElement(_button["default"], {
|
|
113
|
+
block: true,
|
|
114
|
+
onClick: function onClick() {
|
|
115
|
+
return onSaveChange();
|
|
116
|
+
}
|
|
117
|
+
}, "\u4FDD\u5B58")) : null)
|
|
97
118
|
}, props.children);
|
|
98
119
|
}
|
|
99
120
|
ColumnSetting.propTypes = {
|
|
@@ -102,6 +123,8 @@ ColumnSetting.propTypes = {
|
|
|
102
123
|
columnSettingOptions: _propTypes["default"].array,
|
|
103
124
|
children: _propTypes["default"].node,
|
|
104
125
|
onChange: _propTypes["default"].func,
|
|
105
|
-
onReset: _propTypes["default"].func
|
|
126
|
+
onReset: _propTypes["default"].func,
|
|
127
|
+
disabledColumnKeys: _propTypes["default"].array,
|
|
128
|
+
onColumnsSave: _propTypes["default"].func
|
|
106
129
|
};
|
|
107
130
|
//# sourceMappingURL=ColumnSetting.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnSetting.js","names":["ColumnSetting","props","useSet","indeterminate","checkAll","state","setState","prefixCls","checkedColumnKeys","columnSettingOptions","onChange","onReset","useEffect","chkLen","length","optionLen","onCheckChange","e","key","newCheckedColumnKeys","target","checked","filter","item","onCheckAllChange","map","opt","dataIndex","includes","title","children","propTypes","PropTypes","string","array","node","func"],"sources":["vtx-datagrid/ColumnSetting.jsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport Popover from 'antd/
|
|
1
|
+
{"version":3,"file":"ColumnSetting.js","names":["ColumnSetting","props","useSet","indeterminate","checkAll","state","setState","prefixCls","checkedColumnKeys","columnSettingOptions","onChange","onReset","disabledColumnKeys","onColumnsSave","useEffect","chkLen","length","optionLen","onCheckChange","e","key","newCheckedColumnKeys","target","checked","filter","item","onCheckAllChange","map","onSaveChange","opt","dataIndex","includes","title","margin","children","propTypes","PropTypes","string","array","node","func"],"sources":["vtx-datagrid/ColumnSetting.jsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport Popover from 'antd/lib/popover';\nimport Divider from 'antd/lib/divider';\nimport Button from 'antd/lib/button';\nimport Checkbox from 'antd/lib/checkbox';\nimport PropTypes from 'prop-types';\n\nimport useSet from '../_util/useSet';\n\nexport default function ColumnSetting(props) {\n const [state, setState] = useSet({\n indeterminate: false,\n checkAll: false,\n });\n const {\n prefixCls,\n checkedColumnKeys,\n columnSettingOptions,\n onChange,\n onReset,\n disabledColumnKeys = [],\n onColumnsSave,\n } = props;\n\n useEffect(() => {\n const chkLen = checkedColumnKeys?.length;\n const optionLen = columnSettingOptions?.length;\n setState({\n checkAll: chkLen == optionLen,\n indeterminate: chkLen && chkLen < optionLen,\n });\n }, [checkedColumnKeys]);\n\n const { indeterminate, checkAll } = state;\n\n // 单选\n const onCheckChange = (e, key) => {\n if (onChange) {\n const newCheckedColumnKeys = e.target.checked\n ? [...checkedColumnKeys, key]\n : checkedColumnKeys?.filter(item => item != key);\n onChange(newCheckedColumnKeys);\n }\n };\n\n // 全选\n const onCheckAllChange = e => {\n if (onChange) {\n const newCheckedColumnKeys = e.target.checked\n ? columnSettingOptions?.map(item => item.key)\n : [];\n onChange(newCheckedColumnKeys);\n }\n };\n // 保存按钮\n const onSaveChange = () => {\n if (onChange) {\n onColumnsSave(checkedColumnKeys);\n }\n };\n return (\n <Popover\n trigger=\"click\"\n placement=\"bottomRight\"\n arrowPointAtCenter\n title={\n <div className={`${prefixCls}-column-setting-title`} slot=\"title\">\n <Checkbox\n className={`${prefixCls}-column-setting-checkbox-wrapper`}\n indeterminate={indeterminate}\n checked={checkAll}\n onChange={onCheckAllChange}\n >\n 列展示\n </Checkbox>\n <a onClick={onReset}>重置</a>\n </div>\n }\n content={\n <div className={`${prefixCls}-column-setting-list`}>\n {columnSettingOptions?.map(opt => {\n const key = opt.key || opt.dataIndex;\n return (\n <div key={key}>\n <Checkbox\n checked={checkedColumnKeys?.includes(key)}\n onChange={e => onCheckChange(e, key)}\n disabled={disabledColumnKeys.includes(key)}\n >\n {opt.title}\n </Checkbox>\n </div>\n );\n })}\n {typeof onColumnsSave === 'function' ? (\n <>\n <Divider style={{ margin: '5px 0 10px 0' }} />\n <Button block={true} onClick={() => onSaveChange()}>\n 保存\n </Button>\n </>\n ) : null}\n </div>\n }\n >\n {props.children}\n </Popover>\n );\n}\n\nColumnSetting.propTypes = {\n prefixCls: PropTypes.string,\n checkedColumnKeys: PropTypes.array,\n columnSettingOptions: PropTypes.array,\n children: PropTypes.node,\n onChange: PropTypes.func,\n onReset: PropTypes.func,\n disabledColumnKeys: PropTypes.array,\n onColumnsSave: PropTypes.func,\n};\n"],"mappings":"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"}
|