acud 0.0.60

package/es/button/style/index.js

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/es/button/style/index.less

@@ -0,0 +1,97 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+@import './mixin';
+
+@btn-prefix-cls: ~'@{acud-prefix}-btn';
+
+// basic logic - line hight, font size
+// content layer - 只处理文字 Icon， 没有开关config，对应四种交互状态配置
+// background layer - 背景层 填色、描边、阴影，可以通过开关config配置， 对应四种交互状态
+
+.@{btn-prefix-cls} {
+    .btn();
+
+    &-primary {
+        .basic-button-config(@btn-primary-tp, @btn-primary-p);
+    }
+
+    &-default {
+        .basic-button-config(@btn-default-tp, @btn-default-p);
+    }
+
+    &-highlight {
+        .basic-button-config(@btn-highlight-tp, @btn-highlight-p);
+    }
+
+    &-enhance {
+        .basic-button-config(@btn-enhance-tp, @btn-enhance-p);
+    }
+
+    &-text {
+        .basic-button-config(@btn-text-tp, @btn-text-p);
+    }
+
+    &-loading {
+        pointer-events: none;
+        cursor: default;
+        background-color: @B5;
+    }
+
+    > span {
+        display: inline-block;
+    }
+
+    // Children和Icon的间距 ICON在左/右.
+    > .@{iconfont-css-prefix} + span,
+    > span + .@{iconfont-css-prefix} {
+        margin-left: @btn-icon-space;
+    }
+
+    // group
+    &-group {
+        
+        .btn-group();
+
+        // 按钮组连接部分不需要圆角
+        & > .@{btn-prefix-cls} {
+            border-top-right-radius: 0px;
+            border-bottom-right-radius: 0px;
+        }
+
+        & > .@{acud-prefix}-dropdown-trigger {
+            .@{btn-prefix-cls} {
+                border-top-left-radius: 0px;
+                border-bottom-left-radius: 0px;
+            }
+        }
+
+        // 只给箭头ICON添加动效
+        .acuicon-outlined-down {
+            transition: transform .48s;
+        }
+
+        &-expand {
+            .acuicon-outlined-down {
+                transform: rotate(-180deg);
+                transform-origin: center;
+            }
+        }
+
+        // 处理中间的border
+        .@{btn-prefix-cls} {
+            margin-left: -1px;
+        }
+
+        .@{btn-prefix-cls}:hover {
+            z-index: 2;
+        }
+        // 处理中间的border颜色
+        &-border-left{
+            border-left-color: @B5;
+        }
+        // 处理中间的border颜色
+        &-border-left[disabled]{
+            border-left-color: @G11;
+        }
+    }
+}

package/es/button/style/mixin.less

