@sheinx/base 3.0.0-alpha.2 → 3.0.0-alpha.21

package/esm/button/button.js

@@ -76,15 +76,14 @@ var Button = function Button(props) {
     }
     return 12;
   };
-  var childrenEl = getSpaceChildren(children, space);
+  var childrenEl = getSpaceChildren(children, space, buttonStyle.spaceWrapper);
   var buttonInnerEl = childrenEl;
   if (typeof renderInnerWrapper === 'function') {
     buttonInnerEl = renderInnerWrapper(childrenEl);
   }
-  var loadingEl = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+  var loadingEl = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: buttonStyle.spin,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
-      name: "ring",
       size: getSpinSize(),
       jssStyle: jssStyle
     })

package/esm/button/button.type.d.ts

@@ -31,11 +31,40 @@ export interface ButtonJssStyle {
     spin?: () => SpinClasses;
 }
 export interface ButtonItemProps extends Pick<CommonType, 'style' | 'className'> {
+    /**
+     * @en The type of the button
+     * @cn 按钮类型
+     * @default 'default'
+     */
     type: ButtonType;
+    /**
+     * @en The mode of the button
+     * @cn 按钮风格
+     */
     mode: ButtonMode;
+    /**
+     * @en The size of the button
+     * @cn 按钮尺寸
+     * @default 'default'
+     */
     size?: string;
+    /**
+     * @en Text button
+     * @cn 文字按钮，不展示边框和背景
+     * @default false
+     */
     text?: boolean;
+    /**
+     * @en When outline is true, the background is transparent
+     * @cn outline 为 true 时，显示透明背景的按钮
+     * @default false
+     */
     outline?: boolean;
+    /**
+     * @en Specifies the button should be disabled
+     * @cn 禁用
+     * @default false
+     */
     disabled?: boolean;
     jssStyle?: ButtonJssStyle;
 }
@@ -44,18 +73,57 @@ export interface ButtonBaseProps extends BaseButtonProps, Pick<CommonType, 'styl
         button?: () => ButtonClasses;
         spin?: () => SpinClasses;
     };
+    /**
+     * @en The content inside the button, can be a text icon, etc
+     * @cn 按钮里面的内容, 可以是文字图标等
+     */
     children?: React.ReactNode;
     renderButton?: (buttonEl: React.ReactNode) => React.ReactElement;
+    /**
+     * @en Customize loading
+     * @cn 自定义loading
+     */
     renderLoading?: (buttonEl: React.ReactNode) => React.ReactElement;
+    /**
+     * @en Customize the inner wrapper
+     * @cn 自定义内部包裹
+     */
     renderInnerWrapper?: (innerWrapperEl: React.ReactNode) => React.ReactElement;
 }
 export interface ButtonGroupProps extends Pick<CommonType, 'style' | 'className' | 'size'> {
+    /**
+     * @deprecated 线框按钮,即将废弃,请使用 mode="outline"
+     */
     outline?: boolean;
+    /**
+     * @deprecated 文本按钮,即将废弃,请使用 mode="text"
+     */
     text?: boolean;
+    /**
+     * @deprecated 文本按钮,即将废弃,请使用 mode="link"
+     */
     link?: boolean;
+    /**
+     * @en Can be set button shape
+     * @cn 设置按钮形状
+     */
     shape?: 'round';
+    /**
+     * @en The mode of the button
+     * @cn 按钮风格;如果Button和Group同时设置mode,以Group为准
+     */
     mode?: ButtonMode;
+    /**
+     * @en The type of the button
+     * @cn 按钮类型;如果Button和Group同时设置type,以Button为准
+     * @default 'default'
+     */
     type?: ButtonType;
+    /**
+     * @en Array of Button
+     * @cn 由 Button 组成的 array
+     * @default index
+     */
     children: React.ReactNode;
     jssStyle?: ButtonJssStyle;
 }

package/esm/button/button.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.type.d.ts","sourceRoot":"","sources":["button.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAGlB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IAGf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IAGd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAEhB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,WAAW,CAAC;CAC1B;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,WAAW,CAAC;IAC9E,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,MAAM,WAAW,eACf,SAAQ,eAAe,EACrB,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,WAAW,CAAC,EACvC,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAClE,QAAQ,CAAC,EAAE;QACT,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;QAC7B,IAAI,CAAC,EAAE,MAAM,WAAW,CAAC;KAC1B,CAAC;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,YAAY,CAAC;IACjE,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,YAAY,CAAC;IAClE,kBAAkB,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,YAAY,CAAC;CAC9E;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,CAAC;IACxF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,oBAAY,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"button.type.d.ts","sourceRoot":"","sources":["button.type.ts"],"names":[],"mappings":"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"}

