@vtx/components 3.1.16 → 3.1.17

package/lib/vtx-combogrid/style/index.less

@@ -1,29 +1,29 @@
-@prefix-cls: vtx-combogrid;
-
-.@{prefix-cls} {
-    &-popover {
-        width: 550px;
-        .ant-form-item {
-            margin-bottom: 12px;
-        }
-    }
-    &-btns {
-        line-height: 32px;
-        button + button {
-            margin-left: 4px;
-        }
-    }
-    &-main {
-        height: 400px;
-    }
-
-    &-dropdown {
-        padding-top: 0;
-        .ant-popover-arrow {
-            display: none;
-        }
-        .ant-pagination.mini .ant-pagination-item {
-            line-height: 24px;
-        }
-    }
-}
+@prefix-cls: vtx-combogrid;
+
+.@{prefix-cls} {
+    &-popover {
+        width: 550px;
+        .ant-form-item {
+            margin-bottom: 12px;
+        }
+    }
+    &-btns {
+        line-height: 32px;
+        button + button {
+            margin-left: 4px;
+        }
+    }
+    &-main {
+        height: 400px;
+    }
+
+    &-dropdown {
+        padding-top: 0;
+        .ant-popover-arrow {
+            display: none;
+        }
+        .ant-pagination.mini .ant-pagination-item {
+            line-height: 24px;
+        }
+    }
+}

package/lib/vtx-datagrid/Alert.js

@@ -4,21 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _alert = _interopRequireDefault(require("antd/lib/alert"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function TableAlert(_ref) {
   var prefixCls = _ref.prefixCls,
-      _ref$selectedRowKeys = _ref.selectedRowKeys,
-      selectedRowKeys = _ref$selectedRowKeys === void 0 ? [] : _ref$selectedRowKeys,
-      onRowSelectionClear = _ref.onRowSelectionClear;
-
+    _ref$selectedRowKeys = _ref.selectedRowKeys,
+    selectedRowKeys = _ref$selectedRowKeys === void 0 ? [] : _ref$selectedRowKeys,
+    onRowSelectionClear = _ref.onRowSelectionClear;
   var message = /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefixCls, "-alert-message")
   }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -27,14 +21,12 @@ function TableAlert(_ref) {
     className: "".concat(prefixCls, "-alert-info-option"),
     onClick: onRowSelectionClear
   }, "\u6E05\u7A7A\u9009\u62E9"));
-
   return /*#__PURE__*/_react["default"].createElement(_alert["default"], {
     type: "info",
     showIcon: true,
     message: message
   });
 }
