fan-standard-comp 3.2.1 → 4.0.1

package/es/StandardTable/index.js

@@ -1,28 +1,59 @@
-import "antd/es/table/style";
-import _Table from "antd/es/table";
-import "antd/es/card/style";
-import _Card from "antd/es/card";
-import { __rest } from "tslib";
-import React from 'react';
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["data", "rowKey", "rowSelection", "columns", "hideOrderNumber", "orderNumber", "className", "emptyText", "codes", "permissionCodes", "columnsConfig", "title", "buttonGroup", "buttonGroupConfig", "min"];
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 _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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useContext } from 'react';
 import classNames from 'classnames';
-import ButtonGroup from '../ButtonGroup/index';
-import './style/index.less';
+import { Table, Card } from 'antd';
+import ButtonGroup from "../ButtonGroup/index";
+import "./style/index.less";
+import { FanContext } from "../ConfigContext";
+import useStyle from "./style/index";
 var StandardTable = function StandardTable(props) {
+  var InitFanContext = useContext(FanContext);
+  var providerConfig = InitFanContext['StandardTable'] || {}; // 使用上下文（全局配置）设置扩展的配置项
+
+  var componentName = 'spec-standard-table';
+  var _useStyle = useStyle(componentName),
+    _useStyle2 = _slicedToArray(_useStyle, 2),
+    wrapSSR = _useStyle2[0],
+    hashId = _useStyle2[1];
   // const ref= React.createRef<Card>();
-  var _props$data = props.data,
-    data = _props$data === void 0 ? {} : _props$data,
-    rowKey = props.rowKey,
-    rowSelection = props.rowSelection,
-    columns = props.columns,
-    hideOrderNumber = props.hideOrderNumber,
-    _props$orderNumber = props.orderNumber,
-    orderNumber = _props$orderNumber === void 0 ? {} : _props$orderNumber,
-    className = props.className,
-    emptyText = props.emptyText,
-    codes = props.codes,
-    permissionCodes = props.permissionCodes,
-    rest = __rest(props, ["data", "rowKey", "rowSelection", "columns", "hideOrderNumber", "orderNumber", "className", "emptyText", "codes", "permissionCodes"]); // 加上类型修复 TS:2322 报警
-  var resetColumns = [Object.assign({
+  var _providerConfig$props = _objectSpread(_objectSpread({}, providerConfig), props),
+    _providerConfig$props2 = _providerConfig$props.data,
+    data = _providerConfig$props2 === void 0 ? {} : _providerConfig$props2,
+    rowKey = _providerConfig$props.rowKey,
+    rowSelection = _providerConfig$props.rowSelection,
+    columns = _providerConfig$props.columns,
+    hideOrderNumber = _providerConfig$props.hideOrderNumber,
+    _providerConfig$props3 = _providerConfig$props.orderNumber,
+    orderNumber = _providerConfig$props3 === void 0 ? {} : _providerConfig$props3,
+    className = _providerConfig$props.className,
+    emptyText = _providerConfig$props.emptyText,
+    codes = _providerConfig$props.codes,
+    permissionCodes = _providerConfig$props.permissionCodes,
+    _providerConfig$props4 = _providerConfig$props.columnsConfig,
+    columnsConfig = _providerConfig$props4 === void 0 ? {} : _providerConfig$props4,
+    title = _providerConfig$props.title,
+    buttonGroup = _providerConfig$props.buttonGroup,
+    buttonGroupConfig = _providerConfig$props.buttonGroupConfig,
+    min = _providerConfig$props.min,
+    rest = _objectWithoutProperties(_providerConfig$props, _excluded);
+
+  // 加上类型修复 TS:2322 报警
+  var resetColumns = [_objectSpread(_objectSpread({
     width: 58,
     align: 'center',
     title: '序号',
@@ -30,13 +61,13 @@ var StandardTable = function StandardTable(props) {
     // fixed: 'left',
     // render: (text, o, index) => pagination ?  (pagination.current - 1) * pagination.pageSize + index + 1 : index + 1,
     render: function render(text, record, index) {
-      return index + 1;
+      return (index || 0) + 1;
     }
-  }, orderNumber)];
+  }, (columnsConfig === null || columnsConfig === void 0 ? void 0 : columnsConfig.orderNumber) || {}), orderNumber)];
   var _data$list = data.list,
     list = _data$list === void 0 ? [] : _data$list,
     pagination = data.pagination;
-  var paginationProps = Object.assign({
+  var paginationProps = _objectSpread({
     // showQuickJumper: true,
     className: 'spec-pagination',
     showSizeChanger: true,
@@ -46,12 +77,18 @@ var StandardTable = function StandardTable(props) {
     }
   }, pagination);
   if (columns) {
-    columns.map(function (colItem) {
+    var recombinationColumns = columns.map(function (colItem) {
+      var action = columnsConfig.action,
+        otherColumn = columnsConfig.otherColumn;
       if (colItem.type === 'action') {
-        colItem.width = colItem.width || (colItem.buttonGroup.length > 1 ? 120 : 80);
-        colItem.align = 'center';
-        colItem.title = colItem.title || '操作';
+        var _colItem, _colItem2, _colItem3;
+        colItem.width = ((_colItem = colItem) === null || _colItem === void 0 ? void 0 : _colItem.width) || (action === null || action === void 0 ? void 0 : action.width) || (colItem.buttonGroup.length > 1 ? 120 : 80);
+        colItem.align = ((_colItem2 = colItem) === null || _colItem2 === void 0 ? void 0 : _colItem2.align) || (action === null || action === void 0 ? void 0 : action.align) || 'center';
+        colItem.title = ((_colItem3 = colItem) === null || _colItem3 === void 0 ? void 0 : _colItem3.title) || (action === null || action === void 0 ? void 0 : action.title) || '操作';
         colItem.key = 'control';
+        colItem = _objectSpread(_objectSpread(_objectSpread({}, action || {}), colItem), {}, {
+          ellipsis: false
+        }); //  Object.assign(action || {}, colItem, { ellipsis: false }) // 操作列不配置ellipsis
         // colItem.fixed = colItem.fixed || 'right'
         colItem.render = function (text, record, rowIndex) {
           // 按钮列表组
@@ -64,10 +101,12 @@ var StandardTable = function StandardTable(props) {
             if (typeof buttonGroup === 'function') recombinationGroup = buttonGroup(text, record, rowIndex); // 方法返回数组结构
             // 判断是否是数组且长度大于0时 ？{如下结构渲染} ： {按buttonGroup返回的node渲染}
             if (Array.isArray(buttonGroup) || typeof buttonGroup === 'function') {
+              var _colItem4, _colItem5;
               if (recombinationGroup.length === 0) return '-';
               return /*#__PURE__*/React.createElement(ButtonGroup, {
                 type: "text",
-                min: colItem.min || 2,
+                min: colItem.min || 2 // 配置按钮展示最少数量，其他的将会被折叠
+                ,
                 options: recombinationGroup,
                 codes: codes,
                 permissionCodes: permissionCodes,
@@ -76,7 +115,9 @@ var StandardTable = function StandardTable(props) {
                   record: record,
                   rowIndex: rowIndex
                 },
-                dropdownConfig: colItem.buttonGroupConfig || {}
+                dropdownConfig: colItem.buttonGroupConfig || {},
+                moreText: (_colItem4 = colItem) === null || _colItem4 === void 0 ? void 0 : _colItem4.moreText,
+                moreIcon: (_colItem5 = colItem) === null || _colItem5 === void 0 ? void 0 : _colItem5.moreIcon
               });
             } else {
               return buttonGroup;
@@ -84,23 +125,34 @@ var StandardTable = function StandardTable(props) {
           };
           return /*#__PURE__*/React.createElement(React.Fragment, null, renderTableButtonGroup(colItem.buttonGroup));
         };
+        return _objectSpread({}, colItem);
       } else if (!colItem.render) {
         // 若未配置render，则给加个默认的返回方法
         colItem.render = function (text, record, rowIndex) {
           return text || text === 0 ? text : '-';
         };
-        return colItem;
+        // return Object.assign({ ellipsis: undefined, render: undefined }, { ...otherColumns, ...colItem });  // ellipsis要配置在render之前
+        return _objectSpread(_objectSpread({}, otherColumn), colItem);
       }
-      return colItem;
+      // return Object.assign({ ellipsis: undefined, render: undefined }, { ...otherColumns, ...colItem }) // ellipsis要配置在render之前
+      return _objectSpread(_objectSpread({}, otherColumn), colItem);
     });
-    resetColumns = hideOrderNumber ? columns : resetColumns.concat(columns);
+    resetColumns = hideOrderNumber ? recombinationColumns : resetColumns.concat(recombinationColumns);
   }
-  return /*#__PURE__*/React.createElement(_Card, {
-    className: classNames('standard-table', className),
-    bordered: false
-  }, /*#__PURE__*/React.createElement(_Table, Object.assign({
+  return wrapSSR( /*#__PURE__*/React.createElement(Card, {
+    className: classNames(componentName, 'standard-table', className, hashId),
+    bordered: false,
+    title: title,
+    extra: buttonGroup && buttonGroup.length > 0 ? /*#__PURE__*/React.createElement(ButtonGroup, {
+      options: buttonGroup,
+      min: min,
+      codes: codes,
+      permissionCodes: permissionCodes,
+      dropdownConfig: buttonGroupConfig
+    }) : null
+  }, /*#__PURE__*/React.createElement(Table, _extends({
     rowKey: rowKey || 'id',
-    rowSelection: rowSelection ? Object.assign(Object.assign({}, rowSelection), {
+    rowSelection: rowSelection ? _objectSpread(_objectSpread({}, rowSelection), {}, {
       columnWidth: 30
     }) : rowSelection,
     dataSource: list,
@@ -111,6 +163,6 @@ var StandardTable = function StandardTable(props) {
       filterReset: '重置',
       emptyText: emptyText || '暂无数据'
     }
-  }, rest)));
+  }, rest))));
 };
 export default StandardTable;

package/es/StandardTable/style/index.d.ts

@@ -1 +1,6 @@
-import './index.less';
+import { GlobalToken } from "antd";
+export interface StandardTableTokenType extends GlobalToken {
+    [k: string]: any;
+}
+declare const StandardTableStyleFunc: (prefix: string) => any;
+export default StandardTableStyleFunc;

package/es/StandardTable/style/index.js

@@ -1 +1,113 @@
-import './index.less';
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { createStyleHook } from "../../theme/utils/genStyleHook";
+import { scrollBar } from "../../theme/index";
+import { TinyColor } from "@ctrl/tinycolor";
+var StandardTableStyleFunc = function StandardTableStyleFunc(prefix) {
+  var prepareComponentToken = function prepareComponentToken(token) {
+    return {
+      // fontWeight: 400,
+    };
+  };
+  return createStyleHook(prefix, function (token) {
+    var prefixCls = ".".concat(prefix);
+    var rowTd = {
+      '> td': {
+        borderColor: new TinyColor(token.colorPrimary).setAlpha(0.5).toRgbString(),
+        // fade(@primary-color, 50%),
+        '&::before': {
+          borderTop: "1px solid ".concat(new TinyColor(token.colorPrimary).setAlpha(0.5).toRgbString())
+        }
+      }
+    };
+    return [_defineProperty(_defineProperty(_defineProperty({}, prefixCls, {
+      '.spec-standard-table': {},
+      '.spec-pagination': {
+        padding: "".concat(token.paddingSM, "px 0 ").concat(token.paddingXs, "px 0"),
+        background: token.colorBgBase
+      },
+      '.ant-table-body': _objectSpread({}, scrollBar(token)),
+      '.spec-table-dropdown': {
+        'li a[disabled]': {
+          color: token.colorBgContainerDisabled
+        }
+      }
+    }), '.ant-table', {
+      // 固定右侧列的样式
+      '.ant-table-fixed-left table.ant-table-fixed': {
+        '.ant-table-thead > tr > th, .ant-table-tbody > tr > td': {
+          paddingRight: token.paddingMD / 2,
+          '&:first-child': {
+            paddingLeft: token.paddingMD,
+            paddingRight: token.paddingMD / 2
+          }
+        }
+      },
+      // 固定右侧列的样式
+      '.ant-table-fixed-right': {
+        '.ant-table-thead > tr > th, .ant-table-tbody > tr > td': {
+          paddingRight: token.paddingMD / 2,
+          '&:first-child': {
+            paddingLeft: token.paddingMD / 2
+          },
+          '&:nth-last-child(1)': {
+            paddingLeft: token.paddingMD / 2,
+            paddingRight: token.paddingMD
+          }
+        }
+      },
+      '&.ant-table-small': {
+        ' > .ant-table-content > .ant-table-body > table': {
+          '> .ant-table-thead > tr > th': {
+            fontSize: token.fontSize,
+            //@font-size-base;
+            background: token.headerBg //  @table-header-bg
+          },
+          '> .ant-table-thead > tr > th, > .ant-table-tbody > tr > td': {
+            '&:first-child': {
+              paddingLeft: token.cellPaddingInline
+            },
+            '&:last-child': {
+              paddingRight: token.cellPaddingInline
+            }
+          }
+        }
+      },
+      'table': {
+        fontSize: token.fontSize,
+        '> .ant-table-thead > tr > th': {
+          fontSize: token.fontSizeLG
+        },
+        '.ant-table-thead > tr > th': {
+          '&:first-child': {
+            paddingLeft: token.paddingMD
+          },
+          '&:last-child': {
+            paddingRight: token.paddingMD
+          }
+        },
+        '.ant-table-tbody > tr > td ': {
+          padding: "12px ".concat(token.paddingMD / 2, "px"),
+          '&:first-child': {
+            paddingLeft: token.paddingMD
+          },
+          ' &:last-child': {
+            paddingRight: token.paddingMD
+          }
+        },
+        '.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row)': rowTd,
+        '.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row)': rowTd,
+        '.ant-table-thead > tr:hover:not(.ant-table-expanded-row)': rowTd,
+        '.ant-table-tbody > tr:hover:not(.ant-table-expanded-row)': rowTd
+      }
+    }), '.ant-form-item-control.has-error .ant-table.ant-table-small', {
+      borderColor: token.colorError
+    })];
+  }, prepareComponentToken // 当前组件扩展的变量
+  );
+};
+export default StandardTableStyleFunc;

package/es/StandardTable/style/index.less

@@ -1,51 +1,65 @@
-@root-entry-name: default;
-@import (reference) '~antd/es/style/themes/index';
-@import '../../theme/spec-variable.less';
 
-@spec-card-padding: @padding-xs;
-@spec-card-background: @background-color-base;
-@spec-table-hover-border-color: fade(@primary-color, 50%);
 .standard-table {
   .ant-table-middle ~ .ant-table-pagination {
     margin-top: 8px;
     margin-bottom: 0;
   }
+
   .spec-pagination {
     width: 100%;
     margin-top: 0;
     margin-bottom: 0;
-    padding: @padding-sm 0 @padding-xs 0;
+    //padding: @padding-sm 0 @padding-xs 0;
     text-align: right;
-    background: @spec-card-background;
+    //background: @background-color-base;
     border-radius: 0;
+
     .ant-pagination-total-text {
       float: left;
     }
+
     .ant-pagination-options-size-changer.ant-select {
       margin-right: 0
     }
   }
+
+  &.ant-card {
+    box-shadow: none;
+  }
+
+  .ant-card-head {
+    padding: 0;
+    border-bottom: 0;
+
+  }
+
   .ant-card-body {
     padding: 0;
     background: transparent;
-    //padding: @spec-card-padding;
-    //background: @spec-card-background;
   }
+
+  .ant-table-wrapper .ant-table-container table > thead > tr:first-child {
+    & > *:first-child,
+    & > *:last-child {
+      border-radius: 0;
+    }
+  }
+
   .ant-table-tbody {
     background: transparent;
   }
+
   .ant-table-fixed-left .ant-table-thead > tr > th:first-child {
     padding: 0;
   }
-  //&.ant-card {
-  //  background: transparent;
-  //}
+
   .ant-table-body {
-    .spec-scrollbar-base()
+    //.spec-scrollbar-base()
   }
+
   .spec-table-dropdown {
     li a[disabled] {
-      color: @disabled-bg;
+      //color: @disabled-bg;
       cursor: not-allowed;
       pointer-events: none;
     }
@@ -53,7 +67,7 @@
 }
 
 .ant-form-item-control.has-error .ant-table.ant-table-small {
-  border-color: @error-color
+  //border-color: @error-color
 }
 
 .themeTech {
@@ -70,99 +84,88 @@
 
 .ant-table {
   // 固定左侧列的样式
-  .ant-table-fixed-left {
-    table.ant-table-fixed {
-      .ant-table-thead > tr > th,
-      .ant-table-tbody > tr > td {
-        &:first-child {
-          padding-left: @padding-md;
-          padding-right: @padding-md/2;
-        }
-        padding-right: @padding-md/2;
-      }
-    }
-  }
+  //.ant-table-fixed-left {
+  //  table.ant-table-fixed {
+  //    .ant-table-thead > tr > th,
+  //    .ant-table-tbody > tr > td {
+  //      &:first-child {
+  //        padding-left: @padding-md;
+  //        padding-right: @padding-md/2;
+  //      }
+  //      padding-right: @padding-md/2;
+  //    }
+  //  }
+  //}
   // 固定右侧列的样式
-  .ant-table-fixed-right {
-    table.ant-table-fixed {
-      .ant-table-thead > tr > th,
-      .ant-table-tbody > tr > td {
-        &:first-child {
-          padding-left: @padding-md/2;
-        }
-        &:nth-last-child(1) {
-          padding-left: @padding-md/2;
-          padding-right: @padding-md;
-        }
-        padding-right: @padding-md/2;
-      }
-    }
-  }
+  //.ant-table-fixed-right {
+  //  table.ant-table-fixed {
+  //    .ant-table-thead > tr > th,
+  //    .ant-table-tbody > tr > td {
+  //      &:first-child {
+  //        padding-left: @padding-md/2;
+  //      }
+  //      &:nth-last-child(1) {
+  //        padding-left: @padding-md/2;
+  //        padding-right: @padding-md;
+  //      }
+  //      padding-right: @padding-md/2;
+  //    }
+  //  }
+  //}
   table {
-    font-size: @font-size-base; // 14px
-    //color: #707070;
+    //font-size: @font-size-base; // 14px
     > .ant-table-thead {
       > tr > th {
-        //color: @text-color;
         font-weight: bold;
-        font-size: @font-size-lg;
+        //font-size: @font-size-lg;
         border-bottom: 0;
       }
     }
+
     > .ant-table-expand-icon-th, .ant-table-row-expand-icon-cell {
     }
+
     .ant-table-thead > tr > th {
-      //min-width: 60px;
-      //padding: 14px @padding-md/2;
-      //&.ant-table-selection-column {
-      //  width: 15px;
-      //  height: 15px;
-      //  color: @primary-color;
-      //  line-height: 12px;
-      //  border-color: @primary-color;
+      //&:first-child {
+      //  padding-left: @padding-md;
+      //}
+      //&:last-child {
+      //  padding-right: @padding-md;
       //}
-      &:first-child {
-        padding-left: @padding-md;
-      }
-      &:last-child {
-        padding-right: @padding-md;
-      }
-    }
-    .ant-table-tbody > tr > td {
-      padding: 12px @padding-md/2;
-      &:first-child {
-        padding-left: @padding-md;
-      }
     }
+
     .ant-table-tbody > tr > td {
-      padding: 12px @padding-md/2;
+      //padding: 12px @padding-md/2;
       &:first-child {
-        padding-left: @padding-md;
+        //padding-left: @padding-md;
         border-left: 1px solid transparent;
       }
+
       &:last-child {
-        padding-right: @padding-md;
+        //padding-right: @padding-md;
         border-right: 1px solid transparent;
       }
     }
+
     .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row),
     .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row),
     .ant-table-thead > tr:hover:not(.ant-table-expanded-row),
     .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) {
       > td {
         position: relative;
-        border-color: @spec-table-hover-border-color;
+        //border-color: fade(@primary-color, 50%);
         &::before {
           position: absolute;
           top: 0;
           left: 0;
           display: inline-block;
           width: 100%;
-          border-top: 1px solid @spec-table-hover-border-color;
+          //border-top: 1px solid fade(@primary-color, 50%);
           content: '';
         }
       }
     }
+
     //.ant-table-tbody > tr.ant-table-expanded-row,
     //.ant-table-tbody > tr.ant-table-expanded-row:hover {
     //  background: #f9f9fb;
@@ -173,30 +176,36 @@
       text-align: center;
     }
   }
+
   //.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th
   &.ant-table-small {
+
     > .ant-table-content > .ant-table-body {
       margin: 0;
+
       > table {
         font-size: 14px;
+
         > .ant-table-thead {
           > tr > th {
             font-weight: bold;
-            font-size: @font-size-base; // 14px
-            background: @table-header-bg;
+            //font-size: @font-size-base; // 14px
+            //background: @table-header-bg;
           }
         }
+
         > .ant-table-thead > tr > th,
         > .ant-table-tbody > tr > td {
-          &:first-child {
-            padding-left: @table-padding-horizontal;
-          }
-          &:last-child {
-            padding-right: @table-padding-horizontal;
-          }
+          //&:first-child {
+          //  padding-left: @table-padding-horizontal;
+          //}
+          //&:last-child {
+          //  padding-right: @table-padding-horizontal;
+          //}
         }
       }
     }
+
     .ant-empty-normal {
       margin: 0;
     }

package/es/components/IconNode/index.d.ts

@@ -12,5 +12,5 @@ import React from "react";
 interface IconNodeProps {
     icon?: string | string[] | React.ReactNode;
 }
-declare const IconNode: (props: IconNodeProps) => JSX.Element;
+declare const IconNode: (props: IconNodeProps) => React.JSX.Element | null;
 export default IconNode;

package/es/components/IconNode/index.js

@@ -1,5 +1,17 @@
 import SpecIcon from "../../SpecIcon/index";
 import React from "react";
+// 渲染图标展示
+/**
+ *  @params { String,Array,ReactNode } icon: 图标支持传值为字符串，
+ *    @value {String} 当表示为String,单个名称字符串 如'plus' ==> 结果渲染为'speci-plus'
+ *                    说明1.当数据里面包含','则将区分两个参数,第一个参数代表图标类名前缀，第二个参数代表当前图标类名 ‘speci,plus’ ==> 结果SVG渲染名称为 'speci-plus'
+ *                    说明2.当数据里面包含','第一个参数为空或者为noPrefix，结构渲染为最后一个作为图标的名称，即',plus'或'noPrefix,plus' ==》 结果SVG渲染名称为 'plus'
+ *    @value {Array} 当表示为Array时，必须包含两个参数['speci','plus']，
+ *                   说明1.第一个参数代表图标类名前缀，第二个参数代表当前图标类名 => 结果渲染'speci-plus'
+ *                   说明2.如果第一个参数为'noPrefix'或空，则将不显示前缀值,即：['', 'spec-plus]或 ['noPrefix', 'spec-plus] => 结果渲染'speci-plus'
+ *    @value {ReactNode} 当表示为ReactNode时，则直接渲染
+ */
+
 var IconNode = function IconNode(props) {
   var icon = props.icon;
   if (!icon) return null;
@@ -18,7 +30,6 @@ var IconNode = function IconNode(props) {
       name: icon[1]
     }); // 预留 Array ['speci','plus']
   }
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, icon);
 };
 export default IconNode;

package/es/components/index.js

@@ -1,2 +1,2 @@
-import IconNode from './IconNode/index';
+import IconNode from "./IconNode/index";
 export { IconNode };

package/es/data/func.code.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+    btnFuncCodes: ({
+        name: string;
+        code: string;
+        icon: string;
+    } | {
+        name: string;
+        code: string;
+        icon?: undefined;
+    })[];
+    pageFuncCodes: {
+        name: string;
+        code: string;
+    }[];
+};
+export default _default;