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

package/cjs/absolute-list/use-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-container.d.ts","sourceRoot":"","sources":["use-container.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;CAC7D;AAED,eAAO,MAAM,YAAY,UAAW,cAAc,gBAOjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,cAAc,gBAYrD,CAAC;AAEF,eAAO,MAAM,OAAO,UAAW,cAAc,mBAK5C,CAAC;AAEF,QAAA,MAAM,YAAY,WAAW,cAAc;;;;CA8B1C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"use-container.d.ts","sourceRoot":"","sources":["use-container.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;CAC7D;AAED,eAAO,MAAM,YAAY,UAAW,cAAc,gBAMjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,cAAc,gBAYrD,CAAC;AAEF,eAAO,MAAM,OAAO,UAAW,cAAc,mBAK5C,CAAC;AAEF,QAAA,MAAM,YAAY,WAAW,cAAc;;;;CA8B1C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/animation-list/animation-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animation-list.d.ts","sourceRoot":"","sources":["animation-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAc3D,QAAA,MAAM,aAAa,UAAW,kBAAkB,gBAoN/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"animation-list.d.ts","sourceRoot":"","sources":["animation-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAc3D,QAAA,MAAM,aAAa,UAAW,kBAAkB,gBAyN/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/animation-list/animation-list.js

@@ -60,7 +60,8 @@ var AnimationList = function AnimationList(props) {
       mounted: false,
       height: 0,
       show: show,
-      timer: null
+      timer: null,
+      lastShow: show
     }),
     context = _useRef.current;
   var ref = (0, _react.useRef)(null);
@@ -153,6 +154,7 @@ var AnimationList = function AnimationList(props) {
     var newStyle = {};
     if (type.indexOf('collapse') >= 0) {
       newStyle.height = 'auto';
+      newStyle.overflow = '';
     }
     setStyle(function (s) {
       return _objectSpread(_objectSpread({}, s), newStyle);
@@ -164,6 +166,7 @@ var AnimationList = function AnimationList(props) {
     if (type.indexOf('collapse') >= 0) {
       context.height = el.offsetHeight;
       newStyle.height = "".concat(context.height, "px");
+      newStyle.overflow = 'hidden';
     }
     if (type.includes('fade')) {
       newStyle.opacity = '1';
@@ -255,11 +258,13 @@ var AnimationList = function AnimationList(props) {
     }, mm);
   };
   (0, _react.useEffect)(function () {
+    if (context.lastShow === show) return;
     if (show) {
       showList();
     } else {
       hideList();
     }
+    context.lastShow = show;
   }, [show]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     ref: forkRef,

package/cjs/breadcrumb/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,UAAU,SAAS;IACjB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,UAAU,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC;CAChD;AACD,QAAA,MAAM,IAAI,UAAW,SAAS,gBAgD7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,UAAU,SAAS;IACjB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,UAAU,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC;CAChD;AACD,QAAA,MAAM,IAAI,UAAW,SAAS,gBAkD7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/breadcrumb/list.js

@@ -41,9 +41,12 @@ var List = function List(props) {
   var renderList = function renderList(arr) {
     return arr.map(function (item, index) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.dropdownItem),
-        onClick: closePop,
-        children: props.renderItem(item)
+        className: classes === null || classes === void 0 ? void 0 : classes.itemWrapper,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.dropdownItem),
+          onClick: closePop,
+          children: props.renderItem(item)
+        })
       }, index);
     });
   };

package/cjs/button/button.js

@@ -76,12 +76,12 @@ 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",

package/cjs/card/__example__/01-base.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;
+//# sourceMappingURL=01-base.d.ts.map

package/cjs/card/__example__/01-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AAcA,wBAME"}

package/cjs/card/__example__/01-base.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    --
+ * en - Basic
+ *    --
+ */
+
+var jssStyle = {
+  card: _shineoutStyle.useCardStyle
+};
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Card, {
+      jssStyle: jssStyle
+    })
+  });
+};
+exports.default = _default;

package/cjs/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/cjs/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":"AAAA,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/cjs/card/card-accordion-context.js

@@ -0,0 +1,19 @@
+"use strict";
+
+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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/card/card-accordion.type.js

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

package/cjs/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/cjs/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/cjs/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/cjs/card/card-body.type.d.ts

@@ -0,0 +1,16 @@
+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;
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=card-body.type.d.ts.map

package/cjs/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,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

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

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

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/card/card-footer.type.js

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

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/card/card-header.type.js

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

package/cjs/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/cjs/card/card.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.context.d.ts","sourceRoot":"","sources":["card.context.ts"],"names":[],"mappings":"AAAA,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/cjs/card/card.context.js

@@ -0,0 +1,15 @@
+"use strict";
+
+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/cjs/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/cjs/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"}