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

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,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/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;;;OAGG;IACH,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":"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/cjs/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/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"}

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

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

package/cjs/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