@@ -0,0 +1,146 @@
+// 没有Icon时，左右边距等于按钮高度1/2
+// 1-4个字 按照4个字文本为主，多于4个字时按字段长度加长
+// 宽度
+// 1 1-4个字 按照4个字文本为主，多于4个字时按字段长度加长
+// 2 单独一个Icon，没有最小宽度
+.btn-size(@height, @fontSize, @broderRadius, @borderWidth) {
+    height: @height;
+    padding-right: (@height / 2) - 4 - @borderWidth;
+    padding-left: (@height / 2) - 4 - @borderWidth;
+    font-size: @fontSize;
+    border-radius: @broderRadius;
+}
+
+.text-limited(@fontSize, @height) {
+    min-width: (@fontSize * 4) + @height;
+}
+
+.has-icon(@height, @borderWidth) {
+    padding-left: (@height / 2  - @borderWidth) - 4;
+}
+
+.only-icon(@height, @borderWidth) {
+    padding-right: ((@height - 16) / 2) - @borderWidth;
+    padding-left: ((@height - 16) / 2) - @borderWidth;
+}
+
+.btn-size-config(@type) {
+    @fontLabel: ~'btn-font-size-@{type}';
+    @heightLabel: ~'btn-height-@{type}';
+    @borderRdsLabel: ~'btn-border-radius-@{type}';
+
+    &-text-limited {
+        .text-limited(@@fontLabel, @@heightLabel);
+    }
+
+    &-has-icon {
+        .has-icon(@@heightLabel, @btn-border-width);
+    }
+
+    &-only-icon {
+        .only-icon(@@heightLabel, @btn-border-width);
+    }
+
+    // 现在设计不能满足相应Button高度 icon大小 字号大小适配在一起后视觉效果居中，强制居中
+    // 强制修改ICON的span
+    &-has-icon > .@{iconfont-css-prefix} {
+        height: 4 * @P;
+    }
+
+    .btn-size(@@heightLabel; @@fontLabel; @@borderRdsLabel; @btn-border-width);
+}
+
+.btn() {
+    cursor: pointer;
+    box-sizing: border-box;
+    white-space: nowrap;
+    text-align: center;
+    // display: inline-block;
+    // 现在设计不能满足相应Button高度 icon大小 字号大小适配在一起后视觉效果居中
+    // 强制居中会有问题
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    // button 自带outline
+    outline: 0;
+    border-style: @btn-border-style;
+    border-width: @btn-border-width;
+    font-weight: @btn-font-weight;
+
+    .btn-size-config(md);
+
+    &-lg {
+        .btn-size-config(lg);
+    }
+
+    &-sm {
+        .btn-size-config(sm);
+    }
+
+    &,
+    &:active,
+    &:focus {
+        outline: 0;
+    }
+
+    &:not([disabled]):hover {
+        text-decoration: none;
+    }
+
+    &:not([disabled]):active {
+        outline: 0;
+        box-shadow: none;
+    }
+
+    &[disabled] {
+        cursor: not-allowed;
+
+        > * {
+            pointer-events: none;
+        }
+    }
+}
+
+.btn-group() {
+    .btn-group-base();
+}
+
+.btn-group-base() {
+    display: inline-flex;
+}
+
+// button config
+.auto-button-config(@type, @property) {
+    .property-setting(@type, 'default', @property);
+
+    &:hover {
+        .property-setting(@type, 'hover', @property);
+    }
+
+    &:active {
+        .property-setting(@type, 'click', @property);
+    }
+
+    &[disabled] {
+        &,
+        &:hover,
+        &:active {
+            .property-setting(@type, 'disabled', @property);
+        }
+    }
+}
+
+.basic-button-tp-config(@type) {
+    .auto-button-config(@type, color);
+}
+
+.basic-button-p-config(@type) {
+    .auto-button-config(@type, background-color);
+    .auto-button-config(@type, border-color);
+    .auto-button-config(@type, box-shadow);
+}
+
+.basic-button-config(@tptype; @ptype) {
+    .basic-button-tp-config(@tptype);
+    .basic-button-p-config(@ptype);
+}

package/es/card/Card.d.ts

@@ -0,0 +1,62 @@
+/**
+ * @file card/Card
+ * @author chenyaqiu
+ */
+import React from 'react';
+import { TabsProps } from '../tabs/tabs';
+import { Omit } from '../_util/type';
+import Meta from './Meta';
+import Grid from './Grid';
+export declare const getAction: (actions: React.ReactNode[]) => JSX.Element[];
+export { CardMetaProps } from './Meta';
+export { CardGridProps } from './Grid';
+export declare type CardType = 'inner';
+export declare type CardSize = 'default' | 'small';
+export declare type CardMediaPosition = 'left' | 'right';
+export interface CardTabListType {
+    key: string;
+    tab: React.ReactNode;
+    disabled?: boolean;
+}
+export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    simple?: boolean;
+    description?: string;
+    disabled?: boolean;
+    label?: string | React.ReactNode;
+    labelIcon?: boolean;
+    direction?: string;
+    onVisibleChange?: (visible: boolean) => void;
+    footerExtra?: React.ReactNode;
+    prefixCls?: string;
+    title?: React.ReactNode;
+    extra?: React.ReactNode;
+    bordered?: boolean;
+    headStyle?: React.CSSProperties;
+    bodyStyle?: React.CSSProperties;
+    footerStyle?: React.CSSProperties;
+    style?: React.CSSProperties;
+    loading?: boolean;
+    hoverable?: boolean;
+    children?: React.ReactNode;
+    id?: string;
+    className?: string;
+    size?: CardSize;
+    type?: CardType;
+    cover?: React.ReactNode;
+    actions?: React.ReactNode[];
+    actionsExtra?: React.ReactNode[];
+    tabList?: CardTabListType[];
+    tabBarExtraContent?: React.ReactNode | null;
+    onTabChange?: (key: string) => void;
+    activeTabKey?: string;
+    defaultActiveTabKey?: string;
+    tabProps?: TabsProps;
+    multiMedia?: React.ReactNode;
+    multiMediaPosition?: CardMediaPosition;
+}
+export interface CardInterface extends React.FC<CardProps> {
+    Grid: typeof Grid;
+    Meta: typeof Meta;
+}
+declare const Card: CardInterface;
+export default Card;

package/es/card/Card.js

