@lemon-fe/kits 1.0.0-21 → 1.0.0-211

package/es/styles/overrides.less

@@ -12,9 +12,15 @@ a[title='站长统计'] {
 /** basic */
 
 @height-base: 32px;
-@border-color-base: #c0c0c0;
+@border-color-base: #d9d9d9;
+@border-color-split: #dcdcdc;
 @border-radius-base: 4px;
-@label-color: #464646;
+@label-color: #666666;
+
+@padding-lg: 16px;
+@padding-md: 12px;
+@padding-sm: 8px;
+@padding-xs: 6px;
 
 /** table */
 
@@ -34,7 +40,7 @@ a[title='站长统计'] {
 }
 
 .@{ant-prefix}-table-body {
-  .scrollBar(8px);
+  .scrollBar();
 }
 
 .@{ant-prefix}-table-tbody > tr.@{ant-prefix}-table-row-selected > td {
@@ -59,62 +65,65 @@ a[title='站长统计'] {
   margin-bottom: 0;
 }
 
-/** button */
-
-@btn-default-border: #c4c4c4;
-
 /** modal */
+@modal-header-padding-horizontal: 0;
+@modal-header-padding-vertical: 0;
+@modal-header-border-width: 0;
+@modal-header-title-line-height: 24px;
+@modal-body-padding: 0;
+@modal-footer-padding-horizontal: 0;
+@modal-footer-padding-vertical: 0;
+@modal-border-radius: 8px;
+@modal-footer-border-width: 0;
+@modal-confirm-body-padding: 0;
 
 .@{ant-prefix}-modal-content {
-  border-radius: 8px;
+  padding: @padding-md;
+}
+
+.@{ant-prefix}-modal-confirm .@{ant-prefix}-modal-content {
+  padding: 20px;
 }
 
 .@{ant-prefix}-modal-header {
-  border-radius: 8px 8px 0 0;
+  padding-bottom: @padding-md;
 }
 
-.@{ant-prefix}-modal-confirm {
-  .@{ant-prefix}-modal-body {
-    padding: 0;
-  }
+.@{ant-prefix}-modal-footer {
+  padding-top: @padding-md;
+}
 
-  .@{ant-prefix}-modal-confirm-body {
-    padding: 40px 48px;
-    overflow: hidden;
+.@{ant-prefix}-modal-confirm-body > .anticon {
+  margin-right: 8px;
+}
 
-    & > img:first-child {
-      position: absolute;
-      top: 40px;
-      left: 48px;
-    }
-  }
+.@{ant-prefix}-modal-confirm-body
+  > .anticon
+  + .@{ant-prefix}-modal-confirm-title
+  + .@{ant-prefix}-modal-confirm-content {
+  margin-left: 30px;
+}
 
-  .@{ant-prefix}-modal-confirm-btns {
-    float: none;
-    margin-top: 0;
-    padding: 10px 16px;
-    text-align: right;
-    background: transparent;
-    border-top: 1px solid rgba(0, 0, 0, 0.06);
-    border-radius: 0 0 2px 2px;
+.@{ant-prefix}-modal-confirm-body .@{ant-prefix}-modal-confirm-content {
+  color: fade(#333, 70);
+}
 
-    & > .@{ant-prefix}-btn {
-      min-width: 72px;
-    }
-  }
+.@{ant-prefix}-modal-close {
+  top: @padding-md;
+  right: @padding-md - 5px;
+  border-radius: 4px;
+  transition: background-color 0.3s;
 
-  .@{ant-prefix}-modal-confirm-title {
-    float: none;
-    margin-left: 56px;
-    font-weight: 600;
-    line-height: 24px;
+  &:hover {
+    background-color: #f2f3f5;
   }
 
-  .@{ant-prefix}-modal-confirm-content {
-    float: none;
-    margin: 2px 0 0 56px;
+  &-x {
+    width: 24px;
+    height: 24px;
     color: rgba(51, 51, 51, 0.5);
-    line-height: 22px;
+    font-size: 14px;
+    line-height: 24px;
   }
 }
 
@@ -152,17 +161,6 @@ a[title='站长统计'] {
   width: auto;
 }
 
-/** select */
-
-.@{ant-prefix}-select-arrow {
-  color: rgba(51, 51, 51, 0.7);
-  font-size: 16px;
-}
-
-.@{ant-prefix}-select-sm .@{ant-prefix}-select-arrow {
-  font-size: 14px;
-}
-
 /** input */
 @input-height-base: 28px;
 @input-padding-horizontal-base: 8px;
@@ -170,22 +168,168 @@ a[title='站长统计'] {
 @input-padding-vertical-base: (
     round(((@input-height-base - @font-size-base * @line-height-base) / 2) * 10) / 10
   ) - @border-width-base;
+@input-disabled-color: fade(#333, 50);
+@input-disabled-bg: #fff;
+
+.@{ant-prefix}-input-prefix,
+.@{ant-prefix}-input-suffix {
+  color: rgba(51, 51, 51, 0.7);
+}
 
 /** picker */
 .@{ant-prefix}-picker {
   .@{ant-prefix}-picker-clear {
-    box-sizing: border-box;
-    width: 16px;
-    height: 16px;
     padding: 1px;
+    font-size: 14px;
+    background-color: #fff;
   }
 
   &-suffix {
-    color: rgba(51, 51, 51, 0.7);
-    font-size: 16px;
+    color: fade(#333, 70);
+  }
+
+  &&-disabled &-suffix {
+    color: fade(#333, 40);
+  }
+}
+
+/** select */
+@select-multiple-item-disabled-color: @input-disabled-color;
+.@{ant-prefix}-select {
+  &-arrow {
+    color: fade(#333, 70);
+    font-size: 14px;
+  }
+
+  &-disabled&:not(&-customize-input) &-selector {
+    color: @input-disabled-color;
+  }
+
+  &-disabled &-arrow {
+    color: fade(#333, 49);
+  }
+}
+
+/** tree */
+@tree-title-height: 28px;
+@tree-node-hover-bg: #f2f3f5;
+@tree-node-selected-bg: (.primary(0.1) []);
+@tree-node-padding: 0;
+@tree-node-indent-width: 16px;
+
+.@{ant-prefix}-tree {
+  &-switcher {
+    width: @tree-node-indent-width;
+
+    &-leaf-line {
+      vertical-align: top;
+
+      &::before {
+        right: (@tree-node-indent-width / 2);
+      }
+
+      &::after {
+        width: (@tree-node-indent-width / 2);
+        height: (@tree-title-height / 2);
+      }
+    }
+  }
+
+  &-indent {
+    &-unit {
+      width: @tree-node-indent-width;
+      vertical-align: top;
+    }
+  }
+
+  &-show-line &-indent {
+    &-unit {
+      &::before {
+        right: (@tree-node-indent-width / 2);
+      }
+    }
+  }
+
+  & &-treenode-leaf-last &-switcher-leaf-line::before {
+    height: (@tree-title-height / 2) !important;
+  }
+
+  & &-treenode-draggable &-draggable-icon {
+    width: @tree-node-indent-width;
   }
 }
 
 /** button **/
 @btn-height-base: 28px;
+@btn-height-sm: 24px;
+@btn-default-border: #c4c4c4;
 @btn-padding-horizontal-base: 11px;
+
+/** empty */
+.@{ant-prefix}-empty {
+  color: #00000040;
+}
+
+/** tabs **/
+@tabs-horizontal-padding: 5px 0;
+@tabs-horizontal-gutter: 40px;
+@tabs-card-horizontal-padding: 5px;
+
+/** checkbox **/
+@checkbox-group-item-margin-right: 12px;
+
+.@{ant-prefix}-checkbox + span {
+  padding-right: 0;
+  padding-left: 4px;
+}
+
+.@{ant-prefix}-checkbox-wrapper {
+  & + & {
+    margin-left: 12px;
+  }
+}
+
+.@{ant-prefix}-checkbox-group {
+  &-item + &-item {
+    margin-left: 0px;
+  }
+}
+
+/** radio **/
+@radio-wrapper-margin-right: 12px;
+span.@{ant-prefix}-radio + * {
+  padding-right: 0;
+  padding-left: 4px;
+}
+
+.@{ant-prefix}-radio-wrapper:last-child {
+  margin-right: 0;
+}
+
+/** message **/
+@message-notice-content-padding: 4px 12px;
+
+.@{ant-prefix}-message {
+  &-notice-content {
+    color: fade(#333, 80);
+    border-radius: 15px;
+  }
+
+  .anticon {
+    margin-right: 4px;
+  }
+}
+
+/** tooltip **/
+@tooltip-arrow-width: 5px * sqrt(2);
+
+/** form **/
+.@{ant-prefix}-form-item {
+  &-explain-error {
+    margin-top: 4px;
+    color: #ff4128;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 20px;
+  }
+}

package/es/styles/theme.less

@@ -1,9 +1,29 @@
 @prefixCls: lemon;
 @space: 16px;
 
-@space-h: 16px;
+@space-h: 12px;
 @space-v: 12px;
 
 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

@@ -62,18 +62,18 @@
   height: 100%;
 
   & > .@{ant-prefix}-tabs-nav {
-    margin-bottom: 12px;
+    margin-bottom: @padding-md;
 
     .@{ant-prefix}-tabs-tab {
-      padding: 8px 12px;
+      padding: 0 0 5px;
 
       &.@{ant-prefix}-tabs-tab-active .@{ant-prefix}-tabs-tab-btn {
         text-shadow: unset;
       }
     }
 
-    .@{ant-prefix}-tabs-tab + .@{ant-prefix}-tabs-tab {
-      margin-left: 24px;
+    .@{ant-prefix}-tabs-nav-more {
+      padding: 0;
     }
   }
 
@@ -90,21 +90,21 @@
   }
 }
 
-.scrollBar (@width: 6px) {
-  scrollbar-width: thin;
+.scrollBar (@width: 8px) {
+  // scrollbar-width: thin;
 
-  &::-webkit-scrollbar {
-    width: @width;
-    height: 8px;
-  }
+  // &::-webkit-scrollbar {
+  //   width: @width;
+  //   height: 8px;
+  // }
 
-  &::-webkit-scrollbar-track {
-    background-color: #fff;
-    border-radius: 4px;
-  }
+  // &::-webkit-scrollbar-track {
+  //   background-color: #fff;
+  //   border-radius: 4px;
+  // }
 
-  &::-webkit-scrollbar-thumb {
-    background-color: #ddd;
-    border-radius: 4px;
-  }
+  // &::-webkit-scrollbar-thumb {
+  //   background-color: #ddd;
+  //   border-radius: 4px;
+  // }
 }

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@lemon-fe/kits",
-  "version": "1.0.0-21",
+  "version": "1.0.0-211",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
-    "docs:deploy": "scp -r kits-docs-next dev@47.111.99.207:/opt/app/",
+    "docs:deploy": "scp -r kits-docs-next root@47.111.99.207:/opt/app/",
     "build": "father build",
     "deploy": "npm run docs:build && npm run docs:deploy",
     "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
@@ -19,6 +19,10 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
+  "sideEffects": [
+    "**/*.less",
+    "**/*.css"
+  ],
   "module": "es/index.js",
   "typings": "es/index.d.ts",
   "main": "es/index.js",
@@ -31,23 +35,28 @@
     ]
   },
   "dependencies": {
-    "@ag-grid-community/client-side-row-model": "^28.2.1",
-    "@ag-grid-community/core": "^28.2.1",
-    "@ag-grid-community/csv-export": "^28.2.1",
-    "@ag-grid-community/infinite-row-model": "^28.2.1",
-    "@ag-grid-community/react": "^28.2.1",
-    "@ag-grid-community/styles": "^28.2.1",
+    "@ag-grid-community/client-side-row-model": "29.2.0",
+    "@ag-grid-community/core": "29.2.0",
+    "@ag-grid-community/csv-export": "29.2.0",
+    "@ag-grid-community/infinite-row-model": "29.2.0",
+    "@ag-grid-community/react": "29.2.0",
+    "@ag-grid-community/styles": "29.2.0",
     "@ant-design/icons": "^4.7.0",
-    "@lemon-fe/hooks": "^0.1.86",
+    "@dnd-kit/core": "^6.0.8",
+    "@lemon-fe/hooks": "^0.1.150",
     "@lemon-fe/utils": "^0.1.117",
-    "antd": "4.23.6",
+    "antd": "4.24.8",
     "async-validator": "^4.2.5",
+    "bignumber.js": ">=9.0.0",
     "classnames": "^2.2.6",
     "color-string": "^1.9.1",
     "lodash": "^4.17.0",
+    "mathjs": "^11.10.1",
+    "memoize-one": "^6.0.0",
     "moment": "^2.29.4",
     "rc-resize-observer": "^1.0.0",
     "react-color": "^2.19.3",
+    "react-error-boundary": "^4.0.11",
     "react-gcolor-picker": "^1.2.4",
     "react-resizable": "^3.0.4",
     "react-router": "^5.0.0",
@@ -58,6 +67,12 @@
     "react": ">=16.8"
   },
   "devDependencies": {
+    "@ag-grid-enterprise/clipboard": "29.2.0",
+    "@ag-grid-enterprise/column-tool-panel": "29.2.0",
+    "@ag-grid-enterprise/master-detail": "29.2.0",
+    "@ag-grid-enterprise/menu": "29.2.0",
+    "@ag-grid-enterprise/row-grouping": "29.2.0",
+    "@ag-grid-enterprise/side-bar": "29.2.0",
     "@testing-library/jest-dom": "^5.15.1",
     "@testing-library/react": "^13.0.0",
     "@types/color-string": "^1.5.2",
@@ -66,17 +81,18 @@
     "@types/react": "^18.0.18",
     "@types/react-color": "^3.0.6",
     "@types/react-dom": "^18.0.6",
+    "@types/react-resizable": "^3.0.4",
     "@types/react-router": "^5.0.0",
     "@types/react-router-dom": "^5.0.0",
     "@types/shallowequal": "^1.1.1",
-    "@umijs/fabric": "^2.8.1",
+    "@umijs/fabric": "^2.14.1",
     "@umijs/test": "^3.0.5",
     "dumi": "^1.1.0",
     "father": "^4.0.7",
     "gh-pages": "^3.0.0",
     "husky": "^8.0.1",
     "lint-staged": "^10.0.7",
-    "prettier": "^2.2.1",
+    "prettier-plugin-sort-imports": "^1.7.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   }

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { Store } from './utils';
-declare const GridContext: import("react").Context<Store<any>>;
-export default GridContext;

package/es/components/DataGrid/GridContext.js

@@ -1,4 +0,0 @@
-import { createContext } from 'react';
-import { Store } from "./utils";
-var GridContext = /*#__PURE__*/createContext(new Store({}));
-export default GridContext;

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { ICellEditorReactComp } from '@ag-grid-community/react';
-import type { ICellEditorParams } from '@ag-grid-community/core';
-import type { EditableRender } from '../typings';
-export interface CustomEditorParams {
-    render: EditableRender<any>;
-}
-declare const _default: import("react").ForwardRefExoticComponent<ICellEditorParams<any, any> & CustomEditorParams & import("react").RefAttributes<ICellEditorReactComp>>;
-export default _default;

package/es/components/DataGrid/modules/client-side-row-model/clientSideRowModel/clientSideNodeManager.d.ts

@@ -1,35 +0,0 @@
-import { Beans, ColumnModel, EventService, GridOptionsWrapper, RowDataTransaction, RowNode, RowNodeTransaction, SelectionService } from "@ag-grid-community/core";
-export declare class ClientSideNodeManager {
-    private static TOP_LEVEL;
-    private readonly rootNode;
-    private gridOptionsWrapper;
-    private eventService;
-    private columnModel;
-    private selectionService;
-    private beans;
-    private nextId;
-    private static ROOT_NODE_ID;
-    private isRowMasterFunc?;
-    private suppressParentsInRowNodes;
-    private doingTreeData;
-    private doingMasterDetail;
-    private allNodesMap;
-    constructor(rootNode: RowNode, gridOptionsWrapper: GridOptionsWrapper, eventService: EventService, columnModel: ColumnModel, selectionService: SelectionService, beans: Beans);
-    postConstruct(): void;
-    getCopyOfNodesMap(): {
-        [id: string]: RowNode;
-    };
-    getRowNode(id: string): RowNode | undefined;
-    setRowData(rowData: any[]): RowNode[] | undefined;
-    updateRowData(rowDataTran: RowDataTransaction, rowNodeOrder: {
-        [id: string]: number;
-    } | null | undefined): RowNodeTransaction;
-    private updateSelection;
-    private executeAdd;
-    private executeRemove;
-    private executeUpdate;
-    private lookupRowNode;
-    private createNode;
-    private setMasterForRow;
-    private isExpanded;
-}