@yuntijs/ui 1.0.0-beta.74 → 1.0.0-beta.76

package/es/ButtonGroup/index.d.ts

@@ -0,0 +1,24 @@
+import type { ButtonProps } from 'antd';
+import type { SizeType } from 'antd/es/config-provider/SizeContext';
+import type { ItemType } from 'antd/es/menu/interface';
+import React from 'react';
+export type ButtonType = {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+    danger?: boolean;
+    ghost?: boolean;
+    block?: boolean;
+    disabled?: boolean;
+    loading?: boolean | {
+        delay?: number;
+    };
+    type?: ButtonProps['type'];
+};
+export type ButtonGroupItem = ButtonType | ItemType;
+export interface ButtonGroupProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onClick'> {
+    onClick?: (key: string, e: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>) => void;
+    items?: ButtonGroupItem[];
+    size?: SizeType;
+}
+export declare const ButtonGroup: React.FC<ButtonGroupProps>;

package/es/{Page/Header/ButtonGroup.js → ButtonGroup/index.js}

@@ -1,7 +1,7 @@
 import _toArray from "@babel/runtime/helpers/esm/toArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["items", "onClick"],
+var _excluded = ["items", "onClick", "size"],
   _excluded2 = ["key", "label"],
   _excluded3 = ["key", "label"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -9,11 +9,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { Button, Dropdown, Space } from 'antd';
 import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var HeaderButtonGroup = function HeaderButtonGroup(props) {
+export var ButtonGroup = function ButtonGroup(props) {
   var _props$items = props.items,
     items = _props$items === void 0 ? [] : _props$items,
     _props$onClick = props.onClick,
     _onClick = _props$onClick === void 0 ? function () {} : _props$onClick,
+    size = props.size,
     otherProps = _objectWithoutProperties(props, _excluded);
   if (items.length <= 2) {
     return /*#__PURE__*/_jsx(Space, _objectSpread(_objectSpread({
@@ -27,7 +28,8 @@ export var HeaderButtonGroup = function HeaderButtonGroup(props) {
         return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
           onClick: function onClick(e) {
             return _onClick(key, e);
-          }
+          },
+          size: size
         }, btnProps), {}, {
           children: label
         }), key);
@@ -35,40 +37,29 @@ export var HeaderButtonGroup = function HeaderButtonGroup(props) {
     }));
   }
   var _items = _toArray(items),
-    _items$ = _items[0],
-    firstKey = _items$.key,
-    firstLabel = _items$.label,
-    btnProps = _objectWithoutProperties(_items$, _excluded3),
+    firstButton = _items[0],
     menuItems = _items.slice(1);
+  var _ref2 = firstButton,
+    firstKey = _ref2.key,
+    firstLabel = _ref2.label,
+    btnProps = _objectWithoutProperties(_ref2, _excluded3);
   return /*#__PURE__*/_jsx(Dropdown.Button, _objectSpread(_objectSpread(_objectSpread({
     onClick: function onClick(e) {
       return _onClick(firstKey, e);
     }
   }, btnProps), {}, {
     menu: {
-      onClick: function onClick(_ref2) {
-        var key = _ref2.key,
-          domEvent = _ref2.domEvent;
+      onClick: function onClick(_ref3) {
+        var key = _ref3.key,
+          domEvent = _ref3.domEvent;
         return _onClick(key, domEvent);
       },
-      items: menuItems.map(function (_ref3) {
-        var key = _ref3.key,
-          label = _ref3.label,
-          icon = _ref3.icon,
-          danger = _ref3.danger,
-          disabled = _ref3.disabled;
-        return {
-          key: key,
-          label: label,
-          icon: icon,
-          danger: danger,
-          disabled: disabled
-        };
-      })
+      items: menuItems
     },
     overlayStyle: {
       minWidth: 100
-    }
+    },
+    size: size
   }, otherProps), {}, {
     children: firstLabel
   }), firstKey);

package/es/Page/Header/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
+import { type ButtonGroupProps } from "../../ButtonGroup";
 import { StatusProps } from "../../Status";
-import { type HeaderButtonGroupProps } from './ButtonGroup';
 import { HeaderIconProps } from './Icon';
 export interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
     /** 是否有边框，默认没有 */
@@ -26,7 +26,7 @@ export interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     /** 描述列表自定义渲染 */
     descriptionsRender?: (descriptionsElement: React.ReactNode) => React.ReactNode;
     /** 右侧扩展区域 */
-    extraContent?: HeaderButtonGroupProps;
+    extraContent?: ButtonGroupProps;
     /** 右侧扩展区域自定义渲染 */
     extraContentRender?: (buttonsElement: React.ReactNode) => React.ReactNode;
     /** 控制 header 与 content 的分割线，当 bordered 为 true 时，divider 自动设置为 false */

package/es/Page/Header/index.js

@@ -9,11 +9,11 @@ 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; }
 import { Flex, Skeleton, Tooltip } from 'antd';
 import React, { useContext, useMemo } from 'react';
