fan-standard-comp 4.0.5 → 4.0.7

package/es/StandardContent/styles/Subfield.js

@@ -15,15 +15,33 @@ var SubfieldContentStyleFunc = function SubfieldContentStyleFunc(prefix) {
   return createStyleHook(prefix, function (token) {
     var prefixCls = ".".concat(prefix);
     // console.log(' new TinyColor(token.colorPrimary).setAlpha(0.1)' ,new TinyColor(token.colorPrimary).setAlpha(0.1).toRgbString(), )
-    return [_defineProperty({}, prefixCls, {
+    return [_defineProperty({}, prefixCls, _objectSpread(_objectSpread({}, scrollBar(token)), {}, {
+      '.spec-grid-content-header + .spec-grid-content-body': {
+        // height: `calc(100% - 60px)`
+      },
+      '.spec-grid-content-body': {
+        display: 'flex',
+        position: 'relative',
+        height: '100%'
+      },
+      '.spec-grid-left-cont': _objectSpread({
+        width: '100%',
+        height: '100%',
+        overflow: 'auto'
+      }, scrollBar(token)),
       '& .spec-grid-left': _objectSpread({
+        height: '100%',
+        // overflow: 'hidden',
+        overflow: 'auto',
         padding: token.paddingMD,
-        background: token.colorBgBase
+        background: token.colorBgBase,
+        boxSizing: 'border-box'
       }, scrollBar(token)),
       '& .spec-grid-right': _objectSpread({
-        padding: token.paddingMD
+        padding: 0,
+        marginLeft: token.marginMD
       }, scrollBar(token))
-    })];
+    }))];
   }, prepareComponentToken // 当前组件扩展的变量
   );
 };

package/es/StandardContent/styles/Wrapper.js

