@vtx/components 2.5.7 → 2.5.10

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/es/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,
-      claerRowSelection = _ref.claerRowSelection;
-
+    _ref$selectedRowKeys = _ref.selectedRowKeys,
+    selectedRowKeys = _ref$selectedRowKeys === void 0 ? [] : _ref$selectedRowKeys,
+    claerRowSelection = _ref.claerRowSelection;
   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: claerRowSelection
   }, "\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,"sources":["vtx-datagrid/Alert.jsx"],"names":["TableAlert","prefixCls","selectedRowKeys","claerRowSelection","message","length","propTypes","PropTypes","string","array","func"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,SAASA,UAAT,OAA4E;AAAA,MAAtDC,SAAsD,QAAtDA,SAAsD;AAAA,kCAA3CC,eAA2C;AAAA,MAA3CA,eAA2C,qCAAzB,EAAyB;AAAA,MAArBC,iBAAqB,QAArBA,iBAAqB;;AACxE,MAAMC,OAAO,gBACT;AAAK,IAAA,SAAS,YAAKH,SAAL;AAAd,kBACI;AAAM,IAAA,SAAS,YAAKA,SAAL;AAAf,wCACO,gDAASC,eAAe,CAACG,MAAzB,CADP,WADJ,eAII;AAAG,IAAA,SAAS,YAAKJ,SAAL,uBAAZ;AAAgD,IAAA,OAAO,EAAEE;AAAzD,gCAJJ,CADJ;;AAUA,sBAAO,gCAAC,iBAAD;AAAO,IAAA,IAAI,EAAC,MAAZ;AAAmB,IAAA,QAAQ,MAA3B;AAA4B,IAAA,OAAO,EAAEC;AAArC,IAAP;AACH;;eAEcJ,U;;AAEfA,UAAU,CAACM,SAAX,GAAuB;AACnBL,EAAAA,SAAS,EAAEM,sBAAUC,MADF;AAEnBN,EAAAA,eAAe,EAAEK,sBAAUE,KAFR;AAGnBN,EAAAA,iBAAiB,EAAEI,sBAAUG;AAHV,CAAvB","sourcesContent":["import React from 'react';\nimport Alert from 'antd/es/alert';\nimport PropTypes from 'prop-types';\n\nfunction TableAlert({ prefixCls, selectedRowKeys = [], claerRowSelection }) {\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={claerRowSelection}>\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    claerRowSelection: PropTypes.func,\n};\n"],"file":"Alert.js"}
+{"version":3,"file":"Alert.js","names":["TableAlert","prefixCls","selectedRowKeys","claerRowSelection","message","length","propTypes","PropTypes","string","array","func"],"sources":["vtx-datagrid/Alert.jsx"],"sourcesContent":["import React from 'react';\nimport Alert from 'antd/es/alert';\nimport PropTypes from 'prop-types';\n\nfunction TableAlert({ prefixCls, selectedRowKeys = [], claerRowSelection }) {\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={claerRowSelection}>\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    claerRowSelection: PropTypes.func,\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAmC;AAEnC,SAASA,UAAU,OAAyD;EAAA,IAAtDC,SAAS,QAATA,SAAS;IAAA,4BAAEC,eAAe;IAAfA,eAAe,qCAAG,EAAE;IAAEC,iBAAiB,QAAjBA,iBAAiB;EACpE,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;EAAkB,8BAEvE,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,iBAAiB,EAAEI,qBAAS,CAACG;AACjC,CAAC"}

package/lib/vtx-datagrid/ColumnSetting.js

@@ -1,62 +1,41 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+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/es/popover"));
-
 var _checkbox = _interopRequireDefault(require("antd/es/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;
+    checkedColumnKeys = props.checkedColumnKeys,
+    columnSettingOptions = props.columnSettingOptions,
+    onChange = props.onChange,
+    onReset = props.onReset;
   (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;
@@ -66,8 +45,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) {
@@ -75,9 +55,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) {
@@ -86,7 +66,6 @@ function ColumnSetting(props) {
       onChange(newCheckedColumnKeys);
     }
   };
-
   return /*#__PURE__*/_react["default"].createElement(_popover["default"], {
     trigger: "click",
     placement: "bottomRight",
@@ -117,7 +96,6 @@ function ColumnSetting(props) {
     }))
   }, props.children);
 }
