@lemon-fe/kits 1.0.0-163 → 1.0.0-164

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

@@ -0,0 +1,14 @@
+import { type DropDownProps } from 'antd';
+import type { ReactElement } from 'react';
+declare type TriggerType = 'click' | 'hover' | 'contextMenu';
+interface Props extends Omit<DropDownProps, 'trigger'> {
+    actions?: ({
+        text: string | ReactElement;
+        key?: string;
+        onClick?: () => void;
+        disabled?: boolean;
+    } | null)[];
+    trigger?: TriggerType | TriggerType[];
+}
+export default function DropdownWrapper(props: Props): JSX.Element;
+export {};

package/es/components/Dropdown/index.js

@@ -0,0 +1,48 @@
+var _excluded = ["actions", "trigger", "overlayClassName"];
+
+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); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { Dropdown } from 'antd';
+import classNames from 'classnames';
+import React, { useMemo } from 'react';
+import { prefixClassName } from "../utils";
+export default function DropdownWrapper(props) {
+  var _props$actions = props.actions,
+      actions = _props$actions === void 0 ? [] : _props$actions,
+      trigger = props.trigger,
+      overlayClassName = props.overlayClassName,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var prefixCls = prefixClassName('dropdown');
+  var defaultTrigger = actions.length > 0 ? ['click'] : undefined;
+  var defaultOverlayStyle = actions.length > 0 ? {
+    minWidth: 120
+  } : undefined;
+  var mTrigger = typeof trigger === 'string' ? [trigger] : trigger || defaultTrigger;
+  var items = useMemo(function () {
+    return actions.map(function (item, idx) {
+      if (item === null) {
+        return null;
+      }
+
+      return {
+        label: item.text,
+        key: item.key || idx.toString(),
+        onClick: item.onClick,
+        disabled: item.disabled
+      };
+    }).filter(Boolean);
+  }, [actions]);
+  return /*#__PURE__*/React.createElement(Dropdown, _extends({
+    menu: {
+      items: items
+    },
+    trigger: mTrigger,
+    overlayStyle: defaultOverlayStyle,
+    overlayClassName: classNames(prefixCls(), overlayClassName)
+  }, restProps));
+}

package/es/components/Dropdown/index.less

@@ -0,0 +1,5 @@
+.@{prefixCls}-dropdown {
+  .@{ant-prefix}-dropdown-menu {
+    border-radius: 6px;
+  }
+}

package/es/index.d.ts

@@ -29,7 +29,7 @@ export { default as Icons } from './components/Icons';
 export { default as FormLayout } from './components/FormLayout';
 export { default as TabBar } from './components/TabBar';
 export { default as SymbolIcon } from './components/SymbolIcon';
-export { default as DropActions } from './components/DropActions';
+export { default as Dropdown } from './components/Dropdown';
 export { default as SelectView } from './components/SelectView';
 export { default as DataGrid } from './components/DataGrid';
 export * from './components/DataGrid/typings';

package/es/index.js

@@ -22,7 +22,7 @@ export { default as Icons } from "./components/Icons";
 export { default as FormLayout } from "./components/FormLayout";
 export { default as TabBar } from "./components/TabBar";
 export { default as SymbolIcon } from "./components/SymbolIcon";
-export { default as DropActions } from "./components/DropActions";
+export { default as Dropdown } from "./components/Dropdown";
 export { default as SelectView } from "./components/SelectView";
 export { default as DataGrid } from "./components/DataGrid";
 export * from "./components/DataGrid/typings";

package/package.json

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

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

@@ -1,15 +0,0 @@
-import type { PopoverProps } from 'antd';
-import type { ReactElement } from 'react';
-interface Props {
-    actions: ({
-        text: string | ReactElement;
-        onClick: () => void;
-        disabled?: boolean;
-    } | null)[];
-    overlayClassName?: string;
-    placement?: PopoverProps['placement'];
-    children?: ReactElement | null;
-    trigger?: PopoverProps['trigger'];
-}
-export default function Dropover(props: Props): JSX.Element;
-export {};

package/es/components/DropActions/index.js

@@ -1,55 +0,0 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-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 { Popover } from 'antd';
-import classNames from 'classnames';
-import React, { useState } from 'react';
-import { PREFIX_CLS } from "../../constants";
-export default function Dropover(props) {
-  var actions = props.actions,
-      overlayClassName = props.overlayClassName,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'bottomRight' : _props$placement,
-      children = props.children,
-      _props$trigger = props.trigger,
-      trigger = _props$trigger === void 0 ? 'click' : _props$trigger;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
-  var prefixCls = "".concat(PREFIX_CLS, "-dropdown");
-  return /*#__PURE__*/React.createElement(Popover, {
-    trigger: trigger,
-    placement: placement,
-    open: visible,
-    onOpenChange: setVisible,
-    overlayClassName: classNames(prefixCls, overlayClassName),
-    content: actions.map(function (item, index) {
-      return item !== null && /*#__PURE__*/React.createElement("div", {
-        className: classNames("".concat(prefixCls, "-item"), _defineProperty({}, "".concat(prefixCls, "-item-disabled"), item.disabled)),
-        key: index,
-        onClick: function onClick() {
-          if (item.disabled) {
-            return;
-          }
-
-          setVisible(false);
-          item.onClick();
-        }
-      }, item.text);
-    })
-  }, children);
-}

package/es/components/DropActions/index.less

@@ -1,13 +0,0 @@
-.@{prefixCls}-dropdown {
-  .popover();
-
-  &-item {
-    .popoverItem();
-
-    &-disabled {
-      color: rgba(0, 0, 0, 0.25);
-      background-color: #fff !important;
-      cursor: not-allowed;
-    }
-  }
-}