@@ -1,8 +1,11 @@
 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";
 var WrapperContentStyleFunc = function WrapperContentStyleFunc(prefix) {
   var prepareComponentToken = function prepareComponentToken(token) {
     return {
@@ -11,17 +14,18 @@ var WrapperContentStyleFunc = function WrapperContentStyleFunc(prefix) {
   };
   return createStyleHook(prefix, function (token) {
     var prefixCls = ".".concat(prefix);
-    return [_defineProperty({}, prefixCls, {
+    return [_defineProperty(_defineProperty(_defineProperty({}, prefixCls, _objectSpread(_objectSpread({
       position: 'relative',
       padding: token.paddingMD,
       background: token.colorBgLayout,
       height: '100%',
-      overflow: 'auto',
+      overflow: 'auto'
+    }, scrollBar(token)), {}, {
       '& .light-block': {
         padding: token.paddingMD,
         background: token.colorBgBase
       }
-    })];
+    })), '.spec-wrapper-content-header', {}), '.spec-wrapper-content-body', {})];
   }, prepareComponentToken // 当前组件扩展的变量
   );
 };

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/StandardFilter/index.js

@@ -74,10 +74,14 @@ var StandardFilter = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     isHideCount = _useState4[0],
     setIsHideCount = _useState4[1]; // 表单隐藏项数量值
-  var _useState5 = useState(false),
+  var _useState5 = useState(0),
     _useState6 = _slicedToArray(_useState5, 2),
-    collapsed = _useState6[0],
-    setCollapsed = _useState6[1];
+    additionalCount = _useState6[0],
+    setAdditionalCount = _useState6[1]; // 根据表单项配置dipslay或者colSpan，额外需要计算在内的栅格占用
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    collapsed = _useState8[0],
+    setCollapsed = _useState8[1];
   var componentName = 'spec-standard-filter';
   var _useStyle = useStyle(componentName),
     _useStyle2 = _slicedToArray(_useStyle, 2),
@@ -117,10 +121,40 @@ var StandardFilter = /*#__PURE__*/React.forwardRef(function (props, ref) {
   // 计算表单隐藏项(开启展开与收缩）
   var calculateHideCount = function calculateHideCount(filterFormRef, groups) {
     var _filterFormRef$curren;
+    var itemGroupSize = columnNumberAndSize.itemGroupSize,
+      columnNumber = columnNumberAndSize.columnNumber;
     var formValues = filterFormRef === null || filterFormRef === void 0 || (_filterFormRef$curren = filterFormRef.current) === null || _filterFormRef$curren === void 0 ? void 0 : _filterFormRef$curren.getFieldValue();
-    setIsHideCount((groups || []).filter(function (item) {
+    // Rule1: 不包括isHidden跟isHide的数据
+    // Rule2：剩余的表单项中，查找是否有自定义配置 display='block' 或者colSpan的表单项
+    var notShowGroupItem = (groups || []).filter(function (item) {
       return (item === null || item === void 0 ? void 0 : item.isHidden) || (item.hasOwnProperty('isHide') ? item.isHide(_objectSpread({}, formValues), filterFormRef) : false);
-    }).length);
+    });
+    // 可显示的表单值
+    var showGroupItem = (groups || []).filter(function (item) {
+      return !(item !== null && item !== void 0 && item.isHidden || (item.hasOwnProperty('isHide') ? item.isHide(_objectSpread({}, formValues), filterFormRef) : false));
+    });
+    var showGroupWithSetting = showGroupItem.filter(function (item) {
+      return item.hasOwnProperty('colSpan');
+    });
+    var resultCount = notShowGroupItem.length;
+    var aCount = 0; // 需要再次额外新增的数量
+    if (showGroupWithSetting.length > 0) {
+      showGroupWithSetting.forEach(function (gItem) {
+        // colSpan 优先级更高
+        if (gItem.hasOwnProperty('colSpan')) {
+          // console.log('有配置了colSpan, 占用栅格数量', gItem.colSpan / (24 / columnNumber), '需要再额外减1', gItem.colSpan / (24 / columnNumber) - 1, Math.ceil(gItem.colSpan / (24 / columnNumber) - 1))
+          aCount += Math.ceil(gItem.colSpan / (24 / columnNumber) - 1); // 额外占用了
+          return;
+        }
+        // if (gItem.hasOwnProperty('display') && gItem.display === 'block' ) {
+        //   // TODO.计算会有问题
+        //   console.log('有配置了display=block', Math.ceil(24 / (24 / columnNumber) - 1))
+        //   aCount += columnNumber -1 // Math.ceil(24 / (24 / columnNumber) - 1)  // 额外占用了
+        // }
+      });
+    }
+    setAdditionalCount(aCount);
+    setIsHideCount(resultCount - aCount);
   };
 
   //  配置筛选按钮（确认与取消）
@@ -145,8 +179,8 @@ var StandardFilter = /*#__PURE__*/React.forwardRef(function (props, ref) {
       filedName: 'filterAction',
       display: {
         wrapperCol: {
-          // 占用的格子数按对应size配置的formItem(未配置折叠展开时，在md情况下需要额外再新增1）
-          span: general.modalSize[itemGroupSize].formLayout.labelCol.span + general.modalSize[itemGroupSize].formLayout.wrapperCol.span + (!collapseable && itemGroupSize === 'md' ? 1 : 0)
+          // 占用的格子数按对应size配置的formItem,如果是md则单独使用筛选的栅格配置
+          span: itemGroupSize === 'md' || itemGroupSize === 'lg' || itemGroupSize === 'xlg' ? general.modalSize[itemGroupSize].filterFormLayout.labelCol.span + general.modalSize[itemGroupSize].filterFormLayout.wrapperCol.span : general.modalSize[itemGroupSize].formLayout.labelCol.span + general.modalSize[itemGroupSize].formLayout.wrapperCol.span
         }
       },
       style: {
@@ -337,7 +371,8 @@ var StandardFilter = /*#__PURE__*/React.forwardRef(function (props, ref) {
         layout: filterFormLayout,
         form: filterFormRef,
         collapseable: collapseable,
-        collapsed: collapsed
+        collapsed: collapsed,
+        parentNode: 'standardFilter'
         // displayLayout={{labelCol: { span: 8 }, wrapperCol: { span: 16 },}}
         ,
         doUpdateFormFields: function doUpdateFormFields() {

package/es/StandardForm/StepForm.js

@@ -1,4 +1,5 @@
 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 _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); }
@@ -215,7 +216,12 @@ var StepForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onFinishFailed: function onFinishFailed() {
       // setFieldFailed(true)
     }
-  }, /*#__PURE__*/React.createElement(Steps, stepsConfig, formItemGroup.filter(function (fItem) {
+  }, /*#__PURE__*/React.createElement(Steps, _extends({
+    style: {
+      width: '80%',
+      margin: '0 auto'
+    }
+  }, stepsConfig), formItemGroup.filter(function (fItem) {
     return !fItem.hideStep;
   }).map(function (item, index) {
     return /*#__PURE__*/React.createElement(Step, {

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,15 +14,14 @@ var StandardPanelStyleFunc = function StandardPanelStyleFunc(prefix) {
   };
   return createStyleHook(prefix, function (token) {
     var prefixCls = ".".concat(prefix);
-    console.log('token', token);
-    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'
@@ -41,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/data/general.config.d.ts

@@ -105,6 +105,22 @@ declare const _default: {
                     span: number;
                 };
             };
+            filterFormLayout: {
+                labelCol: {
+                    span: number;
+                };
+                wrapperCol: {
+                    span: number;
+                };
+            };
+            filterFormBlockLayout: {
+                labelCol: {
+                    span: number;
+                };
+                wrapperCol: {
+                    span: number;
+                };
+            };
         };
         md: {
             columnNumber: number;
@@ -125,6 +141,22 @@ declare const _default: {
                     span: number;
                 };
             };
+            filterFormLayout: {
+                labelCol: {
+                    span: number;
+                };
+                wrapperCol: {
+                    span: number;
+                };
+            };
+            filterFormBlockLayout: {
+                labelCol: {
+                    span: number;
+                };
+                wrapperCol: {
+                    span: number;
+                };
+            };
         };
         lg: {
             columnNumber: number;
@@ -145,6 +177,22 @@ declare const _default: {
                     span: number;
                 };
             };
+            filterFormLayout: {
+                labelCol: {
+                    span: number;
+                };
+                wrapperCol: {
+                    span: number;
+                };
+            };
+            filterFormBlockLayout: {
+                labelCol: {
+                    span: number;
+                };
+                wrapperCol: {
+                    span: number;
+                };
+            };
         };
         xlg: {
             columnNumber: number;
@@ -165,6 +213,22 @@ declare const _default: {
                     span: number;
                 };
             };
+            filterFormLayout: {
+                labelCol: {
+                    span: number;
+                };
+                wrapperCol: {
+                    span: number;
+                };
+            };
+            filterFormBlockLayout: {
+                labelCol: {
+                    span: number;
+                };
+                wrapperCol: {
+                    span: number;
+                };
+            };
         };
         xxlg: {
             columnNumber: number;

package/es/data/general.config.js

@@ -111,6 +111,22 @@ export default {
         wrapperCol: {
           span: 15
         }
+      },
+      filterFormLayout: {
+        labelCol: {
+          span: 7
+        },
+        wrapperCol: {
+          span: 15
+        }
+      },
+      filterFormBlockLayout: {
+        labelCol: {
+          span: 7
+        },
+        wrapperCol: {
+          span: 15
+        }
       }
     },
     md: {
@@ -132,6 +148,22 @@ export default {
         wrapperCol: {
           span: 19
         }
+      },
+      filterFormLayout: {
+        labelCol: {
+          span: 8
+        },
+        wrapperCol: {
+          span: 16
+        }
+      },
+      filterFormBlockLayout: {
+        labelCol: {
+          span: 4
+        },
+        wrapperCol: {
+          span: 20
+        }
       }
     },
     // 宽度大，1000px下
@@ -154,6 +186,22 @@ export default {
         wrapperCol: {
           span: 21
         }
+      },
+      filterFormLayout: {
+        labelCol: {
+          span: 8
+        },
+        wrapperCol: {
+          span: 16
+        }
+      },
+      filterFormBlockLayout: {
+        labelCol: {
+          span: 4
+        },
+        wrapperCol: {
+          span: 20
+        }
       }
     },
     // 超级宽度大，1200px下
@@ -176,6 +224,22 @@ export default {
         wrapperCol: {
           span: 21
         }
+      },
+      filterFormLayout: {
+        labelCol: {
+          span: 8
+        },
+        wrapperCol: {
+          span: 16
+        }
+      },
+      filterFormBlockLayout: {
+        labelCol: {
+          span: 4
+        },
+        wrapperCol: {
+          span: 20
+        }
       }
     },
     xxlg: {

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";