@lemon-fe/kits 1.0.1-0 → 1.0.1

package/es/components/DataGrid/cell-editors/Select.d.ts

@@ -16,7 +16,7 @@ export declare type SelectEditorParams = Pick<SelectProps<any, BaseOptionType>,
      */
     action?: 'next' | 'stop' | 'none';
 };
-declare const _default: React.ForwardRefExoticComponent<ICellEditorParams<any, any> & Pick<SelectProps<any, BaseOptionType>, "disabled" | "options" | "virtual" | "showSearch" | "listHeight" | "allowClear" | "mode"> & {
+declare const _default: React.ForwardRefExoticComponent<ICellEditorParams<any, any, any> & Pick<SelectProps<any, BaseOptionType>, "disabled" | "mode" | "showSearch" | "allowClear" | "options" | "virtual" | "listHeight"> & {
     fieldNames?: {
         label: string;
         value: string;
@@ -28,6 +28,6 @@ declare const _default: React.ForwardRefExoticComponent<ICellEditorParams<any, a
     /**
      * 完成选择后的单元格切换行为，默认为next
      */
-    action?: "stop" | "next" | "none" | undefined;
+    action?: "stop" | "none" | "next" | undefined;
 } & React.RefAttributes<ICellEditorReactComp>>;
 export default _default;

package/es/components/DataGrid/index.js

@@ -98,7 +98,7 @@ import CellIndexRender from "./renderer/CellIndexRenderer";
 import CellRenderer from "./renderer/CellRenderer";
 import DetailCellRenderer from "./renderer/DetailCellRenderer";
 import HeaderRenderer from "./renderer/HeaderRenderer";
-import { prefix, getColField, isColumn, withSyncRender, Store, Selection, columnTypes } from "./utils";
+import { prefix, getColField, isColumn, withSyncRender, Store, Selection, columnTypes, isColumnDef } from "./utils";
 
 var add = function add(a, b) {
   return new BigNumber(a).plus(b);
@@ -917,8 +917,6 @@ var DataGrid = /*#__PURE__*/function (_Component) {
             defs = _this5$getColumnDefs2[0],
             leafColIds = _this5$getColumnDefs2[1];
 
-        _this5.api.setColumnDefs(defs);
-
         if (state) {
           var newState = _toConsumableArray(state);
 
@@ -937,18 +935,41 @@ var DataGrid = /*#__PURE__*/function (_Component) {
               });
             }
           });
-          /**
-           * 初始化的时候，需要使用存储的columnState，不仅仅是顺序，其他情况由于在defs里已经有列的状态控制了
-           */
 
-          _this5.columnApi.applyColumnState({
-            state: allState ? newState : newState.map(function (item) {
+          if (allState) {
+            /**
+             * 表格初始化列抖动问题：先调用setColumnDefs，后applyColumnState，会产生列移动动画，所以先处理一遍colDefs，将需要隐藏的列默认隐藏
+             */
+            defs.forEach(function (col) {
+              if (isColumnDef(col)) {
+                var colState = state.find(function (item) {
+                  return item.colId === col.colId;
+                });
+
+                if (colState !== undefined && colState.hide) {
+                  col.initialHide = true;
+                }
+              }
+            });
+          } else {
+            /**
+             * 初始化的时候，需要使用存储的columnState的所有属性，但其他情况由于在defs里已经有列的状态控制了，所以只需要应用排序不需要其他状态
+             */
+            newState = newState.map(function (item) {
               return {
                 colId: item.colId
               };
-            }),
+            });
+          }
+
+          _this5.api.setColumnDefs(defs);
+
+          _this5.columnApi.applyColumnState({
+            state: newState,
             applyOrder: true
           });
+        } else {
+          _this5.api.setColumnDefs(defs);
         }
       });
     }

package/es/components/DataGrid/utils.d.ts

@@ -1,8 +1,9 @@
-import type { ColDef } from '@ag-grid-community/core';
+import type { ColDef, ColGroupDef } from '@ag-grid-community/core';
 import { Subject } from '@lemon-fe/utils';
 import type { ColType, ColGroupType, PathType } from './typings';
 export declare const prefix: (val?: string | undefined) => string;
 export declare function isColumn<T>(col: ColGroupType<T> | ColType<T>): col is ColType<T>;
+export declare function isColumnDef<T>(col: ColGroupDef<T> | ColDef<T>): col is ColDef<T>;
 export declare function getColField(col: {
     field?: string;
     key?: string;

package/es/components/DataGrid/utils.js

@@ -32,6 +32,9 @@ export var prefix = prefixClassName('grid');
 export function isColumn(col) {
   return col.children === undefined;
 }
+export function isColumnDef(col) {
+  return col.children === undefined;
+}
 export function getColField(col) {
   return col.field || col.key || (Array.isArray(col.dataIndex) ? col.dataIndex.join('.') : col.dataIndex) || col.colId;
 }

package/es/components/State/index.less

@@ -67,7 +67,7 @@
 
   &-type-default&-shape-default {
     &::before {
-      background-color: @color-disabled;
+      background-color: #c0c0c0;
     }
   }
 

package/es/init.js

@@ -159,6 +159,14 @@ export default function init() {
         pointerEvents: 'none'
       }
     })
+  });
+  TimePicker.RangePicker.defaultProps = _objectSpread(_objectSpread({}, TimePicker.RangePicker.defaultProps), {}, {
+    suffixIcon: /*#__PURE__*/React.createElement(Icons.Clock, {
+      style: {
+        pointerEvents: 'none'
+      }
+    }),
+    clearIcon: /*#__PURE__*/React.createElement(Clear, null)
   }); //@ts-ignore
 
   Menu.defaultProps = {

package/package.json

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