@zhenliang/sheet 0.1.33 → 0.1.34

package/dist/core/editor/numberEditor/index.js

@@ -73,7 +73,7 @@ export var getNumberEditor = function getNumberEditor(extraProps, getExtraProps)
      */
     var valueParser = baseFormatter;
     var handleChange = useCallback(function (value) {
-      onChange && onChange(value ? value : null);
+      onChange && onChange(!isNil(value) ? value : null);
     }, [onChange]);
     return /*#__PURE__*/_jsx(AntInputNumber, _objectSpread(_objectSpread({
       ref: inputNumberRef

package/dist/core/sheet/index.js

@@ -6,6 +6,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 // import ReduxLogger from 'redux-logger';
+import cls from 'classnames';
 import ReduxThunk from 'redux-thunk';
 import DefaultRow from "./DefaultRow";
 import DefaultShell from "./DefaultShell";
@@ -54,7 +55,9 @@ var Sheet = function Sheet(props) {
     scroll = props.scroll,
     children = props.children,
     showBackEdit = props.showBackEdit,
-    backEditStyle = props.backEditStyle;
+    backEditStyle = props.backEditStyle,
+    _props$boldScroll = props.boldScroll,
+    boldScroll = _props$boldScroll === void 0 ? true : _props$boldScroll;
   var sheetWrapperRef = useRef(null);
   var contextMenuRef = useRef(null);
   var eventBus = useEventBus();
@@ -227,13 +230,16 @@ var Sheet = function Sheet(props) {
     }
     return null;
   }, [isEmptyData, emptyRenderer]);
+  var hasHorizontalScrollbar = sheetWrapperRef.current && sheetWrapperRef.current.scrollWidth > sheetWrapperRef.current.clientWidth;
   return /*#__PURE__*/_jsx(SheetEventContext.Provider, {
     value: eventBus,
     children: /*#__PURE__*/_jsxs("span", {
       children: [/*#__PURE__*/_jsxs("span", {
         ref: sheetWrapperRef,
         tabIndex: 0,
-        className: classNames('harvest harvest-sheet-container', className),
+        className: classNames('harvest harvest-sheet-container', className, cls({
+          tableWarpScroll: hasHorizontalScrollbar && boldScroll
+        })),
         style: {
           maxHeight: (_scroll$y = scroll === null || scroll === void 0 ? void 0 : scroll.y) !== null && _scroll$y !== void 0 ? _scroll$y : memoHeight,
           width: (_scroll$x = scroll === null || scroll === void 0 ? void 0 : scroll.x) !== null && _scroll$x !== void 0 ? _scroll$x : '100%'

package/dist/core/sheet/index.less

@@ -1,10 +1,32 @@
 @import './var.less';
 
+.tableWarpScroll {
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  
+  &:hover {
+    margin-bottom: 10px;
+
+    &::-webkit-scrollbar {
+      display: block;
+      height: 20px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      border-top: 10px solid #fff;
+      height: 10px;
+    }
+  
+  }
+  
+}
+
 .harvest-sheet-container{
-  overflow: auto;
   display: block;
   position:  relative ;
   // scroll-behavior:smooth;
+  overflow: auto;
 }
 
 .harvest-sheet-container .header{
@@ -17,7 +39,7 @@ span.harvest-sheet-container, span.harvest-sheet-container:focus {
 }
 
 .harvest-sheet-container .harvest-sheet {
-  width: 100%;
+  width: calc(100% - 1px);
   border-collapse: collapse;
   table-layout: fixed;
   
@@ -46,10 +68,7 @@ span.harvest-sheet-container, span.harvest-sheet-container:focus {
 .harvest-sheet-container .harvest-sheet .cell {
   height: 17px;
   font-size: var(--cell-font-size);
-  padding-left:var(--cell-padding-horizontal);
-  padding-right:var(--cell-padding-horizontal);
-  padding-top:var(--cell-padding-vertical);
-  padding-bottom:var(--cell-padding-vertical);
+  padding:var(--cell-padding-vertical) var(--cell-padding-horizontal) var(--cell-padding-vertical) var(--cell-padding-horizontal);
   border: 1px solid var(--cell-border-color);
   background-color: var(--cell-background-color);
   cursor: cell;

package/dist/type/sheet.d.ts

@@ -114,6 +114,7 @@ export type SheetProps = {
     };
     rowClassName?: string | ((record: Record<string, unknown>, index: number) => string);
     children?: any[];
+    boldScroll?: boolean;
 };
 export type WidthConfigContext = {
     onChange?: (value: Record<number | string, number>) => void;

package/dist/type/sheetTable.d.ts

@@ -87,4 +87,5 @@ export type TableProps = {
     onChange: (changes: TableChange[], extChanges?: TableChange[]) => void;
     handleAdd?: () => void;
     eventHandler?: Record<'reverse' | 'btn-click' | 'cell-edit' | 'cell-switch' | string, undefined | EventHandler>;
+    boldScroll?: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhenliang/sheet",
-  "version": "0.1.33",
+  "version": "0.1.34",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",