@sheinx/base 3.0.0-alpha.1 → 3.0.0-alpha.10

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":"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/esm/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/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"}

package/esm/card/card.js

@@ -0,0 +1,120 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.split.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _hooks = require("@sheinx/hooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _card = require("./card.context");
+var _cardAccordionContext = require("./card-accordion-context");
+var _formFooterContext = require("../form/form-footer-context");
+var _jsxRuntime = require("react/jsx-runtime");
+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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Card = function Card(props) {
+  var _props$jssStyle, _props$jssStyle$card, _props$id;
+  var _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style;
+  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 panelRef = (0, _react.useRef)(null);
+  var _useRef = (0, _react.useRef)({
+      id: undefined
+    }),
+    context = _useRef.current;
+  var _useState = (0, _react.useState)(props.defaultCollapsed),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    collpased = _useState2[0],
+    setCollpased = _useState2[1];
+  var moveInfo = (0, _hooks.useDragMove)();
+  var resizeInfo = (0, _hooks.useDragResize)({
+    defaultWidth: style === null || style === void 0 ? void 0 : style.width,
+    defaultHeight: style === null || style === void 0 ? void 0 : style.height,
+    panelRef: panelRef
+  });
+  var _useContext = (0, _react.useContext)(_cardAccordionContext.CardAccordionContext),
+    inAccordion = _useContext.inAccordion,
+    activeId = _useContext.activeId,
+    getDefaultId = _useContext.getDefaultId,
+    onActiveChange = _useContext.onActiveChange;
+  if (context.id === undefined) {
+    context.id = getDefaultId();
+  }
+  var id = (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : context.id;
+  var collapsible = props.collapsible || inAccordion;
+  var getCollpased = function getCollpased() {
+    if (inAccordion) return activeId !== id;
+    if (!collapsible) return false;
+    if (props.collapsed !== undefined) return !!props.collapsed;
+    return collpased;
+  };
+  var handleCollpased = (0, _hooks.usePersistFn)(function () {
+    var _props$onCollapse;
+    if (inAccordion) {
+      onActiveChange(id);
+      return;
+    }
+    if (!collapsible) return;
+    (_props$onCollapse = props.onCollapse) === null || _props$onCollapse === void 0 ? void 0 : _props$onCollapse.call(props, !props.collapsed);
+    setCollpased(!collpased);
+  });
+  var realCollpased = getCollpased();
+  var contextValue = (0, _react.useMemo)(function () {
+    return {
+      collapsed: realCollpased,
+      collapsible: collapsible,
+      onCollapse: handleCollpased,
+      handleDragMouseDown: moveInfo.handleMouseDown
+    };
+  }, [realCollpased, collapsible]);
+  var alwaysShowShadow = props.shadow && props.shadow !== 'hover';
+  var renderResize = function renderResize() {
+    if (!props.resizable) return null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.resizeX,
+        onMouseDown: resizeInfo.handleXMouseDown
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.resizeY,
+        onMouseDown: resizeInfo.handleYMouseDown
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.resizeXY,
+        onMouseDown: resizeInfo.handleXYMouseDown
+      })]
+    });
+  };
+  var wrapStyle = _objectSpread({}, props.style);
+  if (props.resizable) {
+    wrapStyle.width = resizeInfo.width;
+    wrapStyle.height = resizeInfo.height;
+  }
+  if (props.moveable) {
+    wrapStyle.transform = "translate(".concat(moveInfo.pos.x, "px, ").concat(moveInfo.pos.y, "px)");
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)(props.className, cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapper, props.shadow === 'hover' && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperHover), alwaysShowShadow && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperShadow), collapsible && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperCollapsible), realCollpased && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperCollapsed), props.resizable && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperResizable), props.moveable && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperMoveable), props.split && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperSplit), inAccordion && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperInAccordion)),
+    ref: panelRef,
+    style: wrapStyle,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_card.CardContext.Provider, {
+      value: contextValue,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_formFooterContext.FormFooterProvider, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_cardAccordionContext.CardAccordionContext.Provider, {
+          value: _cardAccordionContext.defualtCardAccordionContextValue,
+          children: props.children
+        })
+      })
+    }), renderResize()]
+  });
+};
+var _default = Card;
+exports.default = _default;

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