-
 var _default = TableAlert;
 exports["default"] = _default;
 TableAlert.propTypes = {

package/lib/vtx-datagrid/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","names":["TableAlert","prefixCls","selectedRowKeys","onRowSelectionClear","message","length","propTypes","PropTypes","string","array","func"],"sources":["vtx-datagrid/Alert.jsx"],"sourcesContent":["import React from 'react';\r\nimport Alert from 'antd/lib/alert';\r\nimport PropTypes from 'prop-types';\r\n\r\nfunction TableAlert({ prefixCls, selectedRowKeys = [], onRowSelectionClear }) {\r\n    const message = (\r\n        <div className={`${prefixCls}-alert-message`}>\r\n            <span className={`${prefixCls}-alert-info-content`}>\r\n                已选择<strong>{selectedRowKeys.length}</strong>项\r\n            </span>\r\n            <a className={`${prefixCls}-alert-info-option`} onClick={onRowSelectionClear}>\r\n                清空选择\r\n            </a>\r\n        </div>\r\n    );\r\n    return <Alert type=\"info\" showIcon message={message} />;\r\n}\r\n\r\nexport default TableAlert;\r\n\r\nTableAlert.propTypes = {\r\n    prefixCls: PropTypes.string,\r\n    selectedRowKeys: PropTypes.array,\r\n    onRowSelectionClear: PropTypes.func,\r\n};\r\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,SAASA,UAAT,OAA8E;EAAA,IAAxDC,SAAwD,QAAxDA,SAAwD;EAAA,gCAA7CC,eAA6C;EAAA,IAA7CA,eAA6C,qCAA3B,EAA2B;EAAA,IAAvBC,mBAAuB,QAAvBA,mBAAuB;;EAC1E,IAAMC,OAAO,gBACT;IAAK,SAAS,YAAKH,SAAL;EAAd,gBACI;IAAM,SAAS,YAAKA,SAAL;EAAf,sCACO,gDAASC,eAAe,CAACG,MAAzB,CADP,WADJ,eAII;IAAG,SAAS,YAAKJ,SAAL,uBAAZ;IAAgD,OAAO,EAAEE;EAAzD,8BAJJ,CADJ;;EAUA,oBAAO,gCAAC,iBAAD;IAAO,IAAI,EAAC,MAAZ;IAAmB,QAAQ,MAA3B;IAA4B,OAAO,EAAEC;EAArC,EAAP;AACH;;eAEcJ,U;;AAEfA,UAAU,CAACM,SAAX,GAAuB;EACnBL,SAAS,EAAEM,qBAAA,CAAUC,MADF;EAEnBN,eAAe,EAAEK,qBAAA,CAAUE,KAFR;EAGnBN,mBAAmB,EAAEI,qBAAA,CAAUG;AAHZ,CAAvB"}
+{"version":3,"file":"Alert.js","names":["TableAlert","prefixCls","selectedRowKeys","onRowSelectionClear","message","length","propTypes","PropTypes","string","array","func"],"sources":["vtx-datagrid/Alert.jsx"],"sourcesContent":["import React from 'react';\nimport Alert from 'antd/lib/alert';\nimport PropTypes from 'prop-types';\n\nfunction TableAlert({ prefixCls, selectedRowKeys = [], onRowSelectionClear }) {\n    const message = (\n        <div className={`${prefixCls}-alert-message`}>\n            <span className={`${prefixCls}-alert-info-content`}>\n                已选择<strong>{selectedRowKeys.length}</strong>项\n            </span>\n            <a className={`${prefixCls}-alert-info-option`} onClick={onRowSelectionClear}>\n                清空选择\n            </a>\n        </div>\n    );\n    return <Alert type=\"info\" showIcon message={message} />;\n}\n\nexport default TableAlert;\n\nTableAlert.propTypes = {\n    prefixCls: PropTypes.string,\n    selectedRowKeys: PropTypes.array,\n    onRowSelectionClear: PropTypes.func,\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAmC;AAEnC,SAASA,UAAU,OAA2D;EAAA,IAAxDC,SAAS,QAATA,SAAS;IAAA,4BAAEC,eAAe;IAAfA,eAAe,qCAAG,EAAE;IAAEC,mBAAmB,QAAnBA,mBAAmB;EACtE,IAAMC,OAAO,gBACT;IAAK,SAAS,YAAKH,SAAS;EAAiB,gBACzC;IAAM,SAAS,YAAKA,SAAS;EAAsB,sCAC5C,gDAASC,eAAe,CAACG,MAAM,CAAU,WACzC,eACP;IAAG,SAAS,YAAKJ,SAAS,uBAAqB;IAAC,OAAO,EAAEE;EAAoB,8BAEzE,CAEX;EACD,oBAAO,gCAAC,iBAAK;IAAC,IAAI,EAAC,MAAM;IAAC,QAAQ;IAAC,OAAO,EAAEC;EAAQ,EAAG;AAC3D;AAAC,eAEcJ,UAAU;AAAA;AAEzBA,UAAU,CAACM,SAAS,GAAG;EACnBL,SAAS,EAAEM,qBAAS,CAACC,MAAM;EAC3BN,eAAe,EAAEK,qBAAS,CAACE,KAAK;EAChCN,mBAAmB,EAAEI,qBAAS,CAACG;AACnC,CAAC"}

package/lib/vtx-datagrid/ColumnSetting.js

@@ -1,69 +1,46 @@
 "use strict";
 
 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); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = ColumnSetting;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _popover = _interopRequireDefault(require("antd/lib/popover"));
-
 var _divider = _interopRequireDefault(require("antd/lib/divider"));
-
 var _button = _interopRequireDefault(require("antd/lib/button"));
-
 var _checkbox = _interopRequireDefault(require("antd/lib/checkbox"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _useSet3 = _interopRequireDefault(require("../_util/useSet"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 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."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 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."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function ColumnSetting(props) {
   var _useSet = (0, _useSet3["default"])({
-    indeterminate: false,
-    checkAll: false
-  }),
-      _useSet2 = _slicedToArray(_useSet, 2),
-      state = _useSet2[0],
-      setState = _useSet2[1];
-
+      indeterminate: false,
+      checkAll: false
+    }),
+    _useSet2 = _slicedToArray(_useSet, 2),
+    state = _useSet2[0],
+    setState = _useSet2[1];
   var prefixCls = props.prefixCls,
-      checkedColumnKeys = props.checkedColumnKeys,
-      columnSettingOptions = props.columnSettingOptions,
-      onChange = props.onChange,
-      onReset = props.onReset,
-      _props$disabledColumn = props.disabledColumnKeys,
-      disabledColumnKeys = _props$disabledColumn === void 0 ? [] : _props$disabledColumn,
-      onColumnsSave = props.onColumnsSave;
+    checkedColumnKeys = props.checkedColumnKeys,
+    columnSettingOptions = props.columnSettingOptions,
+    onChange = props.onChange,
+    onReset = props.onReset,
+    _props$disabledColumn = props.disabledColumnKeys,
+    disabledColumnKeys = _props$disabledColumn === void 0 ? [] : _props$disabledColumn,
+    onColumnsSave = props.onColumnsSave;
   (0, _react.useEffect)(function () {
     var chkLen = checkedColumnKeys === null || checkedColumnKeys === void 0 ? void 0 : checkedColumnKeys.length;
     var optionLen = columnSettingOptions === null || columnSettingOptions === void 0 ? void 0 : columnSettingOptions.length;
@@ -73,8 +50,9 @@ function ColumnSetting(props) {
     });
   }, [checkedColumnKeys]);
   var indeterminate = state.indeterminate,
-      checkAll = state.checkAll; // 单选
+    checkAll = state.checkAll;
 
+  // 单选
   var onCheckChange = function onCheckChange(e, key) {
     if (onChange) {
       var newCheckedColumnKeys = e.target.checked ? [].concat(_toConsumableArray(checkedColumnKeys), [key]) : checkedColumnKeys === null || checkedColumnKeys === void 0 ? void 0 : checkedColumnKeys.filter(function (item) {
@@ -82,9 +60,9 @@ function ColumnSetting(props) {
       });
       onChange(newCheckedColumnKeys);
     }
-  }; // 全选
-
+  };
 
+  // 全选
   var onCheckAllChange = function onCheckAllChange(e) {
     if (onChange) {
       var newCheckedColumnKeys = e.target.checked ? columnSettingOptions === null || columnSettingOptions === void 0 ? void 0 : columnSettingOptions.map(function (item) {
@@ -92,15 +70,13 @@ function ColumnSetting(props) {
       }) : [];
       onChange(newCheckedColumnKeys);
     }
-  }; // 保存按钮
-
-
+  };
+  // 保存按钮
   var onSaveChange = function onSaveChange() {
     if (onChange) {
       onColumnsSave(checkedColumnKeys);
     }
   };
-
   return /*#__PURE__*/_react["default"].createElement(_popover["default"], {
     trigger: "click",
     placement: "bottomRight",
@@ -141,7 +117,6 @@ function ColumnSetting(props) {
     }, "\u4FDD\u5B58")) : null)
   }, props.children);
 }