package/esm/button/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/card/card-accordion-context.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface CardAccordionContextValue {
+    activeId: any;
+    onActiveChange: (id: any) => void;
+    getDefaultId: () => any;
+    inAccordion: boolean;
+}
+export declare const defualtCardAccordionContextValue: {
+    activeId: null;
+    onActiveChange: () => void;
+    getDefaultId: () => null;
+    inAccordion: boolean;
+};
+export declare const CardAccordionContext: React.Context<CardAccordionContextValue>;
+export {};
+//# sourceMappingURL=card-accordion-context.d.ts.map

package/esm/card/card-accordion-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-accordion-context.d.ts","sourceRoot":"","sources":["card-accordion-context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,yBAAyB;IACjC,QAAQ,EAAE,GAAG,CAAC;IACd,cAAc,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,YAAY,EAAE,MAAM,GAAG,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,gCAAgC;;;;;CAK5C,CAAC;AACF,eAAO,MAAM,oBAAoB,0CAEhC,CAAC"}

package/esm/card/card-accordion-context.js

@@ -0,0 +1,20 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defualtCardAccordionContextValue = exports.CardAccordionContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var defualtCardAccordionContextValue = {
+  activeId: null,
+  onActiveChange: function onActiveChange() {},
+  getDefaultId: function getDefaultId() {
+    return null;
+  },
+  inAccordion: false
+};
+exports.defualtCardAccordionContextValue = defualtCardAccordionContextValue;
+var CardAccordionContext = /*#__PURE__*/_react.default.createContext(defualtCardAccordionContextValue);
+exports.CardAccordionContext = CardAccordionContext;

package/esm/card/card-accordion.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { CardAccordionProps } from './card-accordion.type';
+declare const CardAccordion: <T>(props: CardAccordionProps<T>) => JSX.Element;
+export default CardAccordion;
+//# sourceMappingURL=card-accordion.d.ts.map

package/esm/card/card-accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-accordion.d.ts","sourceRoot":"","sources":["card-accordion.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,QAAA,MAAM,aAAa,kDAiClB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/card/card-accordion.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("@sheinx/hooks");
+var _react = require("react");
+var _cardAccordionContext = require("./card-accordion-context");
+var _jsxRuntime = require("react/jsx-runtime");
+var CardAccordion = function CardAccordion(props) {
+  var _props$jssStyle, _props$jssStyle$card;
+  var cardClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$card = _props$jssStyle.card) === null || _props$jssStyle$card === void 0 ? void 0 : _props$jssStyle$card.call(_props$jssStyle);
+  var _useRef = (0, _react.useRef)({
+      id: 0
+    }),
+    context = _useRef.current;
+  var _useState = (0, _react.useState)(props.defaultActive),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    activeId = _useState2[0],
+    setActiveId = _useState2[1];
+  var getDefaultId = (0, _hooks.usePersistFn)(function () {
+    var id = context.id;
+    context.id++;
+    return id;
+  });
+  var onActiveChange = (0, _hooks.usePersistFn)(function (id) {
+    var _props$onChange;
+    var result = id === activeId ? null : id;
+    (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, result);
+    setActiveId(result);
+  });
+  var contextValue = (0, _react.useMemo)(function () {
+    return {
+      activeId: activeId,
+      onActiveChange: onActiveChange,
+      getDefaultId: getDefaultId,
+      inAccordion: true
+    };
+  }, [activeId]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(props.className, cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.accordion),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_cardAccordionContext.CardAccordionContext.Provider, {
+      value: contextValue,
+      children: props.children
+    })
+  });
+};
+var _default = CardAccordion;
+exports.default = _default;