@@ -0,0 +1,95 @@
+import React from 'react';
+import { CommonType } from '../common/type';
+export interface CardClasses {
+    wrapper: string;
+    wrapperShadow: string;
+    wrapperHover: string;
+    wrapperSplit: string;
+    wrapperCollapsible: string;
+    wrapperResizable: string;
+    wrapperMoveable: string;
+    wrapperCollapsed: string;
+    wrapperInAccordion: string;
+    accordion: string;
+    header: string;
+    headerContent: string;
+    headerExtra: string;
+    indicator: string;
+    indicatorIcon: string;
+    body: string;
+    bodyCollapse: string;
+    footer: string;
+    resizeX: string;
+    resizeY: string;
+    resizeXY: string;
+    center: string;
+    right: string;
+}
+export interface CardJssStyle {
+    card?: () => CardClasses;
+}
+export interface CardProps extends Pick<CommonType, 'className' | 'style'> {
+    jssStyle?: CardJssStyle;
+    /**
+     * @en Whether can be collapsed，'bottom' can collaps on bottom
+     * @cn 是否可折叠，'bottom' 表示从下方点击折叠
+     * @default false
+     */
+    collapsible?: boolean | 'bottom';
+    /**le
+     * @en Whether to be collapsed.
+     * @cn 是否折叠，用于受控状态
+     */
+    collapsed?: boolean;
+    /**
+     * @en Initial collapsed state
+     * @cn 初始折叠状态（仅在 collapsible 为 true 时有效）
+     * @default true
+     */
+    defaultCollapsed?: boolean;
+    /**
+     * @en Callback when collapsed state changed
+     * @cn 折叠状态改变时回调事件
+     */
+    onCollapse?: (collapsed: boolean) => void;
+    /**
+     * @en Whether to show the shadow.'hover' - Display it when the mouse is over the element.true - Always show, false - Never show
+     * @cn 是否显示阴影\n 'hover' - 鼠标移到元素上显示;\n true - 总是显示;\n false - 从不显示
+     * @default false
+     */
+    shadow?: boolean | 'hover';
+    /**
+     * @en Card.Accordion expand controlled key
+     * @cn 手风琴下控制展开的值
+     */
+    id?: any;
+    /**
+     * @en children
+     * @cn 子元素
+     */
+    children?: React.ReactNode;
+    /**
+     * @en get Card dom
+     * @cn 获取 Card dom
+     */
+    forwardedRef?: (el: HTMLDivElement) => void;
+    /**
+     * @en Is it possible to drag the size
+     * @cn 是否可以拖动大小
+     * @default false
+     */
+    resizable?: boolean | 'x' | 'y' | 'xy';
+    /**
+     * @en Is it possible to drag and drop to move
+     * @cn 是否可以拖拽移动
+     * @default false
+     */
+    moveable?: boolean;
+    /**
+     * @en Whether to split the header and body
+     * @cn 是否分割头部和主体
+     * @default false
+     */
+    split?: boolean;
+}
+//# sourceMappingURL=card.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.type.d.ts","sourceRoot":"","sources":["card.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,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,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,WAAW,CAAC;CAC1B;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACxE,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAE1C;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAE3B;;;OAGG;IACH,EAAE,CAAC,EAAE,GAAG,CAAC;IAET;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5C;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACvC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}

package/esm/card/card.type.js

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

package/esm/card/index.d.ts

@@ -0,0 +1,12 @@
+export { default, default as Card } from './card';
+export type { CardProps } from './card.type';
+export { default as CardHeader } from './card-header';
+export type { CardHeaderProps } from './card-header.type';
+export { default as CardBody } from './card-body';
+export type { CardBodyProps } from './card-body.type';
+export { default as CardFooter } from './card-footer';
+export type { CardFooterProps } from './card-footer.type';
+export { default as CardAccordion } from './card-accordion';
+export type { CardAccordionProps } from './card-accordion.type';
+export { default as CardSubmit } from '../modal/modal-submit';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC"}

package/esm/card/index.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function get() {
+    return _card.default;
+  }
+});
+Object.defineProperty(exports, "CardAccordion", {
+  enumerable: true,
+  get: function get() {
+    return _cardAccordion.default;
+  }
+});
+Object.defineProperty(exports, "CardBody", {
+  enumerable: true,
+  get: function get() {
+    return _cardBody.default;
+  }
+});
+Object.defineProperty(exports, "CardFooter", {
+  enumerable: true,
+  get: function get() {
+    return _cardFooter.default;
+  }
+});
+Object.defineProperty(exports, "CardHeader", {
+  enumerable: true,
+  get: function get() {
+    return _cardHeader.default;
+  }
+});
+Object.defineProperty(exports, "CardSubmit", {
+  enumerable: true,
+  get: function get() {
+    return _modalSubmit.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _card.default;
+  }
+});
+var _card = _interopRequireDefault(require("./card"));
+var _cardHeader = _interopRequireDefault(require("./card-header"));
+var _cardBody = _interopRequireDefault(require("./card-body"));
+var _cardFooter = _interopRequireDefault(require("./card-footer"));
+var _cardAccordion = _interopRequireDefault(require("./card-accordion"));
+var _modalSubmit = _interopRequireDefault(require("../modal/modal-submit"));

package/esm/card-group/__doc__/feiqi.text

@@ -0,0 +1,16 @@
+---
+name: CardGroup
+group: Other
+---
+
+# Title
+
+CardGroup 标题
+CardGroup
+
+# Describe
+
+CardGroup 描述
+CardGroup Describe
+
+# Example

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface CardGroupContextValue {
+    container: HTMLElement | null;
+}
+export declare const CardGroupContext: import("react").Context<CardGroupContextValue>;
+//# sourceMappingURL=card-group-context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-group-context.d.ts","sourceRoot":"","sources":["card-group-context.ts"],"names":[],"mappings":";AAEA,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;CAC/B;AACD,eAAO,MAAM,gBAAgB,gDAA4D,CAAC"}

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardGroupContext = void 0;
+var _react = require("react");
+var CardGroupContext = /*#__PURE__*/(0, _react.createContext)({
+  container: null
+});
+exports.CardGroupContext = CardGroupContext;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-group.d.ts","sourceRoot":"","sources":["card-group.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,QAAA,MAAM,SAAS,UAAW,cAAc,gBA6DvC,CAAC;AAEF,eAAe,SAAS,CAAC"}