@lemon-fe/kits 1.0.0-165 → 1.0.0-167

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

@@ -1,6 +1,6 @@
 import { type InputNumberProps } from 'antd';
 import { type ReactNode } from 'react';
-export default function InputNumber(props: InputNumberProps & {
+export default function InputNumber<T extends string | number = string | number>(props: InputNumberProps<T> & {
     /**
      * 后缀，不支持和prefix一起使用
      */

package/es/components/Layout/index.less

@@ -110,7 +110,7 @@
     min-width: 0;
     overflow: auto;
 
-    .scrollBar(8px);
+    .scrollBar();
   }
 
   &-footer {
@@ -139,6 +139,7 @@
 
   &-main > & {
     flex: 1;
+    min-height: 0;
     background-color: transparent;
   }
 

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

@@ -1,7 +1,7 @@
 import type { CSSProperties, ReactElement } from 'react';
 import type { ColType, DataGridProps, PaginationType, SortType } from '../DataGrid/typings';
 import type { FilterProps } from '../Filter/typings';
-interface Props<RecordType, ParamsType extends Record<string, any>> extends Pick<DataGridProps<RecordType>, 'defaultColDef' | 'rowHeight' | 'cellDisplayFlex'> {
+interface Props<RecordType, ParamsType extends Record<string, any>> extends Pick<DataGridProps<RecordType>, 'defaultColDef' | 'rowHeight' | 'cellDisplayFlex' | 'isRowSelectable'> {
     value?: RecordType[];
     onChange?: (value: RecordType[], rowDoubleClicked?: boolean) => void;
     /**

package/es/components/SelectView/index.js

@@ -54,7 +54,8 @@ export default function SelectView(props) {
       readOnly = props.readOnly,
       defaultColDef = props.defaultColDef,
       rowHeight = props.rowHeight,
-      cellDisplayFlex = props.cellDisplayFlex;
+      cellDisplayFlex = props.cellDisplayFlex,
+      isRowSelectable = props.isRowSelectable;
   var prefixCls = "".concat(PREFIX_CLS, "-select-view");
 
   var _useState = useState(value || emptyValue),
@@ -222,6 +223,7 @@ export default function SelectView(props) {
       rowHeight: rowHeight,
       defaultColDef: defaultColDef,
       cellDisplayFlex: cellDisplayFlex,
+      isRowSelectable: isRowSelectable,
       dataSource: rows,
       columns: columns,
       loading: loading,

package/es/components/SiderTree/index.less

@@ -7,10 +7,6 @@
     flex-direction: column;
     box-sizing: border-box;
     height: 100%;
-
-    .@{ant-prefix}-tree-list-scrollbar-thumb {
-      background: #ddd !important;
-    }
   }
 
   &-menu-popover {
@@ -53,17 +49,13 @@
   &-body {
     min-height: 0;
     overflow: auto;
-    .scrollBar(8px);
+    .scrollBar();
 
     .@{ant-prefix}-tree {
       &-list-holder-inner {
         align-items: stretch;
       }
 
-      &-list-scrollbar-thumb {
-        background: #ddd !important;
-      }
-
       &-node-content-wrapper {
         min-width: 0;
         overflow-x: hidden;

package/es/init.js

@@ -11,6 +11,7 @@ import { message, Modal, Select, ConfigProvider, Result, Button, DatePicker, Cas
 import React from 'react';
 import Icons from "./components/Icons";
 import PageLoading from "./components/PageLoading";
+import { PREFIX_CLS } from "./constants";
 import empty from "./styles/empty.png";
 var Tip = Icons.Tip,
     Down = Icons.Down,
@@ -201,4 +202,9 @@ export default function init() {
       });
     }
   });
+  /** 设置滚动条 */
+
+  if (/windows/.test(window.navigator.userAgent.toLowerCase())) {
+    document.body.classList.add("".concat(PREFIX_CLS, "-thin-scroll-bar"));
+  }
 }

package/es/styles/overrides.less

@@ -40,7 +40,7 @@ a[title='站长统计'] {
 }
 
 .@{ant-prefix}-table-body {
-  .scrollBar(8px);
+  .scrollBar();
 }
 
 .@{ant-prefix}-table-tbody > tr.@{ant-prefix}-table-row-selected > td {

package/es/styles/theme.less

@@ -7,3 +7,23 @@
 html {
   --lemon-primary-color: 35, 87, 223;
 }
+
+.@{prefixCls}-thin-scroll-bar {
+  ::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  ::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.3);
+    border-radius: 4px;
+
+    &:hover {
+      background-color: rgba(0, 0, 0, 0.5);
+    }
+  }
+}

package/es/styles/utils.less

@@ -91,20 +91,20 @@
 }
 
 .scrollBar (@width: 8px) {
-  scrollbar-width: thin;
-
-  &::-webkit-scrollbar {
-    width: @width;
-    height: 8px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background-color: #fff;
-    border-radius: 4px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-color: #ddd;
-    border-radius: 4px;
-  }
+  // scrollbar-width: thin;
+
+  // &::-webkit-scrollbar {
+  //   width: @width;
+  //   height: 8px;
+  // }
+
+  // &::-webkit-scrollbar-track {
+  //   background-color: #fff;
+  //   border-radius: 4px;
+  // }
+
+  // &::-webkit-scrollbar-thumb {
+  //   background-color: #ddd;
+  //   border-radius: 4px;
+  // }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/kits",
-  "version": "1.0.0-165",
+  "version": "1.0.0-167",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",