@lemon-fe/components 0.1.140 → 0.1.145

package/es/Layout/index.js

@@ -14,18 +14,48 @@ import React, { useState } from 'react';
 import classNames from 'classnames';
 import { Spin, Tabs } from 'antd';
 import { get } from 'lodash';
+import { Resizable } from 'react-resizable';
 import { PREFIX_CLS } from '../constants';
 import { mapChildren } from '../utils';
 var prefixCls = "".concat(PREFIX_CLS, "-layout");
 function Sider(props) {
+  var _classNames;
   var children = props.children,
     onCollapse = props.onCollapse;
-  var _useState = useState(false),
+  var _useState = useState(242),
     _useState2 = _slicedToArray(_useState, 2),
-    collapsed = _useState2[0],
-    setCollapsed = _useState2[1];
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefixCls, "-left"), _defineProperty({}, "".concat(prefixCls, "-left-collapsed"), collapsed))
+    width = _useState2[0],
+    setWidth = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    collapsed = _useState4[0],
+    setCollapsed = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    dragging = _useState6[0],
+    setDragging = _useState6[1];
+  var viewWidth = collapsed ? 0 : width;
+  return /*#__PURE__*/React.createElement(Resizable, {
+    axis: "x",
+    width: width,
+    height: 0,
+    onResizeStart: function onResizeStart() {
+      setDragging(true);
+    },
+    onResizeStop: function onResizeStop() {
+      setDragging(false);
+    },
+    onResize: function onResize(_, data) {
+      setWidth(data.size.width);
+    },
+    handle: /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-left-resizable")
+    })
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(prefixCls, "-left"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-left-collapsed"), collapsed), _defineProperty(_classNames, "".concat(prefixCls, "-left-resizing"), dragging), _classNames)),
+    style: {
+      width: viewWidth
+    }
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-left-body")
   }, /*#__PURE__*/React.createElement("div", {
@@ -78,7 +108,7 @@ function Sider(props) {
     strokeLinejoin: "round",
     strokeDasharray: "0,0",
     transform: "translate(2.828427, 2.121320) rotate(-45.000000) translate(-2.828427, -2.121320) "
-  }))))))));
+  })))))))));
 }
 function Content(props) {
   var left = props.left,

package/es/Layout/index.less

@@ -40,29 +40,33 @@
   &-left {
     position: relative;
 
+    &:not(&-resizing) {
+      transition: width 0.2s;
+    }
+
     &-body {
-      width: 242px;
       height: 100%;
       overflow-x: hidden;
-      transition: width 0.2s;
     }
 
     &-content {
       position: relative;
       display: flex;
       flex-direction: column;
-      width: 242px;
       height: 100%;
+    }
 
-      &::after {
-        position: absolute;
-        top: 0;
-        right: 0;
-        width: 1px;
-        height: 100%;
-        background-color: #e6e6e6;
-        content: '';
-      }
+    &-resizable {
+      position: absolute;
+      top: 0;
+      right: -8px;
+      box-sizing: border-box;
+      width: 17px;
+      height: 100%;
+      padding: 0 8px;
+      background-color: #e6e6e6;
+      background-clip: content-box;
+      cursor: col-resize;
     }
 
     &-collapse {

package/es/SelectView/index.d.ts

@@ -45,5 +45,10 @@ interface Props<RecordType, ParamsType extends Record<string, any>> {
     } & FilterProps<ParamsType>;
     rowSelection?: TableRowSelection<RecordType>;
 }
-export default function SelectView<RecordType extends Record<string | number, any>, ParamsType extends Record<string, any>>(props: Props<RecordType, ParamsType>): JSX.Element;
-export {};
+export interface SelectViewRef {
+    fetch: (page?: number) => void;
+}
+declare const _default: <RecordType extends Record<string | number, any>, ParamsType extends Record<string, any>>(props: Props<RecordType, ParamsType> & {
+    ref?: SelectViewRef | undefined;
+}) => JSX.Element;
+export default _default;

package/es/SelectView/index.js

@@ -11,13 +11,13 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { Tabs, Button } from 'antd';
 import { get } from 'lodash';
 import Filter from '../Filter';
 import Table from '../Table';
 import { PREFIX_CLS } from '../constants';
-export default function SelectView(props) {
+function SelectView(props, ref) {
   var value = props.value,
     onChange = props.onChange,
     columns = props.columns,
@@ -44,13 +44,23 @@ export default function SelectView(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     tabFlag = _useState6[0],
     setTabFlag = _useState6[1];
-  useEffect(function () {
+  var refreshList = function refreshList(page) {
     var _list$current;
-    (_list$current = list.current) === null || _list$current === void 0 ? void 0 : _list$current.fetch();
+    (_list$current = list.current) === null || _list$current === void 0 ? void 0 : _list$current.fetch(page);
+  };
+  useEffect(function () {
+    refreshList();
   }, [params]);
   useEffect(function () {
     setData(value || []);
   }, [value]);
+  useImperativeHandle(ref, function () {
+    return {
+      fetch: function fetch(page) {
+        return refreshList(page);
+      }
+    };
+  }, []);
   var getRowKey = function getRowKey(item) {
     if (typeof rowKey === 'function') {
       return rowKey(item);
@@ -211,4 +221,5 @@ export default function SelectView(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: prefixCls
   }, content);
-}
+}
+export default /*#__PURE__*/forwardRef(SelectView);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/components",
-  "version": "0.1.140",
+  "version": "0.1.145",
   "description": "> TODO: description",
   "author": "鲁盛杰 <lusj@cnlemon.net>",
   "homepage": "",
@@ -16,7 +16,7 @@
     "registry": "https://registry.npmjs.org"
   },
   "dependencies": {
-    "@lemon-fe/hooks": "^0.1.140",
+    "@lemon-fe/hooks": "^0.1.142",
     "classnames": "^2.2.6",
     "color-string": "^1.9.0",
     "lodash": "^4.17.0",
@@ -39,5 +39,5 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "gitHead": "99cc7a85d28b2380ee970ff1f616fe1f77b44259"
+  "gitHead": "aa14d0c951acdc5db1bd2246dfb4bf6200bf845d"
 }