@lemon-fe/kits 1.0.0-1 → 1.0.0-11

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

@@ -9,6 +9,7 @@ export default class DataGrid<TData> extends Component<DataGridProps<TData>, {
     page: number;
     pageSize: number;
     total: number;
+    loading: boolean;
 }> {
     api: GridApi<any>;
     private selected;
@@ -19,10 +20,10 @@ export default class DataGrid<TData> extends Component<DataGridProps<TData>, {
     private validator;
     private requestId;
     private isReady;
+    private readyQueue;
     private emptyRowData;
     static defaultProps: {
         autoLoad: boolean;
-        columnTypes: Record<string, ColDef<any>>;
         localeText: {
             copy: string;
             copyWithHeaders: string;
@@ -41,6 +42,9 @@ export default class DataGrid<TData> extends Component<DataGridProps<TData>, {
             expandAll: string;
             collapseAll: string;
         };
+        columnTypes: Record<string, ColDef<any>>;
+        defaultColDef: ColDef<any>;
+        loading: boolean;
     };
     static EmptyCol: ColumnType<any>;
     static Editors: {
@@ -58,6 +62,8 @@ export default class DataGrid<TData> extends Component<DataGridProps<TData>, {
     private syncRowData;
     private getColumDefs;
     private isClientMode;
+    private clearReadyQueue;
+    private afterReady;
     private updateRowData;
     private getDataFromServer;
     private sort;
@@ -73,5 +79,6 @@ export default class DataGrid<TData> extends Component<DataGridProps<TData>, {
     private cellEditingStop;
     fetch(page?: number): void;
     refresh(): void;
+    ready(): boolean;
     render(): JSX.Element;
 }

package/es/components/DataGrid/index.js

@@ -1,7 +1,7 @@
 var _excluded = ["validator"],
     _excluded2 = ["title", "key", "dataIndex", "align", "type", "fixed", "render", "ellipsis", "cellRenderer", "cellRendererParams", "className", "sorter", "editable"],
     _excluded3 = ["title", "children"],
-    _excluded4 = ["rowSelection", "rowKey", "fetch", "dataSource", "summary", "rowActions", "context", "onGridReady", "pagination", "defaultColDef"];
+    _excluded4 = ["rowSelection", "rowKey", "fetch", "dataSource", "summary", "rowActions", "context", "onGridReady", "pagination", "columnTypes", "defaultColDef"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -85,8 +85,7 @@ import empty from "./empty.png";
 ModuleRegistry.registerModules([ClientSideRowModelModule, RowGroupingModule, InfiniteRowModelModule, ClipboardModule, MenuModule, SideBarModule, ColumnsToolPanelModule, ServerSideRowModelModule], false);
 var defaultColDef = {
   resizable: true,
-  width: 160,
-  sortable: true,
+  width: 140,
   suppressMenu: true
 };
 
@@ -120,6 +119,8 @@ var DataGrid = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "isReady", false);
 
+    _defineProperty(_assertThisInitialized(_this), "readyQueue", []);
+
     _defineProperty(_assertThisInitialized(_this), "emptyRowData", []);
 
     _defineProperty(_assertThisInitialized(_this), "init", function (args) {
@@ -128,6 +129,9 @@ var DataGrid = /*#__PURE__*/function (_Component) {
       _this.api = api;
       _this.columnApi = columnApi;
       _this.isReady = true;
+
+      _this.clearReadyQueue();
+
       var _this$props = _this.props,
           onGridReady = _this$props.onGridReady,
           autoLoad = _this$props.autoLoad;
@@ -177,7 +181,8 @@ var DataGrid = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "getRowId", function (params) {
       var rowKey = _this.props.rowKey;
-      return typeof rowKey === 'function' ? rowKey(params.data) : get(params.data, rowKey);
+      var result = typeof rowKey === 'function' ? rowKey(params.data) : get(params.data, rowKey);
+      return String(result !== null && result !== void 0 ? result : '').toString();
     });
 
     _defineProperty(_assertThisInitialized(_this), "cellValueChanged", function (evt) {
@@ -195,7 +200,8 @@ var DataGrid = /*#__PURE__*/function (_Component) {
     });
 
     _this.state = _objectSpread({
-      colDefs: _this.getColumDefs()
+      colDefs: _this.getColumDefs(),
+      loading: props.loading
     }, _this.getPagination());
     _this.store = new Store({
       errors: new Map(),
@@ -221,7 +227,7 @@ var DataGrid = /*#__PURE__*/function (_Component) {
           pagination = _this$props2.pagination,
           fetch = _this$props2.fetch;
       var page = 1;
-      var pageSize = 20;
+      var pageSize = 50;
       var total = 0;
       var enable = false;
 
@@ -256,7 +262,8 @@ var DataGrid = /*#__PURE__*/function (_Component) {
           columns = _this$props3.columns,
           rowSelection = _this$props3.rowSelection,
           dataSource = _this$props3.dataSource,
-          context = _this$props3.context;
+          context = _this$props3.context,
+          loading = _this$props3.loading;
 
       if (columns !== prevProps.columns) {
         this.syncColRender();
@@ -275,6 +282,12 @@ var DataGrid = /*#__PURE__*/function (_Component) {
           context: context
         });
       }
+
+      if (loading !== prevProps.loading) {
+        this.setState({
+          loading: loading
+        });
+      }
     }
   }, {
     key: "syncColRender",
@@ -631,21 +644,43 @@ var DataGrid = /*#__PURE__*/function (_Component) {
     value: function isClientMode() {
       return this.props.dataSource !== undefined;
     }
+  }, {
+    key: "clearReadyQueue",
+    value: function clearReadyQueue() {
+      this.readyQueue.forEach(function (cb) {
+        cb();
+      });
+      this.readyQueue = [];
+    }
+  }, {
+    key: "afterReady",
+    value: function afterReady(cb) {
+      if (this.isReady) {
+        cb();
+      } else {
+        this.readyQueue.push(cb);
+      }
+    }
   }, {
     key: "updateRowData",
     value: function updateRowData() {
       var _this5 = this;
 
       var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      this.dataSource = data;
-      this.api.setRowData(data);
-      this.api.forEachNode(function (node) {
-        if (node.id && _this5.selected.has(node.id)) {
-          node.setSelected(true, false, true);
-        }
-      });
-      this.api.dispatchEvent({
-        type: 'selectionChanged'
+      this.afterReady(function () {
+        _this5.dataSource = data;
+
+        _this5.api.setRowData(data);
+
+        _this5.api.forEachNode(function (node) {
+          if (node.id && _this5.selected.has(node.id)) {
+            node.setSelected(true, false, true);
+          }
+        });
+
+        _this5.api.dispatchEvent({
+          type: 'selectionChanged'
+        });
       });
     }
   }, {
@@ -665,7 +700,9 @@ var DataGrid = /*#__PURE__*/function (_Component) {
             pageSize = _this$state.pageSize;
         var columnState = this.columnApi.getColumnState();
         var id = this.requestId;
-        this.api.showLoadingOverlay();
+        this.setState({
+          loading: true
+        });
         fetch({
           current: page,
           pageSize: pageSize,
@@ -678,7 +715,9 @@ var DataGrid = /*#__PURE__*/function (_Component) {
             };
           })
         }).then(function (res) {
-          _this6.api.hideOverlay();
+          _this6.setState({
+            loading: false
+          });
 
           if (id !== _this6.requestId) {
             return;
@@ -710,7 +749,9 @@ var DataGrid = /*#__PURE__*/function (_Component) {
           } // 重置滚动条
 
 
-          _this6.api.setRowData([]);
+          var bean = _this6.api.__getContext().getBean('ctrlsService');
+
+          bean.getGridBodyCtrl().getScrollFeature().scrollToTop();
 
           _this6.api.setPinnedBottomRowData(pinned);
 
@@ -720,7 +761,9 @@ var DataGrid = /*#__PURE__*/function (_Component) {
             onLoad(res.extra);
           }
         }).catch(function () {
-          _this6.api.hideOverlay();
+          _this6.setState({
+            loading: false
+          });
         });
       }
     }
@@ -921,6 +964,11 @@ var DataGrid = /*#__PURE__*/function (_Component) {
     value: function refresh() {
       this.getDataFromServer();
     }
+  }, {
+    key: "ready",
+    value: function ready() {
+      return this.isReady;
+    }
   }, {
     key: "render",
     value: function render() {
@@ -936,6 +984,7 @@ var DataGrid = /*#__PURE__*/function (_Component) {
           context = _this$props6.context,
           onGridReady = _this$props6.onGridReady,
           pagination = _this$props6.pagination,
+          columnTypesProp = _this$props6.columnTypes,
           defaultColDefProp = _this$props6.defaultColDef,
           restProps = _objectWithoutProperties(_this$props6, _excluded4);
 
@@ -944,7 +993,8 @@ var DataGrid = /*#__PURE__*/function (_Component) {
           enablePagination = _this$state2.pagination,
           page = _this$state2.page,
           pageSize = _this$state2.pageSize,
-          total = _this$state2.total;
+          total = _this$state2.total,
+          loading = _this$state2.loading;
       var mPage = _typeof(pagination) === 'object' ? pagination : {};
       return /*#__PURE__*/React.createElement(GridContext.Provider, {
         value: this.store
@@ -956,6 +1006,7 @@ var DataGrid = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/React.createElement(AgGridReact, _extends({
         singleClickEdit: true,
         suppressPaginationPanel: true,
+        suppressCopyRowsToClipboard: true,
         onCellValueChanged: this.cellValueChanged,
         onCellEditingStopped: this.cellEditingStop,
         loadingOverlayComponent: this.LoadingOverlay,
@@ -974,6 +1025,7 @@ var DataGrid = /*#__PURE__*/function (_Component) {
         context: context,
         rowSelection: rowSelection !== undefined ? rowSelection.type !== 'radio' ? 'multiple' : 'single' : undefined,
         defaultColDef: _objectSpread(_objectSpread({}, defaultColDef), defaultColDefProp),
+        columnTypes: _objectSpread(_objectSpread({}, columnTypes), columnTypesProp),
         pinnedBottomRowData: Array.isArray(summary) ? summary : summary ? [summary] : undefined
       })), /*#__PURE__*/React.createElement("div", {
         className: prefix('bottom')
@@ -999,7 +1051,9 @@ var DataGrid = /*#__PURE__*/function (_Component) {
             mPage.onChange(page, pageSize);
           }
         }
-      })))));
+      }))), loading && /*#__PURE__*/React.createElement(Spin, {
+        className: prefix('spin')
+      })));
     }
   }]);
 
@@ -1008,7 +1062,6 @@ var DataGrid = /*#__PURE__*/function (_Component) {
 
 _defineProperty(DataGrid, "defaultProps", {
   autoLoad: false,
-  columnTypes: columnTypes,
   localeText: {
     copy: '复制',
     copyWithHeaders: '复制(带表头)',
@@ -1026,7 +1079,10 @@ _defineProperty(DataGrid, "defaultProps", {
     noPin: '不固定',
     expandAll: '展开所有',
     collapseAll: '折叠所有'
-  }
+  },
+  columnTypes: {},
+  defaultColDef: {},
+  loading: false
 });
 
 _defineProperty(DataGrid, "EmptyCol", {

package/es/components/DataGrid/index.less

@@ -151,7 +151,7 @@
 
     .ag-cell-inline-editing & {
       padding: 0;
-      box-shadow: 0 0 0 2px var(--ant-primary-5) inset;
+      box-shadow: 0 0 0 2px ~'var(--@{ant-prefix}-primary-5)' inset;
     }
 
     &-text {
@@ -181,7 +181,7 @@
     left: -6px;
     z-index: 10;
     border: 6px solid transparent;
-    border-top-color: var(--ant-error-color-active);
+    border-top-color: ~'var(--@{ant-prefix}-error-color-active)';
     transform: rotate(135deg);
   }
 
@@ -196,6 +196,18 @@
       vertical-align: top;
     }
   }
+
+  &-spin {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: rgba(255, 255, 255, 0.6);
+  }
 }
 
 .ag-theme-@{prefixCls} {
@@ -217,13 +229,13 @@
   --ag-header-column-resize-handle-color: #bbb;
   --ag-cell-horizontal-padding: 8px;
   --ag-icon-font-family: agGridAlpine;
-  --ag-selected-row-background-color: var(--ant-primary-1);
+  --ag-selected-row-background-color: ~'var(--@{ant-prefix}-primary-1)';
   --ag-selected-tab-underline-width: 2px;
-  --ag-range-selection-border-color: var(--ant-primary-5);
-  --ag-range-selection-highlight-color: var(--ant-primary-1);
+  --ag-range-selection-border-color: ~'var(--@{ant-prefix}-primary-5)';
+  --ag-range-selection-highlight-color: ~'var(--@{ant-prefix}-primary-1)';
   --ag-checkbox-unchecked-color: #ccc;
   --ag-checkbox-background-color: var(--ag-background-color);
-  --ag-checkbox-checked-color: var(--ant-primary-color);
+  --ag-checkbox-checked-color: ~'var(--@{ant-prefix}-primary-color)';
   --ag-input-border-color: transparent;
   --ag-input-focus-border-color: transparent;
 
@@ -263,7 +275,7 @@
       bottom: 0;
       left: 0;
       display: block;
-      border: 2px solid var(--ant-primary-5);
+      border: 2px solid ~'var(--@{ant-prefix}-primary-5)';
       border-radius: 4px;
       content: '';
       pointer-events: none;
@@ -291,7 +303,7 @@
   }
 
   .ag-tab-selected {
-    color: var(--ant-primary-color);
+    color: ~'var(--@{ant-prefix}-primary-color)';
   }
 
   .ag-tabs-header {

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

@@ -2,6 +2,7 @@ import type { AgGridReactProps } from '@ag-grid-community/react';
 import type { ColDef, ColGroupDef, ICellRendererParams, IHeaderParams } from '@ag-grid-community/core';
 import type { RuleItem } from 'async-validator/dist-types/interface';
 import type { ReactElement, ReactNode, RefObject } from 'react';
+export type { ColDef, ColGroupDef, ColumnState } from '@ag-grid-community/core';
 export declare type GetRowKey<T> = string | ((data: T) => string);
 export declare type PathType = string | (string | number)[];
 export declare type ValidateRule<T> = Pick<RuleItem, 'required' | 'message' | 'pattern' | 'min' | 'max' | 'len' | 'type'> & {
@@ -135,4 +136,8 @@ export interface DataGridProps<TData> extends Omit<AgGridReactProps<TData>, 'row
      * @description 行操作按钮组
      */
     rowActions?: RowActionsType<TData>;
+    /**
+     * @description 加载动画
+     */
+    loading: boolean;
 }

package/es/components/DataGrid/utils.js

@@ -24,6 +24,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import { Subject } from '@lemon-fe/utils';
 import { get as _get, set as _set } from 'lodash';
+import moment from 'moment';
 import { prefixClassName } from "../utils";
 export var prefix = prefixClassName('grid');
 export function isColumnType(col) {
@@ -215,14 +216,23 @@ export var columnTypes = {
     width: 150
   },
   date: {
-    width: 90
+    width: 120,
+    valueFormatter: function valueFormatter(_ref) {
+      var value = _ref.value;
+
+      if (typeof value === 'string') {
+        return moment(value).format('YYYY-MM-DD');
+      }
+
+      return value;
+    }
   },
   currency: {
     headerClass: 'ag-right-aligned-header',
     cellClass: 'ag-right-aligned-cell',
     width: 120,
-    valueFormatter: function valueFormatter(_ref) {
-      var value = _ref.value;
+    valueFormatter: function valueFormatter(_ref2) {
+      var value = _ref2.value;
 
       if (typeof value === 'number') {
         return value.toLocaleString('en-US', {
@@ -234,7 +244,7 @@ export var columnTypes = {
       return value;
     }
   },
-  numeric: {
+  number: {
     headerClass: 'ag-right-aligned-header',
     cellClass: 'ag-right-aligned-cell',
     width: 120

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

@@ -28,6 +28,7 @@ declare namespace Layout {
         children?: React.ReactNode;
         left?: React.ReactNode;
         tab?: string | undefined;
+        forceRender?: boolean | undefined;
     } & Pick<Props, "onCollapse">) => JSX.Element;
 }
 export default Layout;

package/es/components/Layout/index.js

@@ -156,7 +156,8 @@ function LayoutTabs(props) {
     var tab = tabs[index];
     return /*#__PURE__*/React.createElement(Tabs.TabPane, {
       tab: (_get = get(node, ['props', 'tab'])) !== null && _get !== void 0 ? _get : tab.title,
-      key: (_get2 = get(node, 'key')) !== null && _get2 !== void 0 ? _get2 : getKey(tab)
+      key: (_get2 = get(node, 'key')) !== null && _get2 !== void 0 ? _get2 : getKey(tab),
+      forceRender: get(node, ['props', 'forceRender'])
     }, node);
   });
   return /*#__PURE__*/React.createElement(Layout, _extends({

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

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 import type { ModalProps } from 'antd/lib/modal';
-export interface PopupProps<ValueType> extends ModalProps {
+export interface PopupProps<ValueType> extends Omit<ModalProps, 'children'> {
     value?: ValueType;
     onChange?: (value?: ValueType) => void;
     /**
@@ -12,7 +12,9 @@ export interface PopupProps<ValueType> extends ModalProps {
     }) => ReactElement | null;
     formatLabel?: (value: ValueType) => string;
     beforeOk?: (value: ValueType) => ValueType | PromiseLike<ValueType>;
-    /** 确认事件之前校验 */
+    /**
+     * @description 确认事件之前校验
+     */
     beforeOkCheck?: (value?: ValueType) => boolean | PromiseLike<boolean>;
     children?: JSX.Element | ((props: {
         value?: ValueType;
@@ -30,9 +32,10 @@ export interface PopupProps<ValueType> extends ModalProps {
      */
     emptyValue?: ValueType;
 }
-interface ValuedPopupProps<ValueType> extends Omit<PopupProps<ValueType>, 'onChange' | 'emptyValue'> {
+interface ValuedPopupProps<ValueType> extends Omit<PopupProps<ValueType>, 'onChange' | 'emptyValue' | 'beforeOkCheck'> {
     onChange?: (value: ValueType) => void;
     emptyValue: ValueType;
+    beforeOkCheck?: (value: ValueType) => boolean | PromiseLike<boolean>;
 }
 declare function Popup<ValueType>(props: ValuedPopupProps<ValueType>): JSX.Element;
 declare function Popup<ValueType>(props: PopupProps<ValueType>): JSX.Element;

package/es/components/Popup/index.js

@@ -169,7 +169,7 @@ function Popup(props) {
     }
   };
 
-  var label = valueProp ? formatLabel ? formatLabel(valueProp) : valueProp : undefined;
+  var label = valueProp ? formatLabel ? formatLabel(valueProp) : valueProp : null;
   var trigger;
 
   if (typeof children === 'function') {

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

@@ -32,6 +32,7 @@ interface Props extends Pick<TabsProps, 'activeKey' | 'onTabClick'> {
     tabs?: {
         title?: string;
         key: string;
+        forceRender?: boolean;
     }[];
     /**
      * @description body元素的样式

package/es/components/Section/index.js

@@ -66,12 +66,14 @@ export default function Section(props) {
   }, mapChildren(children, function (child, index) {
     var _tabs$index = tabs[index],
         tab = _tabs$index.title,
-        key = _tabs$index.key;
+        key = _tabs$index.key,
+        forceRender = _tabs$index.forceRender;
     return /*#__PURE__*/React.createElement(Tabs.TabPane, {
       tab: tab,
       key: key,
       className: "".concat(prefixCls, "-body"),
-      style: bodyStyle
+      style: bodyStyle,
+      forceRender: true
     }, child);
   })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TabBar, {
     activeKey: activeKey,

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

@@ -31,6 +31,10 @@ interface Props<RecordType, ParamsType extends Record<string, any>> {
      * @description 数据源
      */
     dataSource?: RecordType[];
+    /**
+     * @description 用来对本地数据进行筛选
+     */
+    rowFilter?: (row: RecordType, params: ParamsType) => boolean;
     rowKey: string | ((item: RecordType) => string);
     /**
      * @description 筛选器设置

package/es/components/SelectView/index.js

@@ -33,6 +33,7 @@ import Filter from "../Filter";
 import DataGrid from "../DataGrid";
 import { PREFIX_CLS } from "../../constants";
 import { DeleteTwoTone } from '@ant-design/icons';
+var defaultRows = [];
 export default function SelectView(props) {
   var emptyValue = useMemo(function () {
     return [];
@@ -47,7 +48,8 @@ export default function SelectView(props) {
       multiple = _props$multiple === void 0 ? true : _props$multiple,
       rowKey = props.rowKey,
       filter = props.filter,
-      dataSource = props.dataSource;
+      dataSource = props.dataSource,
+      rowFilter = props.rowFilter;
   var prefixCls = "".concat(PREFIX_CLS, "-select-view");
 
   var _useState = useState(value || emptyValue),
@@ -67,21 +69,41 @@ export default function SelectView(props) {
       tabFlag = _useState6[0],
       setTabFlag = _useState6[1];
 
-  useEffect(function () {
-    var _list$current;
+  var _useState7 = useState(dataSource),
+      _useState8 = _slicedToArray(_useState7, 2),
+      rows = _useState8[0],
+      setRows = _useState8[1];
 
-    (_list$current = list.current) === null || _list$current === void 0 ? void 0 : _list$current.fetch();
+  useEffect(function () {
+    setRows(dataSource);
+  }, [dataSource]);
+  useEffect(function () {
+    if (list.current !== null) {
+      if (dataSource !== undefined && rowFilter !== undefined) {
+        setRows(dataSource.filter(function (row) {
+          return rowFilter(row, params);
+        }));
+
+        if (list.current.ready()) {
+          list.current.api.paginationGoToFirstPage();
+        }
+      } else if (request !== undefined) {
+        list.current.fetch();
+      }
+    }
   }, [params]);
   useEffect(function () {
     setData(value || emptyValue);
   }, [value]);
 
   var getRowKey = function getRowKey(item) {
+    var _get;
+
     if (typeof rowKey === 'function') {
       return rowKey(item);
     }
 
-    return get(item, rowKey);
+    return String((_get = get(item, rowKey)) !== null && _get !== void 0 ? _get : '').toString();
   };
 
   var request = fetch ? function (_ref) {
@@ -172,7 +194,7 @@ export default function SelectView(props) {
         return handleChangeData(keys, rows);
       }
     },
-    dataSource: dataSource,
+    dataSource: rows,
     columns: columns,
     fetch: request,
     pagination: true

package/es/index.d.ts

@@ -1,4 +1,7 @@
 export * from 'antd';
+export * from '@lemon-fe/hooks';
+export * from '@lemon-fe/utils';
+export { default as zhCN } from 'antd/es/locale/zh_CN';
 export * from './constants';
 export { default as init } from './init';
 export { default as BaseTable } from './components/BaseTable';

package/es/index.js

@@ -1,4 +1,7 @@
 export * from 'antd';
+export * from '@lemon-fe/hooks';
+export * from '@lemon-fe/utils';
+export { default as zhCN } from 'antd/es/locale/zh_CN';
 export * from "./constants";
 export { default as init } from "./init";
 export { default as BaseTable } from "./components/BaseTable";

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@lemon-fe/kits",
-  "version": "1.0.0-1",
+  "version": "1.0.0-11",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
-    "docs:deploy": "scp -r kits-docs dev@47.111.99.207:/opt/app/",
+    "docs:deploy": "scp -r kits-docs-next dev@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}\"",
     "test": "umi-test",
     "test:coverage": "umi-test --coverage",
     "prepublishOnly": "npm run build",
-    "prepare": "husky install"
+    "prerelease": "npm version prerelease --no-git-tag-version && npm publish --tag next"
   },
   "files": [
     "es"
@@ -22,9 +22,6 @@
   "module": "es/index.js",
   "typings": "es/index.d.ts",
   "main": "es/index.js",
-  "gitHooks": {
-    "pre-commit": "lint-staged"
-  },
   "lint-staged": {
     "*.{js,jsx,less,md,json}": [
       "prettier --write"
@@ -54,12 +51,12 @@
     "react-color": "^2.19.3",
     "react-gcolor-picker": "^1.2.4",
     "react-resizable": "^3.0.4",
+    "react-router": "^5.0.0",
+    "react-router-dom": "^5.0.0",
     "shallowequal": "^1.1.0"
   },
   "peerDependencies": {
-    "react": ">=16.8",
-    "react-router": "5.x",
-    "react-router-dom": "5.x"
+    "react": ">=16.8"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.15.1",
@@ -82,8 +79,6 @@
     "lint-staged": "^10.0.7",
     "prettier": "^2.2.1",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router": "^5.0.0",
-    "react-router-dom": "^5.0.0"
+    "react-dom": "^18.2.0"
   }
 }