@lemon-fe/components 0.1.105 → 0.1.118

package/es/Dropdown/index.d.ts

@@ -9,6 +9,7 @@ interface Props {
     overlayClassName?: string;
     placement?: PopoverProps['placement'];
     children?: ReactElement | null;
+    trigger?: PopoverProps['trigger'];
 }
 export default function Dropdown(props: Props): JSX.Element;
 export {};

package/es/Dropdown/index.js

@@ -21,7 +21,9 @@ export default function Dropdown(props) {
       overlayClassName = props.overlayClassName,
       _props$placement = props.placement,
       placement = _props$placement === void 0 ? 'bottomRight' : _props$placement,
-      children = props.children;
+      children = props.children,
+      _props$trigger = props.trigger,
+      trigger = _props$trigger === void 0 ? 'click' : _props$trigger;
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -30,7 +32,7 @@ export default function Dropdown(props) {
 
   var prefixCls = "".concat(PREFIX_CLS, "-dropdown");
   return /*#__PURE__*/React.createElement(Popover, {
-    trigger: "click",
+    trigger: trigger,
     placement: placement,
     visible: visible,
     onVisibleChange: setVisible,

package/es/MainFramework/index.d.ts

@@ -1,4 +1,4 @@
-import type { ReactElement, ReactNode } from 'react';
+import type { ReactElement, ReactNode, CSSProperties } from 'react';
 import type { MenuFavorites, MenuItem } from './typings';
 interface Props<T> {
     title: string | ReactNode;
@@ -17,6 +17,8 @@ interface Props<T> {
     onFavoritesChange?: (value: MenuFavorites) => void;
     right?: ReactNode;
     children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
 }
 export default function MainFramework<TabType extends {
     title: string;

package/es/MainFramework/index.js

@@ -1,10 +1,12 @@
 import React from 'react';
+import classNames from 'classnames';
 import TabBar from './components/TabBar';
 import Menu from './components/Menu';
 import { PREFIX_CLS as prefixCls } from '../constants';
 import RefreshButton from './components/RefreshButton';
 export default function MainFramework(props) {
-  var tabs = props.tabs,
+  var className = props.className,
+      tabs = props.tabs,
       active = props.active,
       children = props.children,
       right = props.right,
@@ -20,9 +22,11 @@ export default function MainFramework(props) {
       title = props.title,
       favorites = props.favorites,
       onFavoritesChange = props.onFavoritesChange,
-      renderMenu = props.renderMenu;
+      renderMenu = props.renderMenu,
+      style = props.style;
   return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-main")
+    className: classNames("".concat(prefixCls, "-main"), className),
+    style: style
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-nav")
   }, /*#__PURE__*/React.createElement("div", {

package/es/Popup/index.d.ts

@@ -12,6 +12,8 @@ export interface PopupProps<ValueType> extends ModalProps {
     }) => ReactElement | null;
     formatLabel?: (value: ValueType) => string;
     beforeOk?: (value: ValueType) => ValueType | PromiseLike<ValueType>;
+    /** 确认事件之前校验 */
+    beforeOkCheck?: (value?: ValueType) => boolean | PromiseLike<boolean>;
     children?: JSX.Element | ((props: {
         value?: ValueType;
     }) => JSX.Element);

package/es/Popup/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["value", "onChange", "component", "children", "formatLabel", "disabled", "allowClear", "autoFocus", "showLabel", "beforeOk", "placeholder", "onClick", "disabledTip", "bordered", "emptyValue"];
+var _excluded = ["value", "onChange", "component", "children", "formatLabel", "disabled", "allowClear", "autoFocus", "showLabel", "beforeOk", "beforeOkCheck", "placeholder", "onClick", "disabledTip", "bordered", "emptyValue"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -46,6 +46,7 @@ function Popup(props) {
       _props$showLabel = props.showLabel,
       showLabel = _props$showLabel === void 0 ? true : _props$showLabel,
       beforeOk = props.beforeOk,
+      beforeOkCheck = props.beforeOkCheck,
       placeholder = props.placeholder,
       onClick = props.onClick,
       disabledTip = props.disabledTip,
@@ -94,41 +95,60 @@ function Popup(props) {
 
   var handleOk = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var res;
+      var checkResult, res;
       return regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
+              if (!beforeOkCheck) {
+                _context.next = 6;
+                break;
+              }
+
+              _context.next = 3;
+              return beforeOkCheck(value);
+
+            case 3:
+              checkResult = _context.sent;
+
+              if (checkResult) {
+                _context.next = 6;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 6:
               setVisible(false);
 
               if (!onChange) {
-                _context.next = 10;
+                _context.next = 16;
                 break;
               }
 
               if (!(beforeOk && value)) {
-                _context.next = 9;
+                _context.next = 15;
                 break;
               }
 
-              _context.next = 5;
+              _context.next = 11;
               return beforeOk(value);
 
-            case 5:
+            case 11:
               res = _context.sent;
               onChange(res);
-              _context.next = 10;
+              _context.next = 16;
               break;
 
-            case 9:
+            case 15:
               onChange(value);
 
-            case 10:
+            case 16:
               if (inputRef.current) {
                 inputRef.current.focus();
               }
 
-            case 11:
+            case 17:
             case "end":
               return _context.stop();
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/components",
-  "version": "0.1.105",
+  "version": "0.1.118",
   "description": "> TODO: description",
   "author": "鲁盛杰 <lusj@cnlemon.net>",
   "homepage": "",
@@ -39,5 +39,5 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "gitHead": "49ce3a390517176634e26ae6a3f6942d0206840f"
+  "gitHead": "0d7a7267f4030ed13f74d6cb651ab4e2bfc5bbf5"
 }