package/esm/card/card-accordion.type.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { CardJssStyle } from './card.type';
+import { CommonType } from '../common/type';
+export interface CardClasses {
+    wrapper: string;
+    wrapperShadow: string;
+    wrapperHover: string;
+    header: string;
+    body: string;
+    footer: string;
+}
+export interface CardAccordionProps<T = string | number> extends Pick<CommonType, 'className' | 'style'> {
+    jssStyle?: CardJssStyle;
+    /**
+     * @en Active value. It is -1 when fully closed. Used in controlled state. be id while Card.id setted
+     * @cn 打开的值，全关闭时为 null，用于受控状态。默认为索引，若 Card 设置 id 后则为 id。
+     * @override any
+     */
+    active?: T | null;
+    /**
+     * @en The default active value for uncontrolled state, be id while Card.id setted
+     * @cn 默认打开的值，用于非受控状态。默认为索引，若 Card 设置 id 后则为 id。
+     * @default 0
+     * @override any
+     */
+    defaultActive?: T | null;
+    /**
+     * @en The callback function when the panel is opened
+     * @cn 面板打开回调
+     * @override (active: any) => void
+     */
+    onChange?: (active: T | null) => void;
+    /**
+     * @en children
+     * @cn 子元素
+     */
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=card-accordion.type.d.ts.map

package/esm/card/card-accordion.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-accordion.type.d.ts","sourceRoot":"","sources":["card-accordion.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,MAAM,GAAG,MAAM,CACrD,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC/C,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IAElB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IAEzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAEtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/esm/card/card-accordion.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/card/card-body.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { CardBodyProps } from './card-body.type';
+declare const CardBody: (props: CardBodyProps) => JSX.Element;
+export default CardBody;
+//# sourceMappingURL=card-body.d.ts.map

package/esm/card/card-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-body.d.ts","sourceRoot":"","sources":["card-body.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAsBrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/card/card-body.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+var _card = require("./card.context");
+var _animationList = _interopRequireDefault(require("../animation-list"));
+var _jsxRuntime = require("react/jsx-runtime");
+var CardBody = function CardBody(props) {
+  var _props$jssStyle, _props$jssStyle$card;
+  var cardClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$card = _props$jssStyle.card) === null || _props$jssStyle$card === void 0 ? void 0 : _props$jssStyle$card.call(_props$jssStyle);
+  var _useContext = (0, _react.useContext)(_card.CardContext),
+    collapsible = _useContext.collapsible,
+    collapsed = _useContext.collapsed;
+  var cs = (0, _classnames.default)(props.className, cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.body);
+  var body = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: cs,
+    style: props.style,
+    children: props.children
+  });
+  if (collapsible) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_animationList.default, {
+      className: cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.bodyCollapse,
+      type: 'collapse',
+      show: !collapsed,
+      duration: 'fast',
+      children: body
+    });
+  }
+  return body;
+};
+var _default = CardBody;
+exports.default = _default;

package/esm/card/card-body.type.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { CardJssStyle } from './card.type';
+import { CommonType } from '../common/type';
+export interface CardClasses {
+    wrapper: string;
+    wrapperShadow: string;
+    wrapperHover: string;
+    header: string;
+    body: string;
+    footer: string;
+}
+export interface CardBodyProps extends Pick<CommonType, 'className' | 'style'> {
+    jssStyle?: CardJssStyle;
+    /**
+     * @en Children
+     * @cn 子元素
+     */
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=card-body.type.d.ts.map

package/esm/card/card-body.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-body.type.d.ts","sourceRoot":"","sources":["card-body.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC5E,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/esm/card/card-body.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/card/card-footer.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { CardHeaderProps } from './card-header.type';
+declare const CardHeader: (props: CardHeaderProps) => JSX.Element;
+export default CardHeader;
+//# sourceMappingURL=card-footer.d.ts.map

package/esm/card/card-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-footer.d.ts","sourceRoot":"","sources":["card-footer.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,QAAA,MAAM,UAAU,UAAW,eAAe,gBAsBzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/card/card-footer.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _card = require("./card.context");
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+var CardHeader = function CardHeader(props) {
+  var _props$jssStyle, _props$jssStyle$card;
+  var _props$align = props.align,
+    align = _props$align === void 0 ? 'right' : _props$align;
+  var cardClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$card = _props$jssStyle.card) === null || _props$jssStyle$card === void 0 ? void 0 : _props$jssStyle$card.call(_props$jssStyle);
+  var _useContext = (0, _react.useContext)(_card.CardContext),
+    onCollapse = _useContext.onCollapse,
+    handleDragMouseDown = _useContext.handleDragMouseDown;
+  var footerClassName = (0, _classnames.default)(props.className, align === 'center' && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.center), align === 'right' && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.right), cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.footer);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    onMouseDown: handleDragMouseDown,
+    onClick: onCollapse,
+    className: footerClassName,
+    style: props.style,
+    children: props.children
+  });
+};
+var _default = CardHeader;
+exports.default = _default;