-
 ColumnSetting.propTypes = {
   prefixCls: _propTypes["default"].string,
   checkedColumnKeys: _propTypes["default"].array,

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

@@ -1 +1 @@
-{"version":3,"sources":["vtx-datagrid/ColumnSetting.jsx"],"names":["ColumnSetting","props","indeterminate","checkAll","state","setState","prefixCls","checkedColumnKeys","columnSettingOptions","onChange","onReset","chkLen","length","optionLen","onCheckChange","e","key","newCheckedColumnKeys","target","checked","filter","item","onCheckAllChange","map","opt","dataIndex","includes","title","children","propTypes","PropTypes","string","array","node","func"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEe,SAASA,aAAT,CAAuBC,KAAvB,EAA8B;AACzC,gBAA0B,yBAAO;AAC7BC,IAAAA,aAAa,EAAE,KADc;AAE7BC,IAAAA,QAAQ,EAAE;AAFmB,GAAP,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAIA,MAAQC,SAAR,GAAkFL,KAAlF,CAAQK,SAAR;AAAA,MAAmBC,iBAAnB,GAAkFN,KAAlF,CAAmBM,iBAAnB;AAAA,MAAsCC,oBAAtC,GAAkFP,KAAlF,CAAsCO,oBAAtC;AAAA,MAA4DC,QAA5D,GAAkFR,KAAlF,CAA4DQ,QAA5D;AAAA,MAAsEC,OAAtE,GAAkFT,KAAlF,CAAsES,OAAtE;AAEA,wBAAU,YAAM;AACZ,QAAMC,MAAM,GAAGJ,iBAAH,aAAGA,iBAAH,uBAAGA,iBAAiB,CAAEK,MAAlC;AACA,QAAMC,SAAS,GAAGL,oBAAH,aAAGA,oBAAH,uBAAGA,oBAAoB,CAAEI,MAAxC;AACAP,IAAAA,QAAQ,CAAC;AACLF,MAAAA,QAAQ,EAAEQ,MAAM,IAAIE,SADf;AAELX,MAAAA,aAAa,EAAES,MAAM,IAAIA,MAAM,GAAGE;AAF7B,KAAD,CAAR;AAIH,GAPD,EAOG,CAACN,iBAAD,CAPH;AASA,MAAQL,aAAR,GAAoCE,KAApC,CAAQF,aAAR;AAAA,MAAuBC,QAAvB,GAAoCC,KAApC,CAAuBD,QAAvB,CAhByC,CAkBzC;;AACA,MAAMW,aAAa,GAAG,SAAhBA,aAAgB,CAACC,CAAD,EAAIC,GAAJ,EAAY;AAC9B,QAAIP,QAAJ,EAAc;AACV,UAAMQ,oBAAoB,GAAGF,CAAC,CAACG,MAAF,CAASC,OAAT,gCACnBZ,iBADmB,IACAS,GADA,KAEvBT,iBAFuB,aAEvBA,iBAFuB,uBAEvBA,iBAAiB,CAAEa,MAAnB,CAA0B,UAAAC,IAAI;AAAA,eAAIA,IAAI,IAAIL,GAAZ;AAAA,OAA9B,CAFN;AAGAP,MAAAA,QAAQ,CAACQ,oBAAD,CAAR;AACH;AACJ,GAPD,CAnByC,CA4BzC;;;AACA,MAAMK,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAP,CAAC,EAAI;AAC1B,QAAIN,QAAJ,EAAc;AACV,UAAMQ,oBAAoB,GAAGF,CAAC,CAACG,MAAF,CAASC,OAAT,GACvBX,oBADuB,aACvBA,oBADuB,uBACvBA,oBAAoB,CAAEe,GAAtB,CAA0B,UAAAF,IAAI;AAAA,eAAIA,IAAI,CAACL,GAAT;AAAA,OAA9B,CADuB,GAEvB,EAFN;AAGAP,MAAAA,QAAQ,CAACQ,oBAAD,CAAR;AACH;AACJ,GAPD;;AASA,sBACI,gCAAC,mBAAD;AACI,IAAA,OAAO,EAAC,OADZ;AAEI,IAAA,SAAS,EAAC,aAFd;AAGI,IAAA,kBAAkB,MAHtB;AAII,IAAA,KAAK,eACD;AAAK,MAAA,SAAS,YAAKX,SAAL,0BAAd;AAAqD,MAAA,IAAI,EAAC;AAA1D,oBACI,gCAAC,oBAAD;AACI,MAAA,SAAS,YAAKA,SAAL,qCADb;AAEI,MAAA,aAAa,EAAEJ,aAFnB;AAGI,MAAA,OAAO,EAAEC,QAHb;AAII,MAAA,QAAQ,EAAEmB;AAJd,4BADJ,eASI;AAAG,MAAA,OAAO,EAAEZ;AAAZ,sBATJ,CALR;AAiBI,IAAA,OAAO,eACH;AAAK,MAAA,SAAS,YAAKJ,SAAL;AAAd,OACKE,oBADL,aACKA,oBADL,uBACKA,oBAAoB,CAAEe,GAAtB,CAA0B,UAAAC,GAAG,EAAI;AAC9B,UAAMR,GAAG,GAAGQ,GAAG,CAACR,GAAJ,IAAWQ,GAAG,CAACC,SAA3B;AACA,0BACI;AAAK,QAAA,GAAG,EAAET;AAAV,sBACI,gCAAC,oBAAD;AACI,QAAA,OAAO,EAAET,iBAAF,aAAEA,iBAAF,uBAAEA,iBAAiB,CAAEmB,QAAnB,CAA4BV,GAA5B,CADb;AAEI,QAAA,QAAQ,EAAE,kBAAAD,CAAC;AAAA,iBAAID,aAAa,CAACC,CAAD,EAAIC,GAAJ,CAAjB;AAAA;AAFf,SAIKQ,GAAG,CAACG,KAJT,CADJ,CADJ;AAUH,KAZA,CADL;AAlBR,KAmCK1B,KAAK,CAAC2B,QAnCX,CADJ;AAuCH;;AAED5B,aAAa,CAAC6B,SAAd,GAA0B;AACtBvB,EAAAA,SAAS,EAAEwB,sBAAUC,MADC;AAEtBxB,EAAAA,iBAAiB,EAAEuB,sBAAUE,KAFP;AAGtBxB,EAAAA,oBAAoB,EAAEsB,sBAAUE,KAHV;AAItBJ,EAAAA,QAAQ,EAAEE,sBAAUG,IAJE;AAKtBxB,EAAAA,QAAQ,EAAEqB,sBAAUI,IALE;AAMtBxB,EAAAA,OAAO,EAAEoB,sBAAUI;AANG,CAA1B","sourcesContent":["import React, { useEffect } from 'react';\nimport Popover from 'antd/es/popover';\nimport Checkbox from 'antd/es/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 { prefixCls, checkedColumnKeys, columnSettingOptions, onChange, onReset } = 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    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                                >\n                                    {opt.title}\n                                </Checkbox>\n                            </div>\n                        );\n                    })}\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};\n"],"file":"ColumnSetting.js"}
+{"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/es/popover';\nimport Checkbox from 'antd/es/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 { prefixCls, checkedColumnKeys, columnSettingOptions, onChange, onReset } = 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    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                                >\n                                    {opt.title}\n                                </Checkbox>\n                            </div>\n                        );\n                    })}\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};\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,"sources":["vtx-datagrid/ResizeableTitle.jsx"],"names":["ResizeableTitle","props","onResize","width","restProps","enableUserSelectHack","propTypes","PropTypes","func","number"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,KAAK,EAAI;AAC7B,MAAQC,QAAR,GAA0CD,KAA1C,CAAQC,QAAR;AAAA,MAAkBC,KAAlB,GAA0CF,KAA1C,CAAkBE,KAAlB;AAAA,MAA4BC,SAA5B,4BAA0CH,KAA1C;;AAEA,MAAI,CAACE,KAAL,EAAY;AACR,wBAAO,sCAAQC,SAAR,CAAP;AACH;;AAED,sBACI,gCAAC,yBAAD;AACI,IAAA,KAAK,EAAED,KADX;AAEI,IAAA,MAAM,EAAE,CAFZ;AAGI,IAAA,QAAQ,EAAED,QAHd;AAII,IAAA,aAAa,EAAE;AAAEG,MAAAA,oBAAoB,EAAE;AAAxB;AAJnB,kBAMI,sCAAQD,SAAR,CANJ,CADJ;AAUH,CAjBD;;AAmBAJ,eAAe,CAACM,SAAhB,GAA4B;AACxBJ,EAAAA,QAAQ,EAAEK,sBAAUC,IADI;AAExBL,EAAAA,KAAK,EAAEI,sBAAUE;AAFO,CAA5B;eAKeT,e","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"],"file":"ResizeableTitle.js"}
+{"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"}