@vtx/components 2.5.13 → 2.5.15

package/lib/vtx-datagrid/renderColumnButtons.js

@@ -4,42 +4,66 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _popconfirm = _interopRequireDefault(require("antd/es/popconfirm"));
+
 var _dropdown = _interopRequireDefault(require("antd/es/dropdown"));
+
 var _menu = _interopRequireDefault(require("antd/es/menu"));
+
 var _icon = _interopRequireDefault(require("antd/es/icon"));
+
 var _divider = _interopRequireDefault(require("antd/es/divider"));
+
 var _excluded = ["confirm"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 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; }
+
 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 _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 _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 _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; }
+
 var renderColumnButtons = function renderColumnButtons(renderButtons) {
   var _renderButtons;
+
   var visible = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
   var text = arguments.length > 2 ? arguments[2] : undefined;
   var record = arguments.length > 3 ? arguments[3] : undefined;
   var index = arguments.length > 4 ? arguments[4] : undefined;
   var actions = (_renderButtons = renderButtons(text, record, index)) === null || _renderButtons === void 0 ? void 0 : _renderButtons.filter(function (item) {
     var _item$visible;
+
     return item && ((_item$visible = item.visible) !== null && _item$visible !== void 0 ? _item$visible : true);
   });
+
   if (!Array.isArray(actions)) {
     return;
   }
-  var actionsLen = actions.length;
-  // 更多
+
+  var actionsLen = actions.length; // 更多
+
   var moreRender;
+
   if (actionsLen > visible) {
     var moreActions = actions.slice(visible);
     /* eslint-disable */
+
     moreRender = /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {
       key: "more",
       overlay: /*#__PURE__*/_react["default"].createElement(_menu["default"], {
@@ -55,19 +79,23 @@ var renderColumnButtons = function renderColumnButtons(renderButtons) {
       type: "down"
     })));
   }
+
   return [].concat(_toConsumableArray(actions.slice(0, visible).map(function (item, i) {
     var name = item.name,
-      onClick = item.onClick,
-      popconfirm = item.popconfirm;
+        onClick = item.onClick,
+        popconfirm = item.popconfirm;
+
     var btnNode = /*#__PURE__*/_react["default"].createElement("a", {
       key: name,
       onClick: onClick && !popconfirm ? function () {
         return onClick(record, index);
       } : undefined
     }, name);
+
     if (popconfirm) {
       var confirm = popconfirm.confirm,
-        rest = _objectWithoutProperties(popconfirm, _excluded);
+          rest = _objectWithoutProperties(popconfirm, _excluded);
+
       btnNode = /*#__PURE__*/_react["default"].createElement(_popconfirm["default"], _extends({}, rest, {
         onConfirm: confirm ? function () {
           return confirm(record, index);
@@ -75,12 +103,14 @@ var renderColumnButtons = function renderColumnButtons(renderButtons) {
         key: name
       }), btnNode);
     }
+
     return [btnNode, i != actionsLen - 1 && /*#__PURE__*/_react["default"].createElement(_divider["default"], {
       key: i,
       type: "vertical"
     })];
   })), [moreRender]);
 };
+
 var _default = renderColumnButtons;
 exports["default"] = _default;
 //# sourceMappingURL=renderColumnButtons.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderColumnButtons.js","names":["renderColumnButtons","renderButtons","visible","text","record","index","actions","filter","item","Array","isArray","actionsLen","length","moreRender","moreActions","slice","e","key","onClick","map","i","name","popconfirm","btnNode","undefined","confirm","rest"],"sources":["vtx-datagrid/renderColumnButtons.jsx"],"sourcesContent":["import React from 'react';\nimport Popconfirm from 'antd/es/popconfirm';\nimport Dropdown from 'antd/es/dropdown';\nimport Menu from 'antd/es/menu';\nimport Icon from 'antd/es/icon';\nimport Divider from 'antd/es/divider';\n\nconst renderColumnButtons = (renderButtons, visible = 3, text, record, index) => {\n    const actions = renderButtons(text, record, index)?.filter(\n        item => item && (item.visible ?? true),\n    );\n    if (!Array.isArray(actions)) {\n        return;\n    }\n    const actionsLen = actions.length;\n    // 更多\n    let moreRender;\n    if (actionsLen > visible) {\n        const moreActions = actions.slice(visible);\n        /* eslint-disable */\n        moreRender = (\n            <Dropdown\n                key=\"more\"\n                overlay={\n                    <Menu onClick={e => moreActions[e.key].onClick(record, index)}>\n                        {moreActions.map((item, i) => (\n                            <Menu.Item key={i}>{item.name}</Menu.Item>\n                        ))}\n                    </Menu>\n                }\n            >\n                <a>\n                    更多\n                    <Icon type=\"down\" />\n                </a>\n            </Dropdown>\n        );\n    }\n\n    return [\n        ...actions.slice(0, visible).map((item, i) => {\n            const { name, onClick, popconfirm } = item;\n            let btnNode = (\n                <a\n                    key={name}\n                    onClick={onClick && !popconfirm ? () => onClick(record, index) : undefined}\n                >\n                    {name}\n                </a>\n            );\n\n            if (popconfirm) {\n                const { confirm, ...rest } = popconfirm;\n                btnNode = (\n                    <Popconfirm\n                        {...rest}\n                        onConfirm={confirm ? () => confirm(record, index) : undefined}\n                        key={name}\n                    >\n                        {btnNode}\n                    </Popconfirm>\n                );\n            }\n\n            return [btnNode, i != actionsLen - 1 && <Divider key={i} type=\"vertical\" />];\n        }),\n        moreRender,\n    ];\n};\n\nexport default renderColumnButtons;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEtC,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,aAAa,EAAuC;EAAA;EAAA,IAArCC,OAAO,uEAAG,CAAC;EAAA,IAAEC,IAAI;EAAA,IAAEC,MAAM;EAAA,IAAEC,KAAK;EACxE,IAAMC,OAAO,qBAAGL,aAAa,CAACE,IAAI,EAAEC,MAAM,EAAEC,KAAK,CAAC,mDAAlC,eAAoCE,MAAM,CACtD,UAAAC,IAAI;IAAA;IAAA,OAAIA,IAAI,sBAAKA,IAAI,CAACN,OAAO,yDAAI,IAAI,CAAC;EAAA,EACzC;EACD,IAAI,CAACO,KAAK,CAACC,OAAO,CAACJ,OAAO,CAAC,EAAE;IACzB;EACJ;EACA,IAAMK,UAAU,GAAGL,OAAO,CAACM,MAAM;EACjC;EACA,IAAIC,UAAU;EACd,IAAIF,UAAU,GAAGT,OAAO,EAAE;IACtB,IAAMY,WAAW,GAAGR,OAAO,CAACS,KAAK,CAACb,OAAO,CAAC;IAC1C;IACAW,UAAU,gBACN,gCAAC,oBAAQ;MACL,GAAG,EAAC,MAAM;MACV,OAAO,eACH,gCAAC,gBAAI;QAAC,OAAO,EAAE,iBAAAG,CAAC;UAAA,OAAIF,WAAW,CAACE,CAAC,CAACC,GAAG,CAAC,CAACC,OAAO,CAACd,MAAM,EAAEC,KAAK,CAAC;QAAA;MAAC,GACzDS,WAAW,CAACK,GAAG,CAAC,UAACX,IAAI,EAAEY,CAAC;QAAA,oBACrB,gCAAC,gBAAI,CAAC,IAAI;UAAC,GAAG,EAAEA;QAAE,GAAEZ,IAAI,CAACa,IAAI,CAAa;MAAA,CAC7C,CAAC;IAET,gBAED,wEAEI,gCAAC,gBAAI;MAAC,IAAI,EAAC;IAAM,EAAG,CACpB,CAEX;EACL;EAEA,oCACOf,OAAO,CAACS,KAAK,CAAC,CAAC,EAAEb,OAAO,CAAC,CAACiB,GAAG,CAAC,UAACX,IAAI,EAAEY,CAAC,EAAK;IAC1C,IAAQC,IAAI,GAA0Bb,IAAI,CAAlCa,IAAI;MAAEH,OAAO,GAAiBV,IAAI,CAA5BU,OAAO;MAAEI,UAAU,GAAKd,IAAI,CAAnBc,UAAU;IACjC,IAAIC,OAAO,gBACP;MACI,GAAG,EAAEF,IAAK;MACV,OAAO,EAAEH,OAAO,IAAI,CAACI,UAAU,GAAG;QAAA,OAAMJ,OAAO,CAACd,MAAM,EAAEC,KAAK,CAAC;MAAA,IAAGmB;IAAU,GAE1EH,IAAI,CAEZ;IAED,IAAIC,UAAU,EAAE;MACZ,IAAQG,OAAO,GAAcH,UAAU,CAA/BG,OAAO;QAAKC,IAAI,4BAAKJ,UAAU;MACvCC,OAAO,gBACH,gCAAC,sBAAU,eACHG,IAAI;QACR,SAAS,EAAED,OAAO,GAAG;UAAA,OAAMA,OAAO,CAACrB,MAAM,EAAEC,KAAK,CAAC;QAAA,IAAGmB,SAAU;QAC9D,GAAG,EAAEH;MAAK,IAETE,OAAO,CAEf;IACL;IAEA,OAAO,CAACA,OAAO,EAAEH,CAAC,IAAIT,UAAU,GAAG,CAAC,iBAAI,gCAAC,mBAAO;MAAC,GAAG,EAAES,CAAE;MAAC,IAAI,EAAC;IAAU,EAAG,CAAC;EAChF,CAAC,CAAC,IACFP,UAAU;AAElB,CAAC;AAAC,eAEab,mBAAmB;AAAA"}
+{"version":3,"file":"renderColumnButtons.js","names":["renderColumnButtons","renderButtons","visible","text","record","index","actions","filter","item","Array","isArray","actionsLen","length","moreRender","moreActions","slice","e","key","onClick","map","i","name","popconfirm","btnNode","undefined","confirm","rest"],"sources":["vtx-datagrid/renderColumnButtons.jsx"],"sourcesContent":["import React from 'react';\r\nimport Popconfirm from 'antd/es/popconfirm';\r\nimport Dropdown from 'antd/es/dropdown';\r\nimport Menu from 'antd/es/menu';\r\nimport Icon from 'antd/es/icon';\r\nimport Divider from 'antd/es/divider';\r\n\r\nconst renderColumnButtons = (renderButtons, visible = 3, text, record, index) => {\r\n    const actions = renderButtons(text, record, index)?.filter(\r\n        item => item && (item.visible ?? true),\r\n    );\r\n    if (!Array.isArray(actions)) {\r\n        return;\r\n    }\r\n    const actionsLen = actions.length;\r\n    // 更多\r\n    let moreRender;\r\n    if (actionsLen > visible) {\r\n        const moreActions = actions.slice(visible);\r\n        /* eslint-disable */\r\n        moreRender = (\r\n            <Dropdown\r\n                key=\"more\"\r\n                overlay={\r\n                    <Menu onClick={e => moreActions[e.key].onClick(record, index)}>\r\n                        {moreActions.map((item, i) => (\r\n                            <Menu.Item key={i}>{item.name}</Menu.Item>\r\n                        ))}\r\n                    </Menu>\r\n                }\r\n            >\r\n                <a>\r\n                    更多\r\n                    <Icon type=\"down\" />\r\n                </a>\r\n            </Dropdown>\r\n        );\r\n    }\r\n\r\n    return [\r\n        ...actions.slice(0, visible).map((item, i) => {\r\n            const { name, onClick, popconfirm } = item;\r\n            let btnNode = (\r\n                <a\r\n                    key={name}\r\n                    onClick={onClick && !popconfirm ? () => onClick(record, index) : undefined}\r\n                >\r\n                    {name}\r\n                </a>\r\n            );\r\n\r\n            if (popconfirm) {\r\n                const { confirm, ...rest } = popconfirm;\r\n                btnNode = (\r\n                    <Popconfirm\r\n                        {...rest}\r\n                        onConfirm={confirm ? () => confirm(record, index) : undefined}\r\n                        key={name}\r\n                    >\r\n                        {btnNode}\r\n                    </Popconfirm>\r\n                );\r\n            }\r\n\r\n            return [btnNode, i != actionsLen - 1 && <Divider key={i} type=\"vertical\" />];\r\n        }),\r\n        moreRender,\r\n    ];\r\n};\r\n\r\nexport default renderColumnButtons;\r\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,aAAD,EAAqD;EAAA;;EAAA,IAArCC,OAAqC,uEAA3B,CAA2B;EAAA,IAAxBC,IAAwB;EAAA,IAAlBC,MAAkB;EAAA,IAAVC,KAAU;EAC7E,IAAMC,OAAO,qBAAGL,aAAa,CAACE,IAAD,EAAOC,MAAP,EAAeC,KAAf,CAAhB,mDAAG,eAAoCE,MAApC,CACZ,UAAAC,IAAI;IAAA;;IAAA,OAAIA,IAAI,sBAAKA,IAAI,CAACN,OAAV,yDAAqB,IAArB,CAAR;EAAA,CADQ,CAAhB;;EAGA,IAAI,CAACO,KAAK,CAACC,OAAN,CAAcJ,OAAd,CAAL,EAA6B;IACzB;EACH;;EACD,IAAMK,UAAU,GAAGL,OAAO,CAACM,MAA3B,CAP6E,CAQ7E;;EACA,IAAIC,UAAJ;;EACA,IAAIF,UAAU,GAAGT,OAAjB,EAA0B;IACtB,IAAMY,WAAW,GAAGR,OAAO,CAACS,KAAR,CAAcb,OAAd,CAApB;IACA;;IACAW,UAAU,gBACN,gCAAC,oBAAD;MACI,GAAG,EAAC,MADR;MAEI,OAAO,eACH,gCAAC,gBAAD;QAAM,OAAO,EAAE,iBAAAG,CAAC;UAAA,OAAIF,WAAW,CAACE,CAAC,CAACC,GAAH,CAAX,CAAmBC,OAAnB,CAA2Bd,MAA3B,EAAmCC,KAAnC,CAAJ;QAAA;MAAhB,GACKS,WAAW,CAACK,GAAZ,CAAgB,UAACX,IAAD,EAAOY,CAAP;QAAA,oBACb,gCAAC,gBAAD,CAAM,IAAN;UAAW,GAAG,EAAEA;QAAhB,GAAoBZ,IAAI,CAACa,IAAzB,CADa;MAAA,CAAhB,CADL;IAHR,gBAUI,wEAEI,gCAAC,gBAAD;MAAM,IAAI,EAAC;IAAX,EAFJ,CAVJ,CADJ;EAiBH;;EAED,oCACOf,OAAO,CAACS,KAAR,CAAc,CAAd,EAAiBb,OAAjB,EAA0BiB,GAA1B,CAA8B,UAACX,IAAD,EAAOY,CAAP,EAAa;IAC1C,IAAQC,IAAR,GAAsCb,IAAtC,CAAQa,IAAR;IAAA,IAAcH,OAAd,GAAsCV,IAAtC,CAAcU,OAAd;IAAA,IAAuBI,UAAvB,GAAsCd,IAAtC,CAAuBc,UAAvB;;IACA,IAAIC,OAAO,gBACP;MACI,GAAG,EAAEF,IADT;MAEI,OAAO,EAAEH,OAAO,IAAI,CAACI,UAAZ,GAAyB;QAAA,OAAMJ,OAAO,CAACd,MAAD,EAASC,KAAT,CAAb;MAAA,CAAzB,GAAwDmB;IAFrE,GAIKH,IAJL,CADJ;;IASA,IAAIC,UAAJ,EAAgB;MACZ,IAAQG,OAAR,GAA6BH,UAA7B,CAAQG,OAAR;MAAA,IAAoBC,IAApB,4BAA6BJ,UAA7B;;MACAC,OAAO,gBACH,gCAAC,sBAAD,eACQG,IADR;QAEI,SAAS,EAAED,OAAO,GAAG;UAAA,OAAMA,OAAO,CAACrB,MAAD,EAASC,KAAT,CAAb;QAAA,CAAH,GAAkCmB,SAFxD;QAGI,GAAG,EAAEH;MAHT,IAKKE,OALL,CADJ;IASH;;IAED,OAAO,CAACA,OAAD,EAAUH,CAAC,IAAIT,UAAU,GAAG,CAAlB,iBAAuB,gCAAC,mBAAD;MAAS,GAAG,EAAES,CAAd;MAAiB,IAAI,EAAC;IAAtB,EAAjC,CAAP;EACH,CAzBE,CADP,IA2BIP,UA3BJ;AA6BH,CA7DD;;eA+Deb,mB"}

package/lib/vtx-datagrid/style/css.js

@@ -1,14 +1,24 @@
 "use strict";
 
 require("antd/es/table/style/css");
+
 require("antd/es/tooltip/style/css");
+
 require("antd/es/popover/style/css");
+
 require("antd/es/checkbox/style/css");
+
 require("antd/es/popconfirm/style/css");
+
 require("antd/es/dropdown/style/css");
+
 require("antd/es/menu/style/css");
+
 require("antd/es/divider/style/css");
+
 require("antd/es/empty/style/css");
+
 require("antd/es/alert/style/css");
+
 require("./index.css");
 //# sourceMappingURL=css.js.map

package/lib/vtx-datagrid/style/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":[],"sources":["vtx-datagrid/style/index.js"],"sourcesContent":["import 'antd/es/table/style/css';\nimport 'antd/es/tooltip/style/css';\nimport 'antd/es/popover/style/css';\nimport 'antd/es/checkbox/style/css';\nimport 'antd/es/popconfirm/style/css';\nimport 'antd/es/dropdown/style/css';\nimport 'antd/es/menu/style/css';\nimport 'antd/es/divider/style/css';\nimport 'antd/es/empty/style/css';\nimport 'antd/es/alert/style/css';\nimport './index.less';\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"css.js","names":[],"sources":["vtx-datagrid/style/index.js"],"sourcesContent":["import 'antd/es/table/style/css';\r\nimport 'antd/es/tooltip/style/css';\r\nimport 'antd/es/popover/style/css';\r\nimport 'antd/es/checkbox/style/css';\r\nimport 'antd/es/popconfirm/style/css';\r\nimport 'antd/es/dropdown/style/css';\r\nimport 'antd/es/menu/style/css';\r\nimport 'antd/es/divider/style/css';\r\nimport 'antd/es/empty/style/css';\r\nimport 'antd/es/alert/style/css';\r\nimport './index.less';\r\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/lib/vtx-datagrid/style/index.js

@@ -1,14 +1,24 @@
 "use strict";
 
 require("antd/es/table/style/css");
+
 require("antd/es/tooltip/style/css");
+
 require("antd/es/popover/style/css");
+
 require("antd/es/checkbox/style/css");
+
 require("antd/es/popconfirm/style/css");
+
 require("antd/es/dropdown/style/css");
+
 require("antd/es/menu/style/css");
+
 require("antd/es/divider/style/css");
+
 require("antd/es/empty/style/css");
+
 require("antd/es/alert/style/css");
+
 require("./index.less");
 //# sourceMappingURL=index.js.map

package/lib/vtx-datagrid/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["vtx-datagrid/style/index.js"],"sourcesContent":["import 'antd/es/table/style/css';\nimport 'antd/es/tooltip/style/css';\nimport 'antd/es/popover/style/css';\nimport 'antd/es/checkbox/style/css';\nimport 'antd/es/popconfirm/style/css';\nimport 'antd/es/dropdown/style/css';\nimport 'antd/es/menu/style/css';\nimport 'antd/es/divider/style/css';\nimport 'antd/es/empty/style/css';\nimport 'antd/es/alert/style/css';\nimport './index.less';\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["vtx-datagrid/style/index.js"],"sourcesContent":["import 'antd/es/table/style/css';\r\nimport 'antd/es/tooltip/style/css';\r\nimport 'antd/es/popover/style/css';\r\nimport 'antd/es/checkbox/style/css';\r\nimport 'antd/es/popconfirm/style/css';\r\nimport 'antd/es/dropdown/style/css';\r\nimport 'antd/es/menu/style/css';\r\nimport 'antd/es/divider/style/css';\r\nimport 'antd/es/empty/style/css';\r\nimport 'antd/es/alert/style/css';\r\nimport './index.less';\r\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

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

@@ -1,131 +1,131 @@
-@prefix-cls: vtx-datagrid;
-
-.@{prefix-cls} {
-    position: relative;
-    overflow: hidden;
-    &-fit {
-        height: 100%;
-        .ant-table-header,
-        .ant-table-body {
-            &::-webkit-scrollbar {
-                width: 5px;
-                background-color: hsla(0, 0%, 80%, 0.08);
-            }
-            &::-webkit-scrollbar-thumb {
-                background-color: rgba(0, 0, 0, 0.05);
-                border-radius: 3px;
-            }
-        }
-
-        .ant-table-fixed-header .ant-table-scroll .ant-table-header {
-            min-width: 5px !important;
-        }
-        .ant-table-pagination {
-            position: absolute;
-            right: 0;
-            bottom: 0;
-        }
-        .ant-spin-nested-loading {
-            height: 100%;
-            .ant-spin-container {
-                position: relative;
-                height: 100%;
-                .ant-table {
-                    height: 100%;
-                }
-            }
-        }
-        .ant-table-placeholder {
-            position: absolute;
-            right: 0;
-            bottom: 0;
-            left: 0;
-            border-top: none;
-        }
-    }
-    .ant-table-thead > tr > th {
-        background-color: fade(#1890ff, 8);
-    }
-    .ant-table-tbody > tr {
-        &:nth-child(even) {
-            background: #f6f6f6;
-        }
-    }
-    .ant-table-tbody > tr.ant-table-row-selected td {
-        background: transparent;
-    }
-    &-alert {
-        margin-bottom: 8px;
-        &-message {
-            color: fade(#000, 65);
-        }
-        &-info-content > strong {
-            margin: 0 4px;
-            color: #13c2c2;
-        }
-        &-info-option {
-            margin-left: 10px;
-        }
-    }
-    &-nodata {
-        .ant-table-scroll {
-            overflow-y: hidden;
-        }
-    }
-    &-toolbar {
-        display: table;
-        width: 100%;
-        margin: 16px 0;
-    }
-    &-toolbar-left,
-    &-toolbar-right {
-        display: inline-block;
-        display: table-cell;
-        vertical-align: middle;
-    }
-    &-toolbar-left {
-        color: rgba(0, 0, 0, 0.85);
-        font-size: 16px;
-    }
-    &-toolbar-right {
-        float: right;
-    }
-    &-toolbar-setting-item {
-        display: inline-block;
-        margin-left: 16px;
-        color: rgba(0, 0, 0, 0.75);
-        font-size: 16px;
-        vertical-align: middle;
-        cursor: pointer;
-    }
-    &-column-setting-title {
-        height: 32px;
-        line-height: 32px;
-        a {
-            display: inline-block;
-            float: right;
-            vertical-align: middle;
-        }
-    }
-    &-column-setting-checkbox-wrapper {
-        color: rgba(0, 0, 0, 0.85);
-        vertical-align: middle;
-    }
-    &-space-item {
-        display: inline-block;
-        vertical-align: middle;
-    }
-    .react-resizable {
-        position: relative;
-        background-clip: padding-box;
-    }
-    .react-resizable-handle {
-        position: absolute;
-        right: -5px;
-        bottom: 0;
-        z-index: 1;
-        width: 10px;
-        height: 100%;
-        cursor: col-resize;
-    }
-}
+@prefix-cls: vtx-datagrid;
+
+.@{prefix-cls} {
+    position: relative;
+    overflow: hidden;
+    &-fit {
+        height: 100%;
+        .ant-table-header,
+        .ant-table-body {
+            &::-webkit-scrollbar {
+                width: 5px;
+                background-color: hsla(0, 0%, 80%, 0.08);
+            }
+            &::-webkit-scrollbar-thumb {
+                background-color: rgba(0, 0, 0, 0.05);
+                border-radius: 3px;
+            }
+        }
+
+        .ant-table-fixed-header .ant-table-scroll .ant-table-header {
+            min-width: 5px !important;
+        }
+        .ant-table-pagination {
+            position: absolute;
+            right: 0;
+            bottom: 0;
+        }
+        .ant-spin-nested-loading {
+            height: 100%;
+            .ant-spin-container {
+                position: relative;
+                height: 100%;
+                .ant-table {
+                    height: 100%;
+                }
+            }
+        }
+        .ant-table-placeholder {
+            position: absolute;
+            right: 0;
+            bottom: 0;
+            left: 0;
+            border-top: none;
+        }
+    }
+    .ant-table-thead > tr > th {
+        background-color: fade(#1890ff, 8);
+    }
+    .ant-table-tbody > tr {
+        &:nth-child(even) {
+            background: #f6f6f6;
+        }
+    }
+    .ant-table-tbody > tr.ant-table-row-selected td {
+        background: transparent;
+    }
+    &-alert {
+        margin-bottom: 8px;
+        &-message {
+            color: fade(#000, 65);
+        }
+        &-info-content > strong {
+            margin: 0 4px;
+            color: #13c2c2;
+        }
+        &-info-option {
+            margin-left: 10px;
+        }
+    }
+    &-nodata {
+        .ant-table-scroll {
+            overflow-y: hidden;
+        }
+    }
+    &-toolbar {
+        display: table;
+        width: 100%;
+        margin: 16px 0;
+    }
+    &-toolbar-left,
+    &-toolbar-right {
+        display: inline-block;
+        display: table-cell;
+        vertical-align: middle;
+    }
+    &-toolbar-left {
+        color: rgba(0, 0, 0, 0.85);
+        font-size: 16px;
+    }
+    &-toolbar-right {
+        float: right;
+    }
+    &-toolbar-setting-item {
+        display: inline-block;
+        margin-left: 16px;
+        color: rgba(0, 0, 0, 0.75);
+        font-size: 16px;
+        vertical-align: middle;
+        cursor: pointer;
+    }
+    &-column-setting-title {
+        height: 32px;
+        line-height: 32px;
+        a {
+            display: inline-block;
+            float: right;
+            vertical-align: middle;
+        }
+    }
+    &-column-setting-checkbox-wrapper {
+        color: rgba(0, 0, 0, 0.85);
+        vertical-align: middle;
+    }
+    &-space-item {
+        display: inline-block;
+        vertical-align: middle;
+    }
+    .react-resizable {
+        position: relative;
+        background-clip: padding-box;
+    }
+    .react-resizable-handle {
+        position: absolute;
+        right: -5px;
+        bottom: 0;
+        z-index: 1;
+        width: 10px;
+        height: 100%;
+        cursor: col-resize;
+    }
+}

package/lib/vtx-date-picker/QdatePicker.js

@@ -1,54 +1,80 @@
 "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"] = VtxQtimePicker;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _datePicker = _interopRequireDefault(require("antd/es/date-picker"));
+
 var _button = _interopRequireDefault(require("antd/es/button"));
+
 var _moment = _interopRequireDefault(require("moment"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _excluded = ["value", "format", "showTime", "onChange", "onOpenChange", "onPanelChange", "timeTemplete"];
+
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 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 _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; }
+
 function VtxQtimePicker(props) {
   var _format$split;
+
   var value = props.value,
-    _props$format = props.format,
-    format = _props$format === void 0 ? 'YYYY-MM-DD' : _props$format,
-    _props$showTime = props.showTime,
-    showTime = _props$showTime === void 0 ? false : _props$showTime,
-    _onChange = props.onChange,
-    _onOpenChange = props.onOpenChange,
-    _onPanelChange = props.onPanelChange,
-    _props$timeTemplete = props.timeTemplete,
-    timeTemplete = _props$timeTemplete === void 0 ? ['06:00', '12:00', '18:00'] : _props$timeTemplete,
-    rest = _objectWithoutProperties(props, _excluded);
+      _props$format = props.format,
+      format = _props$format === void 0 ? 'YYYY-MM-DD' : _props$format,
+      _props$showTime = props.showTime,
+      showTime = _props$showTime === void 0 ? false : _props$showTime,
+      _onChange = props.onChange,
+      _onOpenChange = props.onOpenChange,
+      _onPanelChange = props.onPanelChange,
+      _props$timeTemplete = props.timeTemplete,
+      timeTemplete = _props$timeTemplete === void 0 ? ['06:00', '12:00', '18:00'] : _props$timeTemplete,
+      rest = _objectWithoutProperties(props, _excluded);
+
   var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
   var _useState3 = (0, _react.useState)('date'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    mode = _useState4[0],
-    setMode = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      mode = _useState4[0],
+      setMode = _useState4[1];
+
   var timeFormat = (_format$split = format.split(' ')) === null || _format$split === void 0 ? void 0 : _format$split[1];
+
   var changeMode = function changeMode(mode) {
     setMode(mode);
     setOpen(true);
   };
+
   var extraFooter = function extraFooter(mode) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "vtx-qdate-extra-footer"
@@ -56,6 +82,7 @@ function VtxQtimePicker(props) {
       return /*#__PURE__*/_react["default"].createElement(_button["default"], {
         onClick: function onClick() {
           var time = value.format("".concat(format.split(' ')[0], " ").concat(item, ":00"));
+
           _onChange((0, _moment["default"])(time), (0, _moment["default"])(time).format(format));
         },
         key: "t".concat(index),
@@ -63,6 +90,7 @@ function VtxQtimePicker(props) {
       }, item);
     })));
   };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "vtx-qdate-wrap"
   }, /*#__PURE__*/_react["default"].createElement(_datePicker["default"], _extends({}, rest, {
@@ -91,6 +119,7 @@ function VtxQtimePicker(props) {
       if (showTime) {
         changeMode('time');
       }
+
       if (!date) {
         _onChange && _onChange(null, null);
         setMode('date');
@@ -124,6 +153,7 @@ function VtxQtimePicker(props) {
     }
   }, value.format(format.split(' ')[1])))));
 }
+
 VtxQtimePicker.propTypes = {
   value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].instanceOf(_moment["default"])]),
   format: _propTypes["default"].string,