fan-standard-comp 4.0.6 → 4.0.7

package/es/StandardContent/styles/index.less

@@ -19,10 +19,10 @@
   //background: @background-color-base;
   height: 100%;
   overflow: auto;
-  box-sizing: border-box;
+  //box-sizing: border-box;
 
   & * {
-    box-sizing: border-box;
+    //box-sizing: border-box;
   }
 
   & .light-block {
@@ -34,21 +34,21 @@
 
 .spec-grid-content {
   position: relative;
-  display: flex;
+  // display: flex;
   //height: calc(100vh - @layout-header-height);
-  height: 100%;
+  //height: 100%;
   background: transparent; // @background-color-base;
-  box-sizing: border-box;
-
-  & * {
-    box-sizing: border-box;
-  }
+  //box-sizing: border-box;
+  //
+  //& * {
+  //  box-sizing: border-box;
+  //}
   .spec-grid-left {
     //height: calc(100vh - @layout-header-height);
-    height: 100%;
+    //height: 100%;
     //padding: @padding-md @padding-sm;
     //background: @layout-body-background;
-    overflow-y: auto;
+    //overflow-y: auto;
     //.scroll-bar();
     .ant-tree-list,
     .ant-tree {

package/es/StandardForm/style/index.less

@@ -32,7 +32,7 @@
 
       > label {
         //min-height: @input-height-base;
-        height: auto;
+        //height: auto;
 
         &.ant-form-item-required {
           padding-left: 8px;

package/es/StandardModal/style/index.js

@@ -14,14 +14,14 @@ var StandardPanelStyleFunc = function StandardPanelStyleFunc(prefix) {
   };
   return createStyleHook(prefix, function (token) {
     var prefixCls = ".".concat(prefix);
-    return [_defineProperty(_defineProperty(_defineProperty({}, prefixCls, {
+    return [_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, prefixCls, {
       '.ant-modal-body ': _objectSpread(_objectSpread({}, scrollBar(token)), {}, {
         padding: "".concat(token.paddingXS, "px 0")
       }),
       '&.ant-modal .ant-modal-footer  .ant-btn + .ant-btn': {
         marginInlineStart: token.marginXS
       },
-      '.modalForm': {
+      '.spec-standard-form': {
         '&.ant-form-horizontal .ant-form-item-label': {
           '> label': {
             minHeight: token.controlHeight + 'px'
@@ -40,7 +40,9 @@ var StandardPanelStyleFunc = function StandardPanelStyleFunc(prefix) {
       '&:before': {
         borderLeft: " 4px solid  ".concat(token.colorPrimary)
       }
-    }), '.modalPanelTitle, .modal-grid-title', {
+    }), '.modalPanelTitle', {}), '.modalPanelTitle, .modal-grid-title', {
+      height: token.controlHeight + 'px',
+      lineHeight: token.controlHeight + 'px',
       margin: "0 0 ".concat(token.margin, "px 0"),
       paddingBottom: token.paddingXS,
       borderBottom: "1px solid ".concat(token.colorBorder)

package/es/StandardModal/style/index.less

@@ -20,7 +20,7 @@
       white-space: inherit;
       > label {
         //min-height: @input-height-base;
-        height: auto;
+        //height: auto;
         &.ant-form-item-required::before {
           margin-right: 2px;
         }
@@ -30,13 +30,13 @@
 }
 
 .modalPanelTitle {
-  height: 32px;
+  //height: 32px;
   //margin: 0 0 @padding-md 0;
   //padding-bottom: @padding-xs;
   //color: @text-color;
   //font-size: @font-size-base + 1;
   font-weight: bold;
-  line-height: 32px;
+  //line-height: 32px;
   //border-bottom: 1px solid @border-color-base;
 }
 .ant-form-item.form-item-view-only {
@@ -50,14 +50,14 @@
 }
 .modalGridTitle,
 .modal-grid-title{
-  height: 32px;
+  //height: 32px;
   //margin: 0 0 @padding-md 0;
   //padding-bottom: @padding-xs;
   //padding-left: @padding-xs;
   //color: @text-color;
   //font-size: @font-size-base + 1;
   //font-weight: bold;
-  line-height: 32px;
+  //line-height: 32px;
   position: relative;
   &.modalPanelTitle {
     border-bottom: 0;

package/es/StandardTable/index.js

@@ -102,9 +102,9 @@ 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;
+              var _colItem4, _colItem5, _colItem6;
               if (recombinationGroup.length === 0) return '-';
-              return /*#__PURE__*/React.createElement(ButtonGroup, {
+              return /*#__PURE__*/React.createElement(ButtonGroup, _extends({
                 type: "text",
                 min: colItem.min || 2 // 配置按钮展示最少数量，其他的将会被折叠
                 ,
@@ -115,11 +115,12 @@ var StandardTable = function StandardTable(props) {
                   text: text,
                   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
-              });
+              }, ((_colItem6 = colItem) === null || _colItem6 === void 0 ? void 0 : _colItem6.buttonGroupConfig) || {}));
             } else {
               return buttonGroup;
             }
@@ -148,13 +149,12 @@ var StandardTable = function StandardTable(props) {
       batchButtonGroup = exProps.batchButtonGroup;
     // 只有配置rowSelection才显示对应的批量按钮组
     var list = _.unionBy(rowSelection && (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) !== 'radio' && (batchButtonGroup || []), buttonGroup || []);
-    return /*#__PURE__*/React.createElement(ButtonGroup, {
+    return /*#__PURE__*/React.createElement(ButtonGroup, _extends({
       options: list,
       min: min,
       codes: codes,
-      permissionCodes: permissionCodes,
-      dropdownConfig: buttonGroupConfig
-    });
+      permissionCodes: permissionCodes
+    }, buttonGroupConfig));
   };
   return wrapSSR( /*#__PURE__*/React.createElement(Card, {
     className: classNames(componentName, 'standard-table', className, hashId),

package/es/StandardTable/style/index.js

@@ -78,7 +78,7 @@ var StandardTableStyleFunc = function StandardTableStyleFunc(prefix) {
       'table': {
         fontSize: token.fontSize,
         '> .ant-table-thead > tr > th': {
-          fontSize: token.fontSizeLG
+          fontSize: token.fontSize
         },
         '.ant-table-thead > tr > th': {
           padding: "12px ".concat(token.paddingMD, "px"),

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

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

package/es/components/IconNode/index.js

@@ -13,21 +13,24 @@ import React from "react";
  */
 
 var IconNode = function IconNode(props) {
-  var icon = props.icon;
+  var icon = props.icon,
+    style = props.style;
   if (!icon) return null;
   if (typeof icon === 'string') {
     var iconArr = icon.split(',');
     return /*#__PURE__*/React.createElement(SpecIcon, {
       prefix: iconArr.length > 1 ? iconArr[0] : 'speci',
       noPrefix: !iconArr[0] || iconArr[0] === 'noPrefix',
-      name: iconArr.length > 1 ? iconArr[1] : icon
+      name: iconArr.length > 1 ? iconArr[1] : icon,
+      style: style
     });
   }
   if (Array.isArray(icon) && icon.length > 1) {
     // @ts-ignore
     return /*#__PURE__*/React.createElement(SpecIcon, {
       prefix: icon[0],
-      name: icon[1]
+      name: icon[1],
+      style: style
     }); // 预留 Array ['speci','plus']
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, icon);

package/es/theme/index.js

@@ -7,8 +7,8 @@ export var scrollBar = function scrollBar(token) {
   return _defineProperty(_defineProperty(_defineProperty({}, '&::-webkit-scrollbar-track-piece', {
     background: new TinyColor('#c1c1c1').setAlpha(0.02).toRgbString() // new TinyColor(token.colorPrimary).setAlpha(0.1)
   }), '&::-webkit-scrollbar', {
-    width: '6px',
-    height: '6px'
+    width: '8px',
+    height: '8px'
   }), '&::-webkit-scrollbar-thumb', {
     background: new TinyColor('#c1c1c1').setAlpha(0.5).toRgbString(),
     // new TinyColor(token.colorPrimary).setAlpha(0.5),
@@ -19,8 +19,8 @@ export var scrollBarPrimary = function scrollBarPrimary(token) {
   return _defineProperty(_defineProperty(_defineProperty({}, '&::-webkit-scrollbar-track-piece', {
     background: new TinyColor(token.colorPrimary).setAlpha(0.1).toRgbString() // new TinyColor(token.colorPrimary).setAlpha(0.1)
   }), '&::-webkit-scrollbar', {
-    width: '6px',
-    height: '6px'
+    width: '8px',
+    height: '8px'
   }), '&::-webkit-scrollbar-thumb', {
     background: new TinyColor(token.colorPrimary).setAlpha(0.5).toRgbString(),
     // new TinyColor(token.colorPrimary).setAlpha(0.5),

package/es/utils/index.d.ts

@@ -3,3 +3,4 @@ export * from './ValueFormat';
 export * from './dictSelectUtil';
 export * from './transferFile';
 export * from './urlUtils';
+export * from './regExp';

package/es/utils/index.js

@@ -2,4 +2,6 @@ export * from "./getParentNodes";
 export * from "./ValueFormat";
 export * from "./dictSelectUtil";
 export * from "./transferFile";
-export * from "./urlUtils";
+export * from "./urlUtils";
+// @ts-ignore
+export * from "./regExp";

package/es/utils/regExp.js

@@ -0,0 +1,111 @@
+/* eslint-disable */
+// 校验身份证格式
+var isIdCard = function isIdCard(value) {
+  // 身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
+  var idCardReg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
+  return idCardReg.test(value);
+};
+var isEmail = function isEmail(value) {
+  /* eslint no-useless-escape:0 */
+  var emailReg = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
+  return emailReg.test(value);
+};
+
+// 手机或者固定电话
+var isPhone = function isPhone(value) {
+  /* eslint no-useless-escape:0 */
+  value = value.split('-').join('').split(' ').join('');
+  var is400 = /^400\d{7}$/;
+  var phoneReg = /^((0\d{2,3}-?\d{7,8})|(1[3456789]\d{9}))$/;
+  return is400.test(value) || phoneReg.test(value);
+};
+
+// 传真号码
+var isSendNumber = function isSendNumber(value) {
+  var reg = /^(\d{3,4}-)?\d{7,8}$/;
+  return reg.test(value);
+};
+
+// 登录账号(用于用户管理模块)
+var isAccount = function isAccount(value) {
+  // 长度1-20个字符，只能以英文或@开头。英文、数字不限制，字符仅使用_ . @ - 这几个
+  var reg = /^[a-zA-Z0-9_@.-]{1}([a-zA-Z0-9]|[_@.-]){0,19}$/;
+
+  // 可以包含数字、字母、下划线，并且要同时含有数字和字母，且长度要在8-16位之间。
+  // const reg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z_]{8,16}$**/
+  return reg.test(value);
+};
+
+// 判断是否为英文字符(用于用户管理模块)
+var isUserAccount = function isUserAccount(value) {
+  var reg = /([a-zA-Z0-9]|[_@.-])+$/;
+  return reg.test(value);
+};
+var isCardNo = function isCardNo(num) {
+  num = num.toUpperCase();
+  // 身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X。
+  if (!/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(num)) {
+    return false;
+  }
+  return true;
+  // 校验位按照ISO 7064:1983.MOD 11-2的规定生成，X可以认为是数字10。
+  // 下面分别分析出生日期和校验位
+  var len, re;
+  var arrSplit;
+  len = num.length;
+  if (len == 15) {
+    re = new RegExp(/^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/);
+    arrSplit = num.match(re);
+
+    // 检查生日日期是否正确 
+    var dtmBirth = new Date('19' + arrSplit[2] + '/' + arrSplit[3] + '/' + arrSplit[4]);
+    var bCorrectDay;
+    bCorrectDay = dtmBirth.getYear() == Number(arrSplit[2]) && dtmBirth.getMonth() + 1 == Number(arrSplit[3]) && dtmBirth.getDate() == Number(arrSplit[4]);
+    if (!bCorrectDay) {
+      return false;
+    } else {
+      // 将15位身份证转成18位 
+      // 校验位按照ISO 7064:1983.MOD 11-2的规定生成，X可以认为是数字10。 
+      var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
+      var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');
+      var nTemp = 0,
+        i;
+      num = num.substr(0, 6) + '19' + num.substr(6, num.length - 6);
+      for (i = 0; i < 17; i++) {
+        nTemp += num.substr(i, 1) * arrInt[i];
+      }
+      num += arrCh[nTemp % 11];
+      return true;
+    }
+  }
+  if (len == 18) {
+    re = new RegExp(/^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/);
+    arrSplit = num.match(re);
+
+    //检查生日日期是否正确 
+    var dtmBirth = new Date(arrSplit[2] + '/' + arrSplit[3] + '/' + arrSplit[4]);
+    var bCorrectDay;
+    bCorrectDay = dtmBirth.getFullYear() == Number(arrSplit[2]) && dtmBirth.getMonth() + 1 == Number(arrSplit[3]) && dtmBirth.getDate() == Number(arrSplit[4]);
+    if (!bCorrectDay) {
+      return false;
+    } else {
+      //检验18位身份证的校验码是否正确。 
+      //校验位按照ISO 7064:1983.MOD 11-2的规定生成，X可以认为是数字10。 
+      var valnum;
+      var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
+      var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');
+      var nTemp = 0,
+        i;
+      for (i = 0; i < 17; i++) {
+        nTemp += num.substr(i, 1) * arrInt[i];
+      }
+      valnum = arrCh[nTemp % 11];
+      if (valnum != num.substr(17, 1)) {
+        return false;
+      }
+      return true;
+    }
+  }
+  return false;
+};
+export { isCardNo, isIdCard, isEmail, isPhone, isSendNumber, isAccount, isUserAccount };

package/lib/ButtonGroup/index.d.ts

@@ -35,6 +35,8 @@ interface ButtonGroupProps {
     dropdownConfig?: Object;
     moreText?: string;
     moreIcon?: React.ReactNode | string | number;
+    size?: any;
+    showTextIcon?: boolean;
 }
 declare const ButtonGroup: (props: ButtonGroupProps) => any;
 export default ButtonGroup;

package/lib/ButtonGroup/index.js

@@ -14,7 +14,7 @@ var _filterPermission = require("../utils/filterPermission");
 var _styles = _interopRequireDefault(require("./styles"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _ConfigContext = require("../ConfigContext");
-var _excluded = ["code", "fn", "exName", "name", "children", "icon"],
+var _excluded = ["code", "fn", "exName", "name", "children", "icon", "confirmText", "confirmConfig", "render"],
   _excluded2 = ["exName", "name", "type", "icon", "ghost", "danger", "disabled", "loading", "fn", "code", "rowParams", "isHide"],
   _excluded3 = ["code", "fn", "exName", "name", "children", "icon", "confirmText", "confirmConfig"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -59,7 +59,11 @@ var ButtonGroup = function ButtonGroup(props) {
     dropdownConfig = _providerConfig$props4 === void 0 ? {} : _providerConfig$props4,
     _providerConfig$props5 = _providerConfig$props.moreText,
     moreText = _providerConfig$props5 === void 0 ? '更多' : _providerConfig$props5,
-    moreIcon = _providerConfig$props.moreIcon;
+    _providerConfig$props6 = _providerConfig$props.size,
+    size = _providerConfig$props6 === void 0 ? 'default' : _providerConfig$props6,
+    moreIcon = _providerConfig$props.moreIcon,
+    _providerConfig$props7 = _providerConfig$props.showTextIcon,
+    showTextIcon = _providerConfig$props7 === void 0 ? false : _providerConfig$props7;
   var _props$options = props.options,
     options = _props$options === void 0 ? [] : _props$options,
     _props$min = props.min,
@@ -95,6 +99,9 @@ var ButtonGroup = function ButtonGroup(props) {
         name = vItem.name,
         children = vItem.children,
         icon = vItem.icon,
+        confirmText = vItem.confirmText,
+        confirmConfig = vItem.confirmConfig,
+        render = vItem.render,
         others = _objectWithoutProperties(vItem, _excluded);
       return _objectSpread(_objectSpread({}, others), {}, {
         key: code ? code + i : i,
@@ -164,7 +171,9 @@ var ButtonGroup = function ButtonGroup(props) {
         },
         placement: "bottomRight"
       }, (item === null || item === void 0 ? void 0 : item.dropdownConfig) || dropdownConfig || {}), /*#__PURE__*/_react.default.createElement(_antd.Button, {
-        type: "primary"
+        type: "primary",
+        size: size
+        // icon={item?.icon ? <IconNode icon={item?.icon}/> : null}
       }, item.exName || item.name, " ", /*#__PURE__*/_react.default.createElement(_SpecIcon.default, {
         name: "down"
       })));
@@ -176,7 +185,8 @@ var ButtonGroup = function ButtonGroup(props) {
       loading: loading,
       onClick: fn ? function () {
         return fn(item);
-      } : null
+      } : null,
+      size: size
     }, others, {
       icon: icon ? /*#__PURE__*/_react.default.createElement(_components.IconNode, {
         icon: icon
@@ -269,10 +279,12 @@ var ButtonGroup = function ButtonGroup(props) {
     }));
   };
   // 自定义渲染显示的文本
-  var renderCustomLabel = function renderCustomLabel(gItem) {
+  var renderCustomLabel = function renderCustomLabel(gItem, hideIcon) {
     return gItem.render ? gItem.render.apply(gItem, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
       return rowParams[pItem];
-    }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, gItem.icon ? ' ' : '', gItem.exName || gItem.name);
+    }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !hideIcon && gItem.icon && showTextIcon ? /*#__PURE__*/_react.default.createElement(_components.IconNode, {
+      icon: gItem.icon
+    }) : '', " ", gItem.exName || gItem.name);
   };
   // 递归转换原来的数组结构
   var deepTransTextMenus = function deepTransTextMenus(groupArray) {
@@ -293,7 +305,13 @@ var ButtonGroup = function ButtonGroup(props) {
         danger: others.danger,
         disabled: (0, _filterPermission.btnIsDisabled)(others.disabled, rowParams),
         key: code ? code + i : i,
-        // icon: <IconNode icon={icon}/>, // 不显示图标
+        icon: icon && showTextIcon ? /*#__PURE__*/_react.default.createElement(_components.IconNode, {
+          icon: icon,
+          style: {
+            marginRight: '4px'
+          }
+        }) : null,
+        // 不显示图标
         label: /*#__PURE__*/_react.default.createElement("a", {
           onClick: function onClick() {
             // 配置二次确认
@@ -306,7 +324,7 @@ var ButtonGroup = function ButtonGroup(props) {
               })));
             }
           }
-        }, renderCustomLabel(vItem)),
+        }, renderCustomLabel(vItem, true)),
         title: vItem.exName || vItem.name,
         children: children && children.length > 0 ? deepTransTextMenus(children) : undefined
       };
@@ -323,9 +341,7 @@ var ButtonGroup = function ButtonGroup(props) {
         placement: "bottomRight"
       }, (item === null || item === void 0 ? void 0 : item.dropdownConfig) || dropdownConfig || {}), /*#__PURE__*/_react.default.createElement("a", {
         className: 'spec-button-group-text'
-      }, item.render ? item.render.apply(item, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
-        return rowParams[pItem];
-      }))) : item.exName || item.name, " ", /*#__PURE__*/_react.default.createElement(_SpecIcon.default, {
+      }, renderCustomLabel(item, true), " ", /*#__PURE__*/_react.default.createElement(_SpecIcon.default, {
         name: "down"
       })));
     }
@@ -364,9 +380,7 @@ var ButtonGroup = function ButtonGroup(props) {
       // @ts-ignore
       ,
       disabled: (0, _filterPermission.btnIsDisabled)(item.disabled, rowParams)
-    }, item.render ? item.render.apply(item, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
-      return rowParams[pItem];
-    }))) : item.exName || item.name)) : /*#__PURE__*/_react.default.createElement("a", {
+    }, renderCustomLabel(item))) : /*#__PURE__*/_react.default.createElement("a", {
       className: 'spec-button-group-text',
       title: item.exName || item.name,
       key: item.index
@@ -378,9 +392,7 @@ var ButtonGroup = function ButtonGroup(props) {
           return rowParams[pItem];
         })));
       } : undefined
-    }, item.render ? item.render.apply(item, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
-      return rowParams[pItem];
-    }))) : item.exName || item.name));
+    }, renderCustomLabel(item)));
   };
   var RenderCustomNode = function RenderCustomNode(item) {
     var render = item.render,
@@ -440,7 +452,8 @@ var ButtonGroup = function ButtonGroup(props) {
         },
         placement: "bottomRight"
       }, dropdownConfig), /*#__PURE__*/_react.default.createElement(_antd.Button, {
-        type: "primary"
+        type: "primary",
+        size: size
       }, moreText || '更多', moreIcon || /*#__PURE__*/_react.default.createElement(_icons.DownOutlined, null))) : /*#__PURE__*/_react.default.createElement(_antd.Popconfirm, _extends({
         placement: "topRight",
         open: popVisibleIndex === rowParams.rowIndex,

package/lib/ButtonGroup/styles/index.js

@@ -55,13 +55,21 @@ var SpecButtonGroupStyleFunc = function SpecButtonGroupStyleFunc(prefix) {
     return [_defineProperty({}, prefixCls, _objectSpread({
       display: 'inline-block',
       verticalAlign: 'middle',
+      alignItems: 'center',
       '> *': {
         marginLeft: token.marginSM,
         '&:first-child': {
           marginLeft: 0
         }
       }
-    }, SpecButtonGroupTextStyle(prefixCls, SpecButtonGroupToken)))];
+    }, SpecButtonGroupTextStyle(prefixCls, SpecButtonGroupToken))), {
+      '.ant-dropdown-menu-item': {
+        background: '#f00',
+        '.spec-icon + .ant-dropdown-menu-title-content': {
+          marginLeft: token.marginSM
+        }
+      }
+    }];
   }, prepareComponentToken // 当前组件扩展的变量
   );
 };