+import { ButtonGroup } from "../../ButtonGroup";
 import Divider from "../../Divider";
 import { Status } from "../../Status";
 import Typography from "../../Typography";
 import { PageContext } from "../PageContext";
-import { HeaderButtonGroup } from "./ButtonGroup";
 import { HeaderIcon, getIconSize } from "./Icon";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -108,7 +108,7 @@ export var PageHeader = function PageHeader(props) {
     if (!extraContent && !extraContentRender) {
       return null;
     }
-    var buttons = /*#__PURE__*/_jsx(HeaderButtonGroup, _objectSpread({
+    var buttons = /*#__PURE__*/_jsx(ButtonGroup, _objectSpread({
       className: styles.rightButtons
     }, extraContent));
     if (extraContentRender) {

package/es/Page/index.d.ts

@@ -6,9 +6,7 @@ import { PageHeader } from './Header';
 import { PageTitle } from './Title';
 export type { PageBreadcrumbProps } from './Breadcrumb';
 export type { PageContentProps } from './Content';
-export { HeaderButtonGroup } from './Header/ButtonGroup';
 export type { PageHeaderProps } from './Header';
-export type { HeaderButtonGroupProps } from './Header/ButtonGroup';
 export type { PageProps } from './Page';
 export type { PageTitleProps } from './Title';
 export declare const Page: import("react").FC<import("./Page").PageProps> & {

package/es/Page/index.js

@@ -4,7 +4,7 @@ import { PageFooter } from "./Footer";
 import { PageHeader } from "./Header";
 import { Page as InternalPage } from "./Page";
 import { PageTitle } from "./Title";
-export { HeaderButtonGroup } from "./Header/ButtonGroup";
+
 // export type { } from './Footer';
 
 export var Page = InternalPage;

package/es/SelectCard/style.d.ts

@@ -3,7 +3,7 @@ export declare const getNumberBySize: (size: SelectCardProps['size']) => {
     cardWidth: number;
     imgHeight: number;
 };
-export declare const useStyles: (props?: Pick<SelectCardProps, "size" | "disabled"> | undefined) => import("antd-style").ReturnStyles<{
+export declare const useStyles: (props?: Pick<SelectCardProps, "disabled" | "size"> | undefined) => import("antd-style").ReturnStyles<{
     option: import("antd-style").SerializedStyles;
     optionSelected: import("antd-style").SerializedStyles;
     check: import("antd-style").SerializedStyles;

package/es/index.d.ts

@@ -1,3 +1,4 @@
+export * from './ButtonGroup';
 export * from './CollapseGroup';
 export * from './ConfigProvider';
 export * from './DragPanel';

package/es/index.js

@@ -1,3 +1,4 @@
+export * from "./ButtonGroup";
 export * from "./CollapseGroup";
 export * from "./ConfigProvider";
 export * from "./DragPanel";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuntijs/ui",
-  "version": "1.0.0-beta.74",
+  "version": "1.0.0-beta.76",
   "description": "☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps",
   "keywords": [
     "yuntijs",