@kdcloudjs/kdesign 1.3.4 → 1.3.5

package/lib/style/core/reset.less

@@ -194,10 +194,10 @@ template {
 /**
  * Reset scrollbar style
  */
-::-webkit-scrollbar {
-  width: 10px !important;
-  height: 10px !important;
-}
+// ::-webkit-scrollbar {
+//   width: 10px !important;
+//   height: 10px !important;
+// }
 
 ::-webkit-scrollbar-button {
   width: 0;

package/lib/style/index.css

@@ -1779,10 +1779,6 @@ template {
 /**
  * Reset scrollbar style
  */
-::-webkit-scrollbar {
-  width: 10px !important;
-  height: 10px !important;
-}
 ::-webkit-scrollbar-button {
   width: 0;
   height: 0;

package/lib/table/feature/useRangeSelection.d.ts

@@ -0,0 +1,3 @@
+import { TableRangeSelection, TablePipeline } from '../interface';
+declare function useRangeSelection(pipeline: TablePipeline, rangeSelection?: TableRangeSelection): void;
+export default useRangeSelection;

package/lib/table/feature/useRangeSelection.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _table = require("@kdcloudjs/table");
+
+function useRangeSelection(pipeline, rangeSelection) {
+  if (rangeSelection) {
+    pipeline.use(_table.features.rangeSelection((0, _extends2.default)({}, rangeSelection)));
+  }
+}
+
+var _default = useRangeSelection;
+exports.default = _default;

package/lib/table/interface.d.ts

@@ -1,6 +1,16 @@
+/// <reference types="react" />
 import { TableProps as BaseTableProps, TablePipeline as TP, ArtColumnStaticPart } from '@kdcloudjs/table';
-import { SortFeatureOptions, RowDetailFeatureOptions, FilterFeatureOptions, TreeModeFeatureOptions, ColumnDragOptions, ColumnResizeOptions, ContextMenuFeatureOptions } from '@kdcloudjs/table/es/table/pipeline/features';
-export interface TableProps extends BaseTableProps {
+import { SortFeatureOptions, RowDetailFeatureOptions, FilterFeatureOptions, TreeModeFeatureOptions, ColumnDragOptions, ColumnResizeOptions, ContextMenuFeatureOptions, RangeSelectionFeatureOptions } from '@kdcloudjs/table/es/table/pipeline/features';
+declare type TablePropsOfComponents = Pick<BaseTableProps, 'components'> & {
+    components?: {
+        /** 复选框 */
+        Checkbox?: React.ComponentType;
+        /** 单选框 */
+        Radio?: React.ComponentType;
+    };
+};
+declare type TablePropsOfExtend = Omit<BaseTableProps, 'components'>;
+export interface TableProps extends TablePropsOfExtend, TablePropsOfComponents {
     rowSelection?: TableRowSelection;
     prefixCls?: string;
     rowDetail?: TableRowDetail;
@@ -11,6 +21,7 @@ export interface TableProps extends BaseTableProps {
     columnDrag?: boolean | ColumnDragOptions;
     columnResize?: boolean | ColumnResizeOptions;
     contextMenu?: IContextMenu;
+    rangeSelection?: TableRangeSelection;
 }
 export declare type RowSelectionType = 'checkbox' | 'radio';
 export declare type RowSelectionFixed = 'start' | 'end';
@@ -32,3 +43,5 @@ export declare type TableSort = SortFeatureOptions;
 export declare type TableTreeMode = TreeModeFeatureOptions;
 export declare type TablePipeline = TP;
 export declare type IContextMenu = boolean | ContextMenuFeatureOptions;
+export declare type TableRangeSelection = RangeSelectionFeatureOptions;
+export {};

package/lib/table/table.js

@@ -51,6 +51,8 @@ var _columnDrag = _interopRequireDefault(require("./feature/columnDrag"));
 
 var _contextMenu = _interopRequireDefault(require("./feature/contextMenu"));
 
+var _useRangeSelection = _interopRequireDefault(require("./feature/useRangeSelection"));
+
 var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -84,6 +86,7 @@ function Table(props) {
       getRowProps = props.getRowProps,
       getTableProps = props.getTableProps,
       contextMenu = props.contextMenu,
+      rangeSelection = props.rangeSelection,
       cssVariables = props.cssVariables;
 
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
@@ -94,19 +97,24 @@ function Table(props) {
   var tableCls = (0, _classnames.default)(tablePrefixCls, className);
   var pipeline = (0, _table.useTablePipeline)({
     components: {
-      Checkbox: _index.default,
-      Radio: _index2.default
+      Checkbox: (components === null || components === void 0 ? void 0 : components.Checkbox) || _index.default,
+      Radio: (components === null || components === void 0 ? void 0 : components.Radio) || _index2.default
     }
   }).primaryKey(primaryKey === undefined ? '' : primaryKey).input({
     columns: columns,
     dataSource: dataSource
   });
+
+  if (footerDataSource) {
+    pipeline.footerDataSource(footerDataSource);
+  }
   /* -------------------------------------------------------------------------- */
 
   /* features                                                                   */
 
   /* -------------------------------------------------------------------------- */
 
+
   (0, _rowSelection.default)(pipeline, rowSelection);
   (0, _rowDetail.default)(pipeline, rowDetail);
   (0, _filter2.default)(pipeline, filter);
@@ -116,6 +124,7 @@ function Table(props) {
   (0, _columnResize.default)(pipeline, columnResize);
   (0, _columnDrag.default)(pipeline, columnDrag);
   (0, _contextMenu.default)(pipeline, contextMenu);
+  (0, _useRangeSelection.default)(pipeline, rangeSelection);
   /* -------------------------------------------------------------------------- */
 
   /* after useTablePipeline, merge pipeline.getProps result                     */
@@ -139,18 +148,17 @@ function Table(props) {
     className: tableCls,
     style: style,
     isLoading: isLoading,
-    components: (0, _extends2.default)({
-      LoadingIcon: function LoadingIcon() {
+    components: {
+      LoadingIcon: (components === null || components === void 0 ? void 0 : components.LoadingIcon) || function () {
         return /*#__PURE__*/_react.default.createElement(_index3.Spin, {
           type: "container"
         });
       },
-      EmptyContent: function EmptyContent() {
+      EmptyContent: (components === null || components === void 0 ? void 0 : components.EmptyContent) || function () {
         return /*#__PURE__*/_react.default.createElement(_index3.Empty, null);
       }
-    }, components),
+    },
     useVirtual: useVirtual,
-    footerDataSource: footerDataSource,
     estimatedRowHeight: estimatedRowHeight,
     emptyCellHeight: emptyCellHeight,
     hasHeader: hasHeader,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.3.4",
+  "version": "1.3.5",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [
@@ -76,7 +76,7 @@
     "@babel/runtime": "^7.10.4",
     "@babel/runtime-corejs3": "^7.11.2",
     "@babel/standalone": "^7.14.3",
-    "@kdcloudjs/table": "1.0.0",
+    "@kdcloudjs/table": "^1.1.0",
     "@popperjs/core": "^2.5.4",
     "async-validator": "^3.5.1",
     "axios": "^0.21.1",