package/lib/DragContent/index.js

@@ -153,7 +153,7 @@ var DragContent = function DragContent(props) {
   };
   return wrapSSR( /*#__PURE__*/_react.default.createElement("div", {
     ref: divRef,
-    className: (0, _classnames.default)(componentName, hashId, className),
+    className: (0, _classnames.default)(className, componentName, hashId),
     style: style
   }, children, direction && direction.map(function (item, idx) {
     return /*#__PURE__*/_react.default.createElement(_DragBar.default, {

package/lib/DragContent/index.less

@@ -8,16 +8,15 @@
 
   .spec-grid-dragbar-left-horizontal{
     height: 100%;
-    width: 5px;
+    width: 10px;
     position: absolute;
     left: 0;
     top: 0;
     cursor: col-resize;
-
   }
   .spec-grid-dragbar-right-horizontal{
     height: 100%;
-    width: 5px;
+    width: 10px;
     position: absolute;
     right: 0;
     top: 0;

package/lib/StandardContent/ContentHeader.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ContentHeaderProps {
+    title?: string | React.ReactNode;
+    breadcrumb?: object;
+    componentName?: string;
+    [key: string]: any;
+}
+declare const ContentHeader: React.ForwardRefExoticComponent<Omit<ContentHeaderProps, "ref"> & React.RefAttributes<unknown>>;
+export default ContentHeader;