package/esm/card/card-footer.type.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { CardJssStyle } from './card.type';
+import { CommonType } from '../common/type';
+export interface CardClasses {
+    wrapper: string;
+    wrapperShadow: string;
+    wrapperHover: string;
+    header: string;
+    body: string;
+    footer: string;
+}
+export interface CardFooterProps extends Pick<CommonType, 'className' | 'style'> {
+    jssStyle?: CardJssStyle;
+    /**
+     * @en align
+     * @cn 对齐方式
+     */
+    align?: 'left' | 'center' | 'right';
+    /**
+     * @en children
+     * @cn 子元素
+     */
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=card-footer.type.d.ts.map

package/esm/card/card-footer.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-footer.type.d.ts","sourceRoot":"","sources":["card-footer.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC9E,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/esm/card/card-footer.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/card/card-header.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { CardHeaderProps } from './card-header.type';
+declare const CardHeader: (props: CardHeaderProps) => JSX.Element;
+export default CardHeader;
+//# sourceMappingURL=card-header.d.ts.map

package/esm/card/card-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-header.d.ts","sourceRoot":"","sources":["card-header.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,QAAA,MAAM,UAAU,UAAW,eAAe,gBAgCzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/card/card-header.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _card = require("./card.context");
+var _react = require("react");
+var _icons = _interopRequireDefault(require("../icons"));
+var _jsxRuntime = require("react/jsx-runtime");
+var CardHeader = function CardHeader(props) {
+  var _props$jssStyle, _props$jssStyle$card;
+  var align = props.align;
+  var cardClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$card = _props$jssStyle.card) === null || _props$jssStyle$card === void 0 ? void 0 : _props$jssStyle$card.call(_props$jssStyle);
+  var _useContext = (0, _react.useContext)(_card.CardContext),
+    collapsible = _useContext.collapsible,
+    onCollapse = _useContext.onCollapse,
+    handleDragMouseDown = _useContext.handleDragMouseDown;
+  var renderIndicator = function renderIndicator() {
+    if (!collapsible) return null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.indicator,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.indicatorIcon,
+        children: _icons.default.ArrowRight
+      })
+    });
+  };
+  var headerContentClassName = (0, _classnames.default)(cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.headerContent, align === 'center' && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.center), align === 'right' && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.right));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    onMouseDown: handleDragMouseDown,
+    onClick: onCollapse,
+    className: (0, _classnames.default)(props.className, cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.header),
+    style: props.style,
+    children: [renderIndicator(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: headerContentClassName,
+      children: props.children
+    }), props.extra && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.headerExtra,
+      children: props.extra
+    })]
+  });
+};
+var _default = CardHeader;
+exports.default = _default;

package/esm/card/card-header.type.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { CardJssStyle } from './card.type';
+import { CommonType } from '../common/type';
+export interface CardClasses {
+    wrapper: string;
+    wrapperShadow: string;
+    wrapperHover: string;
+    header: string;
+    body: string;
+    footer: string;
+}
+export interface CardHeaderProps extends Pick<CommonType, 'className' | 'style'> {
+    jssStyle?: CardJssStyle;
+    /**
+     * @en align
+     * @cn 对齐方式
+     * @override union
+     */
+    align?: 'left' | 'center' | 'right';
+    /**
+     * @en children
+     * @cn 子元素
+     */
+    children?: React.ReactNode;
+    /**
+     * @en extra
+     * @cn 额外元素
+     */
+    extra?: React.ReactNode;
+}
+//# sourceMappingURL=card-header.type.d.ts.map

package/esm/card/card-header.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-header.type.d.ts","sourceRoot":"","sources":["card-header.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC9E,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB"}

package/esm/card/card-header.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/card/card.context.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface CardContextValue {
+    collapsed?: boolean;
+    onCollapse: () => void;
+    collapsible?: 'bottom' | boolean;
+    handleDragMouseDown?: (e: React.MouseEvent) => void;
+}
+export declare const CardContext: React.Context<CardContextValue>;
+//# sourceMappingURL=card.context.d.ts.map

package/esm/card/card.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.context.d.ts","sourceRoot":"","sources":["card.context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IACjC,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACrD;AAED,eAAO,MAAM,WAAW,iCAKtB,CAAC"}

package/esm/card/card.context.js

@@ -0,0 +1,16 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var CardContext = /*#__PURE__*/_react.default.createContext({
+  collapsed: false,
+  collapsible: false,
+  onCollapse: function onCollapse() {},
+  handleDragMouseDown: function handleDragMouseDown() {}
+});
+exports.CardContext = CardContext;

package/esm/card/card.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { CardProps } from './card.type';
+declare const Card: (props: CardProps) => JSX.Element;
+export default Card;
+//# sourceMappingURL=card.d.ts.map

package/esm/card/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["card.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,QAAA,MAAM,IAAI,UAAW,SAAS,gBA0G7B,CAAC;AAEF,eAAe,IAAI,CAAC"}