@@ -0,0 +1,241 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
+/**
+ * @file card/Card
+ * @author chenyaqiu
+ */
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import React, { useState } from 'react';
+import classNames from 'classnames';
+import Row from '../row';
+import Col from '../col';
+import Tabs from '../tabs';
+import { ConfigContext } from '../config-provider';
+import Meta from './Meta';
+import Grid from './Grid';
+export var getAction = function getAction(actions) {
+  var actionList = actions.map(function (action, index) {
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line react/no-array-index-key
+      React.createElement("li", {
+        key: "action-".concat(index)
+      }, /*#__PURE__*/React.createElement("span", null, action))
+    );
+  });
+  return actionList;
+};
+;
+;
+;
+
+var Card = function Card(_a) {
+  var _extends2, _classNames2;
+
+  var prefixCls = _a.prefixCls,
+      simple = _a.simple,
+      description = _a.description,
+      disabled = _a.disabled,
+      footerExtra = _a.footerExtra,
+      footerStyle = _a.footerStyle,
+      children = _a.children,
+      loading = _a.loading,
+      _a$headStyle = _a.headStyle,
+      headStyle = _a$headStyle === void 0 ? {} : _a$headStyle,
+      _a$bodyStyle = _a.bodyStyle,
+      bodyStyle = _a$bodyStyle === void 0 ? {} : _a$bodyStyle,
+      _a$style = _a.style,
+      style = _a$style === void 0 ? {} : _a$style,
+      _a$bordered = _a.bordered,
+      bordered = _a$bordered === void 0 ? true : _a$bordered,
+      type = _a.type,
+      title = _a.title,
+      extra = _a.extra,
+      cover = _a.cover,
+      actions = _a.actions,
+      actionsExtra = _a.actionsExtra,
+      multiMedia = _a.multiMedia,
+      _a$multiMediaPosition = _a.multiMediaPosition,
+      multiMediaPosition = _a$multiMediaPosition === void 0 ? 'left' : _a$multiMediaPosition,
+      tabList = _a.tabList,
+      activeTabKey = _a.activeTabKey,
+      defaultActiveTabKey = _a.defaultActiveTabKey,
+      tabBarExtraContent = _a.tabBarExtraContent,
+      hoverable = _a.hoverable,
+      _a$tabProps = _a.tabProps,
+      tabProps = _a$tabProps === void 0 ? {} : _a$tabProps,
+      restProps = __rest(_a, ["prefixCls", "simple", "description", "disabled", "footerExtra", "footerStyle", "children", "loading", "headStyle", "bodyStyle", "style", "bordered", "type", "title", "extra", "cover", "actions", "actionsExtra", "multiMedia", "multiMediaPosition", "tabList", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps"]);
+
+  var _React$useContext = React.useContext(ConfigContext),
+      getPrefixCls = _React$useContext.getPrefixCls,
+      direction = _React$useContext.direction;
+
+  var cardPrefixCls = getPrefixCls('card', prefixCls);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isSelected = _useState2[0],
+      setIsSelected = _useState2[1];
+
+  var isContainGrid = function isContainGrid() {
+    var containGrid;
+    React.Children.forEach(children, function (element) {
+      if (element && element.type && element.type === Grid) {
+        containGrid = true;
+      }
+    });
+    return containGrid;
+  };
+
+  var onTabChange = function onTabChange(key) {
+    var _a;
+
+    return (_a = restProps.onTabChange) === null || _a === void 0 ? void 0 : _a.call(restProps, key);
+  };
+
+  var loadingBlockStyle = bodyStyle.padding === 0 || bodyStyle.padding === '0px' ? {
+    padding: 24
+  } : undefined;
+  var block = /*#__PURE__*/React.createElement("div", {
+    className: "".concat(cardPrefixCls, "-loading-block")
+  });
+  var loadingBlock = /*#__PURE__*/React.createElement("div", {
+    className: "".concat(cardPrefixCls, "-loading-content"),
+    style: loadingBlockStyle
+  }, /*#__PURE__*/React.createElement(Row, {
+    gutter: 8
+  }, /*#__PURE__*/React.createElement(Col, {
+    span: 22
+  }, block)), /*#__PURE__*/React.createElement(Row, {
+    gutter: 8
+  }, /*#__PURE__*/React.createElement(Col, {
+    span: 8
+  }, block), /*#__PURE__*/React.createElement(Col, {
+    span: 15
+  }, block)), /*#__PURE__*/React.createElement(Row, {
+    gutter: 8
+  }, /*#__PURE__*/React.createElement(Col, {
+    span: 6
+  }, block), /*#__PURE__*/React.createElement(Col, {
+    span: 18
+  }, block)), /*#__PURE__*/React.createElement(Row, {
+    gutter: 8
+  }, /*#__PURE__*/React.createElement(Col, {
+    span: 13
+  }, block), /*#__PURE__*/React.createElement(Col, {
+    span: 9
+  }, block)), /*#__PURE__*/React.createElement(Row, {
+    gutter: 8
+  }, /*#__PURE__*/React.createElement(Col, {
+    span: 4
+  }, block), /*#__PURE__*/React.createElement(Col, {
+    span: 3
+  }, block), /*#__PURE__*/React.createElement(Col, {
+    span: 16
+  }, block)));
+  var hasActiveTabKey = activeTabKey !== undefined;
+
+  var extraProps = _extends(_extends({}, tabProps), (_extends2 = {}, _defineProperty(_extends2, hasActiveTabKey ? 'activeKey' : 'defaultActiveKey', hasActiveTabKey ? activeTabKey : defaultActiveTabKey), _defineProperty(_extends2, "tabBarExtraContent", tabBarExtraContent), _extends2));
+
+  var head;
+  var footer;
+  var body;
+  var coverDom = cover ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(cardPrefixCls, "-cover")
+  }, cover) : null;
+  var actionDom = actions && actions.length ? /*#__PURE__*/React.createElement("ul", {
+    className: "".concat(cardPrefixCls, "-actions")
+  }, getAction(actions)) : null;
+  var actionsExtraDom = actionsExtra && actionsExtra.length ? /*#__PURE__*/React.createElement("ul", {
+    className: "".concat(cardPrefixCls, "-actionsExtra")
+  }, getAction(actionsExtra)) : null;
+  var actionRender = actionDom || actionsExtraDom ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(cardPrefixCls, "-actions-wrap")
+  }, actionDom, actionsExtraDom) : null;
+  var tabs = tabList && tabList.length ? /*#__PURE__*/React.createElement(Tabs, _extends({
+    size: "large"
+  }, extraProps, {
+    className: "".concat(cardPrefixCls, "-head-tabs"),
+    onChange: onTabChange
+  }), tabList.map(function (item) {
+    return /*#__PURE__*/React.createElement(Tabs.TabPane, {
+      tab: item.tab,
+      disabled: item.disabled,
+      key: item.key
+    });
+  })) : null;
+
+  if (children) {
+    body = /*#__PURE__*/React.createElement("div", {
+      className: "".concat(cardPrefixCls, "-body"),
+      style: bodyStyle
+    }, loading ? loadingBlock : children);
+  }
+
+  if (title || extra || tabs) {
+    var titleClassName = classNames("".concat(cardPrefixCls, "-head-title"), _defineProperty({}, "".concat(cardPrefixCls, "-head-title-with-tabs"), !!tabs));
+    head = /*#__PURE__*/React.createElement("div", {
+      className: "".concat(cardPrefixCls, "-head"),
+      style: headStyle
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(cardPrefixCls, "-head-wrapper")
+    }, title && /*#__PURE__*/React.createElement("div", {
+      className: titleClassName
+    }, title), extra && /*#__PURE__*/React.createElement("div", {
+      className: "".concat(cardPrefixCls, "-head-extra")
+    }, extra)), tabs);
+  }
+
+  if (description || footerExtra) {
+    footer = /*#__PURE__*/React.createElement("div", {
+      className: "".concat(cardPrefixCls, "-footer"),
+      style: footerStyle
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(cardPrefixCls, "-footer-wrapper")
+    }, description && /*#__PURE__*/React.createElement("div", {
+      className: "".concat(cardPrefixCls, "-footer-description")
+    }, description), footerExtra && /*#__PURE__*/React.createElement("div", {
+      className: "".concat(cardPrefixCls, "-footer-extra")
+    }, footerExtra)));
+  }
+
+  var simpleCardRedner = /*#__PURE__*/React.createElement("div", {
+    className: "".concat(cardPrefixCls, "-simple-con")
+  }, body, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(cardPrefixCls, "-simple-con-description")
+  }, description));
+  var cardRender = /*#__PURE__*/React.createElement("div", {
+    className: "".concat(cardPrefixCls, "-con ").concat(multiMedia ? 'hasImage' : '', " ").concat(multiMediaPosition)
+  }, !!multiMedia && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(cardPrefixCls, "-con-image ").concat(multiMediaPosition)
+  }, multiMedia), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(cardPrefixCls, "-con-wrap ").concat(multiMedia ? "".concat(multiMediaPosition === 'left' ? 'right' : 'left') : '')
+  }, head, coverDom, body, footer, actionRender));
+  var classString = classNames(cardPrefixCls, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(cardPrefixCls, "-loading"), loading), _defineProperty(_classNames2, "".concat(cardPrefixCls, "-bordered"), bordered), _defineProperty(_classNames2, "".concat(cardPrefixCls, "-hoverable"), hoverable), _defineProperty(_classNames2, "".concat(cardPrefixCls, "-contain-grid"), isContainGrid()), _defineProperty(_classNames2, "".concat(cardPrefixCls, "-contain-tabs"), tabList && tabList.length), _defineProperty(_classNames2, "".concat(cardPrefixCls, "-type-").concat(type), !!type), _defineProperty(_classNames2, "".concat(cardPrefixCls, "-rtl"), direction === 'rtl'), _defineProperty(_classNames2, "".concat(cardPrefixCls, "-simple"), simple), _defineProperty(_classNames2, "".concat(cardPrefixCls, "-selected"), isSelected), _classNames2));
+  return /*#__PURE__*/React.createElement("div", {
+    className: classString,
+    disabled: simple && disabled,
+    style: style,
+    onClick: function onClick() {
+      return setIsSelected(!isSelected);
+    }
+  }, simple ? simpleCardRedner : cardRender);
+};
+
+Card.Grid = Grid;
+Card.Meta = Meta;
+export default Card;