-
 ColumnSetting.propTypes = {
   prefixCls: _propTypes["default"].string,
   checkedColumnKeys: _propTypes["default"].array,

package/lib/vtx-datagrid/ColumnSetting.js.map

@@ -1 +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';\r\nimport Popover from 'antd/lib/popover';\r\nimport Divider from 'antd/lib/divider';\r\nimport Button from 'antd/lib/button';\r\nimport Checkbox from 'antd/lib/checkbox';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport useSet from '../_util/useSet';\r\n\r\nexport default function ColumnSetting(props) {\r\n    const [state, setState] = useSet({\r\n        indeterminate: false,\r\n        checkAll: false,\r\n    });\r\n    const {\r\n        prefixCls,\r\n        checkedColumnKeys,\r\n        columnSettingOptions,\r\n        onChange,\r\n        onReset,\r\n        disabledColumnKeys = [],\r\n        onColumnsSave,\r\n    } = props;\r\n\r\n    useEffect(() => {\r\n        const chkLen = checkedColumnKeys?.length;\r\n        const optionLen = columnSettingOptions?.length;\r\n        setState({\r\n            checkAll: chkLen == optionLen,\r\n            indeterminate: chkLen && chkLen < optionLen,\r\n        });\r\n    }, [checkedColumnKeys]);\r\n\r\n    const { indeterminate, checkAll } = state;\r\n\r\n    // 单选\r\n    const onCheckChange = (e, key) => {\r\n        if (onChange) {\r\n            const newCheckedColumnKeys = e.target.checked\r\n                ? [...checkedColumnKeys, key]\r\n                : checkedColumnKeys?.filter(item => item != key);\r\n            onChange(newCheckedColumnKeys);\r\n        }\r\n    };\r\n\r\n    // 全选\r\n    const onCheckAllChange = e => {\r\n        if (onChange) {\r\n            const newCheckedColumnKeys = e.target.checked\r\n                ? columnSettingOptions?.map(item => item.key)\r\n                : [];\r\n            onChange(newCheckedColumnKeys);\r\n        }\r\n    };\r\n    // 保存按钮\r\n    const onSaveChange = () => {\r\n        if (onChange) {\r\n            onColumnsSave(checkedColumnKeys);\r\n        }\r\n    };\r\n    return (\r\n        <Popover\r\n            trigger=\"click\"\r\n            placement=\"bottomRight\"\r\n            arrowPointAtCenter\r\n            title={\r\n                <div className={`${prefixCls}-column-setting-title`} slot=\"title\">\r\n                    <Checkbox\r\n                        className={`${prefixCls}-column-setting-checkbox-wrapper`}\r\n                        indeterminate={indeterminate}\r\n                        checked={checkAll}\r\n                        onChange={onCheckAllChange}\r\n                    >\r\n                        列展示\r\n                    </Checkbox>\r\n                    <a onClick={onReset}>重置</a>\r\n                </div>\r\n            }\r\n            content={\r\n                <div className={`${prefixCls}-column-setting-list`}>\r\n                    {columnSettingOptions?.map(opt => {\r\n                        const key = opt.key || opt.dataIndex;\r\n                        return (\r\n                            <div key={key}>\r\n                                <Checkbox\r\n                                    checked={checkedColumnKeys?.includes(key)}\r\n                                    onChange={e => onCheckChange(e, key)}\r\n                                    disabled={disabledColumnKeys.includes(key)}\r\n                                >\r\n                                    {opt.title}\r\n                                </Checkbox>\r\n                            </div>\r\n                        );\r\n                    })}\r\n                    {typeof onColumnsSave === 'function' ? (\r\n                        <>\r\n                            <Divider style={{ margin: '5px 0 10px 0' }} />\r\n                            <Button block={true} onClick={() => onSaveChange()}>\r\n                                保存\r\n                            </Button>\r\n                        </>\r\n                    ) : null}\r\n                </div>\r\n            }\r\n        >\r\n            {props.children}\r\n        </Popover>\r\n    );\r\n}\r\n\r\nColumnSetting.propTypes = {\r\n    prefixCls: PropTypes.string,\r\n    checkedColumnKeys: PropTypes.array,\r\n    columnSettingOptions: PropTypes.array,\r\n    children: PropTypes.node,\r\n    onChange: PropTypes.func,\r\n    onReset: PropTypes.func,\r\n    disabledColumnKeys: PropTypes.array,\r\n    onColumnsSave: PropTypes.func,\r\n};\r\n"],"mappings":"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"}
+{"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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"}

package/lib/vtx-datagrid/ResizeableTitle.js

@@ -4,30 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactResizable = require("react-resizable");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _excluded = ["onResize", "width"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var ResizeableTitle = function ResizeableTitle(props) {
   var onResize = props.onResize,
-      width = props.width,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+    width = props.width,
+    restProps = _objectWithoutProperties(props, _excluded);
   if (!width) {
     return /*#__PURE__*/_react["default"].createElement("th", restProps);
   }
-
   return /*#__PURE__*/_react["default"].createElement(_reactResizable.Resizable, {
     width: width,
     height: 0,
@@ -37,7 +27,6 @@ var ResizeableTitle = function ResizeableTitle(props) {
     }
   }, /*#__PURE__*/_react["default"].createElement("th", restProps));
 };
-
 ResizeableTitle.propTypes = {
   onResize: _propTypes["default"].func,
   width: _propTypes["default"].number

package/lib/vtx-datagrid/ResizeableTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeableTitle.js","names":["ResizeableTitle","props","onResize","width","restProps","enableUserSelectHack","propTypes","PropTypes","func","number"],"sources":["vtx-datagrid/ResizeableTitle.jsx"],"sourcesContent":["import React from 'react';\r\nimport { Resizable } from 'react-resizable';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst ResizeableTitle = props => {\r\n    const { onResize, width, ...restProps } = props;\r\n\r\n    if (!width) {\r\n        return <th {...restProps} />;\r\n    }\r\n\r\n    return (\r\n        <Resizable\r\n            width={width}\r\n            height={0}\r\n            onResize={onResize}\r\n            draggableOpts={{ enableUserSelectHack: false }}\r\n        >\r\n            <th {...restProps} />\r\n        </Resizable>\r\n    );\r\n};\r\n\r\nResizeableTitle.propTypes = {\r\n    onResize: PropTypes.func,\r\n    width: PropTypes.number,\r\n};\r\n\r\nexport default ResizeableTitle;\r\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,KAAK,EAAI;EAC7B,IAAQC,QAAR,GAA0CD,KAA1C,CAAQC,QAAR;EAAA,IAAkBC,KAAlB,GAA0CF,KAA1C,CAAkBE,KAAlB;EAAA,IAA4BC,SAA5B,4BAA0CH,KAA1C;;EAEA,IAAI,CAACE,KAAL,EAAY;IACR,oBAAO,sCAAQC,SAAR,CAAP;EACH;;EAED,oBACI,gCAAC,yBAAD;IACI,KAAK,EAAED,KADX;IAEI,MAAM,EAAE,CAFZ;IAGI,QAAQ,EAAED,QAHd;IAII,aAAa,EAAE;MAAEG,oBAAoB,EAAE;IAAxB;EAJnB,gBAMI,sCAAQD,SAAR,CANJ,CADJ;AAUH,CAjBD;;AAmBAJ,eAAe,CAACM,SAAhB,GAA4B;EACxBJ,QAAQ,EAAEK,qBAAA,CAAUC,IADI;EAExBL,KAAK,EAAEI,qBAAA,CAAUE;AAFO,CAA5B;eAKeT,e"}
+{"version":3,"file":"ResizeableTitle.js","names":["ResizeableTitle","props","onResize","width","restProps","enableUserSelectHack","propTypes","PropTypes","func","number"],"sources":["vtx-datagrid/ResizeableTitle.jsx"],"sourcesContent":["import React from 'react';\nimport { Resizable } from 'react-resizable';\nimport PropTypes from 'prop-types';\n\nconst ResizeableTitle = props => {\n    const { onResize, width, ...restProps } = props;\n\n    if (!width) {\n        return <th {...restProps} />;\n    }\n\n    return (\n        <Resizable\n            width={width}\n            height={0}\n            onResize={onResize}\n            draggableOpts={{ enableUserSelectHack: false }}\n        >\n            <th {...restProps} />\n        </Resizable>\n    );\n};\n\nResizeableTitle.propTypes = {\n    onResize: PropTypes.func,\n    width: PropTypes.number,\n};\n\nexport default ResizeableTitle;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAmC;AAAA;AAAA;AAAA;AAEnC,IAAMA,eAAe,GAAG,SAAlBA,eAAe,CAAGC,KAAK,EAAI;EAC7B,IAAQC,QAAQ,GAA0BD,KAAK,CAAvCC,QAAQ;IAAEC,KAAK,GAAmBF,KAAK,CAA7BE,KAAK;IAAKC,SAAS,4BAAKH,KAAK;EAE/C,IAAI,CAACE,KAAK,EAAE;IACR,oBAAO,sCAAQC,SAAS,CAAI;EAChC;EAEA,oBACI,gCAAC,yBAAS;IACN,KAAK,EAAED,KAAM;IACb,MAAM,EAAE,CAAE;IACV,QAAQ,EAAED,QAAS;IACnB,aAAa,EAAE;MAAEG,oBAAoB,EAAE;IAAM;EAAE,gBAE/C,sCAAQD,SAAS,CAAI,CACb;AAEpB,CAAC;AAEDJ,eAAe,CAACM,SAAS,GAAG;EACxBJ,QAAQ,EAAEK,qBAAS,CAACC,IAAI;EACxBL,KAAK,EAAEI,qBAAS,CAACE;AACrB,CAAC;AAAC,eAEaT,eAAe;AAAA"}