package/es/card/Grid.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @file card/Grid
+ * @author chenyaqiu
+ */
+import * as React from 'react';
+export interface CardGridProps {
+    prefixCls?: string;
+    className?: string;
+    hoverable?: boolean;
+    style?: React.CSSProperties;
+}
+declare const Grid: React.FC<CardGridProps>;
+export default Grid;

package/es/card/Grid.js

@@ -0,0 +1,42 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+/**
+ * @file card/Grid
+ * @author chenyaqiu
+ */
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import * as React from 'react';
+import classNames from 'classnames';
+import { ConfigConsumer } from '../config-provider';
+
+var Grid = function Grid(_a) {
+  var prefixCls = _a.prefixCls,
+      className = _a.className,
+      _a$hoverable = _a.hoverable,
+      hoverable = _a$hoverable === void 0 ? true : _a$hoverable,
+      props = __rest(_a, ["prefixCls", "className", "hoverable"]);
+
+  return /*#__PURE__*/React.createElement(ConfigConsumer, null, function (_ref) {
+    var getPrefixCls = _ref.getPrefixCls;
+    var prefix = getPrefixCls('card', prefixCls);
+    var classString = classNames("".concat(prefix, "-grid"), className, _defineProperty({}, "".concat(prefix, "-grid-hoverable"), hoverable));
+    return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+      className: classString
+    }));
+  });
+};
+
+export default Grid;

package/es/card/Meta.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @file card/Meta
+ * @author chenyaqiu
+ */
+import * as React from 'react';
+export interface CardMetaProps {
+    prefixCls?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    title: React.ReactNode;
+    content: React.ReactNode;
+    description?: React.ReactNode;
+    actions: React.ReactNode[];
+}
+declare const Meta: React.FC<CardMetaProps>;
+export default Meta;

package/es/card/Meta.js

@@ -0,0 +1,62 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+
+/**
+ * @file card/Meta
+ * @author chenyaqiu
+ */
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import * as React from 'react';
+import classNames from 'classnames';
+import { ConfigConsumer } from '../config-provider';
+import { getAction } from './Card';
+;
+
+var Meta = function Meta(props) {
+  return /*#__PURE__*/React.createElement(ConfigConsumer, null, function (_ref) {
+    var getPrefixCls = _ref.getPrefixCls;
+
+    var customizePrefixCls = props.prefixCls,
+        className = props.className,
+        title = props.title,
+        content = props.content,
+        description = props.description,
+        actions = props.actions,
+        others = __rest(props, ["prefixCls", "className", "title", "content", "description", "actions"]);
+
+    var prefixCls = getPrefixCls('card', customizePrefixCls);
+    var classString = classNames("".concat(prefixCls, "-meta-wrap"), className);
+    var titleDom = title ? /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-meta-title")
+    }, title) : null;
+    var contentDom = content ? /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-meta-content-detail")
+    }, content) : null;
+    var MetaContent = titleDom || contentDom ? /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-meta-content")
+    }, titleDom, contentDom) : null;
+    var MetaActions = actions && actions.length ? /*#__PURE__*/React.createElement("ul", {
+      className: "".concat(prefixCls, "-meta-footer-actions")
+    }, getAction(actions)) : null;
+    return /*#__PURE__*/React.createElement("div", _extends({
+      className: classString
+    }, others), MetaContent, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-meta-footer")
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-meta-footer-desc")
+    }, description), MetaActions));
+  });
+};
+
+export default Meta;

package/es/card/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @file
+ * @author chenyaqiu
+ */
+import Card from './Card';
+export default Card;