@nokecy/qc-ui-components 0.0.0-stage → 2.0.0-beta.0

package/dist/esm/array-table-index/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;

package/dist/esm/array-table-index/index.js

@@ -0,0 +1,21 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { useEffect } from 'react';
+import { ArrayBase } from "../array-table/arrayBase";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function (props) {
+  var onChange = props.onChange,
+    value = props.value;
+  var index = ArrayBase.useIndex();
+  useEffect(function () {
+    // 行号变了、或字段值被外部覆盖/清空(如 setValues、重置)而不等于行号时，重新写入
+    if (value !== index + 1) onChange(index + 1);
+  }, [index, value]);
+  return /*#__PURE__*/_jsxs("span", _objectSpread(_objectSpread({}, props), {}, {
+    children: ["#", index + 1, "."]
+  }));
+});

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

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const Card: {
+    (props: any): React.JSX.Element;
+    isProCard: boolean;
+    Group: React.FC<any>;
+    Divider: React.FC<any>;
+    TabPane: React.FC<any>;
+};
+export default Card;

package/dist/esm/card/index.js

@@ -0,0 +1,29 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import ProCard from "./pro-card";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Card = function Card(props) {
+  return /*#__PURE__*/_jsx(ProCard, _objectSpread(_objectSpread({
+    headerBordered: false,
+    collapsible: true
+  }, props), {}, {
+    headStyle: _objectSpread({
+      paddingTop: 8,
+      paddingBottom: 8
+    }, props.headStyle)
+  }));
+};
+
+// 透传 ProCard 兼容实现的静态成员,保证文档承诺的「兼容 ProCard」(Card.Group / Card.Divider / Card.TabPane)可用。
+// 类型收窄为 React.FC<any>:与 Card 本身的 any props 一致。
+// 带上 ProCard 的 isProCard 标记:作为 <Card gutter>/<Card split> 的直接子元素时,按基础 ProCard 的规则进入栅格列(colSpan/gutter/split)。
+Card.isProCard = true;
+Card.Group = ProCard.Group;
+Card.Divider = ProCard.Divider;
+Card.TabPane = ProCard.TabPane;
+export default Card;

package/dist/esm/card/pro-card/Actions/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export type ProCardActionsProps = {
+    /**
+     * 自定义前缀
+     *
+     * @ignore
+     */
+    prefixCls?: string;
+    /** 操作按钮 */
+    actions?: React.ReactNode[] | React.ReactNode;
+};
+declare const ProCardActions: React.FC<ProCardActionsProps>;
+export default ProCardActions;

package/dist/esm/card/pro-card/Actions/index.js

@@ -0,0 +1,43 @@
+/**
+ * Derived from ant-design/pro-components (MIT; license text retained at licenses/texts/eec1c3c6d1b61104-LICENSE.txt)
+ * packages/card/src/components/Actions/index.tsx
+ * commit 9766bc93e15b5bcdd2917cf0d9eccb779328d4e1 (the `@ant-design/pro-card@2.10.0` release).
+ * Local adaptations: antd 6 / cssinjs 2.x, no pro-utils/pro-provider dependencies.
+ * See docs/maintenance/pro-card-port.md.
+ */
+import classNames from 'classnames';
+import React from 'react';
+import useStyle from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ProCardActions = function ProCardActions(props) {
+  var actions = props.actions,
+    prefixCls = props.prefixCls;
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  if (Array.isArray(actions) && actions !== null && actions !== void 0 && actions.length) {
+    return wrapSSR( /*#__PURE__*/_jsx("ul", {
+      className: classNames("".concat(prefixCls, "-actions"), hashId),
+      children: actions.map(function (action, index) {
+        return (
+          /*#__PURE__*/
+          // eslint-disable-next-line react/no-array-index-key
+          _jsx("li", {
+            style: {
+              width: "".concat(100 / actions.length, "%"),
+              padding: 0,
+              margin: 0
+            },
+            className: classNames("".concat(prefixCls, "-actions-item"), hashId),
+            children: action
+          }, "action-".concat(index))
+        );
+      })
+    }));
+  }
+  return wrapSSR( /*#__PURE__*/_jsx("ul", {
+    className: classNames("".concat(prefixCls, "-actions"), hashId),
+    children: actions
+  }));
+};
+export default ProCardActions;

package/dist/esm/card/pro-card/Actions/style.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export default function useStyle(prefixCls?: string): {
+    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+    hashId: string;
+};

package/dist/esm/card/pro-card/Actions/style.js

@@ -0,0 +1,92 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Derived from ant-design/pro-components (MIT; license text retained at licenses/texts/eec1c3c6d1b61104-LICENSE.txt)
+ * packages/card/src/components/Actions/style.ts
+ * commit 9766bc93e15b5bcdd2917cf0d9eccb779328d4e1 (the `@ant-design/pro-card@2.10.0` release).
+ * Local adaptations: antd 6 / cssinjs 2.x, no pro-utils/pro-provider dependencies.
+ * See docs/maintenance/pro-card-port.md.
+ */
+
+import { useStyle as useProStyle } from "../../../shared/proStyle";
+var genActionsStyle = function genActionsStyle(token) {
+  var componentCls = token.componentCls,
+    antCls = token.antCls;
+  return _defineProperty({}, "".concat(componentCls, "-actions"), _defineProperty(_defineProperty({
+    marginBlock: 0,
+    marginInline: 0,
+    paddingBlock: 0,
+    paddingInline: 0,
+    listStyle: 'none',
+    display: 'flex',
+    gap: token.marginXS,
+    background: token.colorBgContainer,
+    borderBlockStart: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit),
+    minHeight: 42
+  }, "& > *", {
+    alignItems: 'center',
+    justifyContent: 'center',
+    flex: 1,
+    display: 'flex',
+    cursor: 'pointer',
+    color: token.colorTextSecondary,
+    transition: 'color 0.3s',
+    '&:hover': {
+      color: token.colorPrimaryHover
+    }
+  }), "& > li > div", {
+    flex: 1,
+    width: '100%',
+    marginBlock: token.marginSM,
+    marginInline: 0,
+    color: token.colorTextSecondary,
+    textAlign: 'center',
+    a: {
+      color: token.colorTextSecondary,
+      transition: 'color 0.3s',
+      '&:hover': {
+        color: token.colorPrimaryHover
+      }
+    },
+    div: _defineProperty(_defineProperty({
+      position: 'relative',
+      display: 'block',
+      minWidth: 32,
+      fontSize: token.fontSize,
+      lineHeight: token.lineHeight,
+      cursor: 'pointer',
+      '&:hover': {
+        color: token.colorPrimaryHover,
+        transition: 'color 0.3s'
+      }
+    }, "a:not(".concat(antCls, "-btn),\n            > .anticon"), {
+      display: 'inline-block',
+      width: '100%',
+      color: token.colorTextSecondary,
+      lineHeight: '22px',
+      transition: 'color 0.3s',
+      '&:hover': {
+        color: token.colorPrimaryHover
+      }
+    }), '.anticon', {
+      fontSize: token.cardActionIconSize,
+      lineHeight: '22px'
+    }),
+    '&:not(:last-child)': {
+      borderInlineEnd: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorSplit)
+    }
+  }));
+};
+export default function useStyle(prefixCls) {
+  return useProStyle('ProCardActions', function (token) {
+    var proCardActionsToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls),
+      cardActionIconSize: 16
+    });
+    return [genActionsStyle(proCardActionsToken)];
+  });
+}

package/dist/esm/card/pro-card/Card/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { CardProps } from '../typing';
+declare const Card: React.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React.RefAttributes<unknown>>;
+export default Card;

package/dist/esm/card/pro-card/Card/index.js

@@ -0,0 +1,269 @@
+var _excluded = ["className", "style", "bodyStyle", "headStyle", "title", "subTitle", "extra", "wrap", "layout", "loading", "gutter", "tooltip", "split", "headerBordered", "bordered", "boxShadow", "children", "size", "actions", "ghost", "hoverable", "direction", "collapsed", "collapsible", "collapsibleIconRender", "colStyle", "defaultCollapsed", "onCollapse", "checked", "onChecked", "tabs", "type"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Derived from ant-design/pro-components (MIT; license text retained at licenses/texts/eec1c3c6d1b61104-LICENSE.txt)
+ * packages/card/src/components/Card/index.tsx
+ * commit 9766bc93e15b5bcdd2917cf0d9eccb779328d4e1 (the `@ant-design/pro-card@2.10.0` release).
+ * Local adaptations: antd 6 / cssinjs 2.x, no pro-utils/pro-provider dependencies; useMergedState from @rc-component/util.
+ * See docs/maintenance/pro-card-port.md.
+ */
+import { RightOutlined } from '@ant-design/icons';
+import { ConfigProvider, Grid, Tabs } from 'antd';
+import { useMergedState } from '@rc-component/util';
+import classNames from 'classnames';
+import React, { useContext } from 'react';
+import { LabelIconTip } from "../../../shared/labelIconTip";
+import Actions from "../Actions";
+import Loading from "../Loading";
+import { useLegacyItems } from "./useLegacyItems";
+import useStyle from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var omit = function omit(obj, keys) {
+  var result = _objectSpread({}, obj);
+  keys.forEach(function (key) {
+    delete result[key];
+  });
+  return result;
+};
+var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _classNames2;
+  var className = props.className,
+    style = props.style,
+    bodyStyle = props.bodyStyle,
+    headStyle = props.headStyle,
+    title = props.title,
+    subTitle = props.subTitle,
+    extra = props.extra,
+    _props$wrap = props.wrap,
+    wrap = _props$wrap === void 0 ? false : _props$wrap,
+    layout = props.layout,
+    loading = props.loading,
+    _props$gutter = props.gutter,
+    gutter = _props$gutter === void 0 ? 0 : _props$gutter,
+    tooltip = props.tooltip,
+    split = props.split,
+    _props$headerBordered = props.headerBordered,
+    headerBordered = _props$headerBordered === void 0 ? false : _props$headerBordered,
+    _props$bordered = props.bordered,
+    bordered = _props$bordered === void 0 ? false : _props$bordered,
+    _props$boxShadow = props.boxShadow,
+    boxShadow = _props$boxShadow === void 0 ? false : _props$boxShadow,
+    children = props.children,
+    size = props.size,
+    actions = props.actions,
+    _props$ghost = props.ghost,
+    ghost = _props$ghost === void 0 ? false : _props$ghost,
+    _props$hoverable = props.hoverable,
+    hoverable = _props$hoverable === void 0 ? false : _props$hoverable,
+    direction = props.direction,
+    controlCollapsed = props.collapsed,
+    _props$collapsible = props.collapsible,
+    collapsible = _props$collapsible === void 0 ? false : _props$collapsible,
+    collapsibleIconRender = props.collapsibleIconRender,
+    colStyle = props.colStyle,
+    _props$defaultCollaps = props.defaultCollapsed,
+    defaultCollapsed = _props$defaultCollaps === void 0 ? false : _props$defaultCollaps,
+    onCollapse = props.onCollapse,
+    checked = props.checked,
+    onChecked = props.onChecked,
+    tabs = props.tabs,
+    type = props.type,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var screens = Grid.useBreakpoint() || {
+    lg: true,
+    md: true,
+    sm: true,
+    xl: false,
+    xs: false,
+    xxl: false
+  };
+  var _useMergedState = useMergedState(defaultCollapsed, {
+      value: controlCollapsed,
+      onChange: onCollapse
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    collapsed = _useMergedState2[0],
+    setCollapsed = _useMergedState2[1];
+
+  // 顺序决定如何进行响应式取值，按最大响应值依次取值，请勿修改。
+  var responsiveArray = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];
+  // 修改组合传给antd tabs的参数
+  var ModifyTabItemsContent = useLegacyItems(tabs === null || tabs === void 0 ? void 0 : tabs.items, children, tabs);
+
+  /**
+   * 根据响应式获取 gutter, 参考 antd 实现
+   *
+   * @param gutter Gutter
+   */
+  var getNormalizedGutter = function getNormalizedGutter(gut) {
+    var results = [0, 0];
+    var normalizedGutter = Array.isArray(gut) ? gut : [gut, 0];
+    normalizedGutter.forEach(function (g, index) {
+      if (_typeof(g) === 'object') {
+        for (var i = 0; i < responsiveArray.length; i += 1) {
+          var breakpoint = responsiveArray[i];
+          if (screens[breakpoint] && g[breakpoint] !== undefined) {
+            results[index] = g[breakpoint];
+            break;
+          }
+        }
+      } else {
+        results[index] = g || 0;
+      }
+    });
+    return results;
+  };
+
+  /**
+   * 根据条件返回 style，负责返回空对象
+   *
+   * @param withStyle 是否符合条件
+   * @param appendStyle 如果符合条件要返回的 style 属性
+   */
+  var getStyle = function getStyle(withStyle, appendStyle) {
+    return withStyle ? appendStyle : {};
+  };
+  var getColSpanStyle = function getColSpanStyle(colSpan) {
+    var span = colSpan;
+
+    // colSpan 响应式
+    if (_typeof(colSpan) === 'object') {
+      for (var i = 0; i < responsiveArray.length; i += 1) {
+        var breakpoint = responsiveArray[i];
+        if (screens !== null && screens !== void 0 && screens[breakpoint] && (colSpan === null || colSpan === void 0 ? void 0 : colSpan[breakpoint]) !== undefined) {
+          span = colSpan[breakpoint];
+          break;
+        }
+      }
+    }
+
+    // 当 colSpan 为 30% 或 300px 时
+    var colSpanStyle = getStyle(typeof span === 'string' && /\d%|\dpx/i.test(span), {
+      width: span,
+      flexShrink: 0
+    });
+    return {
+      span: span,
+      colSpanStyle: colSpanStyle
+    };
+  };
+  var prefixCls = getPrefixCls('pro-card');
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var _getNormalizedGutter = getNormalizedGutter(gutter),
+    _getNormalizedGutter2 = _slicedToArray(_getNormalizedGutter, 2),
+    horizontalGutter = _getNormalizedGutter2[0],
+    verticalGutter = _getNormalizedGutter2[1];
+
+  // 判断是否套了卡片，如果套了的话将自身卡片内部内容的 padding 设置为0
+  var containProCard = false;
+  var childrenArray = React.Children.toArray(children);
+  var childrenModified = childrenArray.map(function (element, index) {
+    var _element$type;
+    if (element !== null && element !== void 0 && (_element$type = element.type) !== null && _element$type !== void 0 && _element$type.isProCard) {
+      containProCard = true;
+
+      // 宽度
+      var colSpan = element.props.colSpan;
+      var _getColSpanStyle = getColSpanStyle(colSpan),
+        span = _getColSpanStyle.span,
+        colSpanStyle = _getColSpanStyle.colSpanStyle;
+      var columnClassName = classNames(["".concat(prefixCls, "-col")], hashId, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-split-vertical"), split === 'vertical' && index !== childrenArray.length - 1), "".concat(prefixCls, "-split-horizontal"), split === 'horizontal' && index !== childrenArray.length - 1), "".concat(prefixCls, "-col-").concat(span), typeof span === 'number' && span >= 0 && span <= 24));
+      return /*#__PURE__*/_jsx("div", {
+        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colSpanStyle), getStyle(horizontalGutter > 0, {
+          paddingInlineEnd: horizontalGutter / 2,
+          paddingInlineStart: horizontalGutter / 2
+        })), getStyle(verticalGutter > 0, {
+          paddingBlockStart: verticalGutter / 2,
+          paddingBlockEnd: verticalGutter / 2
+        })), colStyle),
+        className: columnClassName,
+        children: /*#__PURE__*/React.cloneElement(element)
+      }, "pro-card-col-".concat((element === null || element === void 0 ? void 0 : element.key) || index));
+    }
+    return element;
+  });
+  var cardCls = classNames("".concat(prefixCls), className, hashId, (_classNames2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_classNames2, "".concat(prefixCls, "-border"), bordered), "".concat(prefixCls, "-box-shadow"), boxShadow), "".concat(prefixCls, "-contain-card"), containProCard), "".concat(prefixCls, "-loading"), loading), "".concat(prefixCls, "-split"), split === 'vertical' || split === 'horizontal'), "".concat(prefixCls, "-ghost"), ghost), "".concat(prefixCls, "-hoverable"), hoverable), "".concat(prefixCls, "-size-").concat(size), size), "".concat(prefixCls, "-type-").concat(type), type), "".concat(prefixCls, "-collapse"), collapsed), _defineProperty(_classNames2, "".concat(prefixCls, "-checked"), checked)));
+  var bodyCls = classNames("".concat(prefixCls, "-body"), hashId, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-body-center"), layout === 'center'), "".concat(prefixCls, "-body-direction-column"), split === 'horizontal' || direction === 'column'), "".concat(prefixCls, "-body-wrap"), wrap && containProCard));
+  var cardBodyStyle = bodyStyle;
+  var loadingDOM = /*#__PURE__*/React.isValidElement(loading) ? loading : /*#__PURE__*/_jsx(Loading, {
+    prefix: prefixCls,
+    style: (bodyStyle === null || bodyStyle === void 0 ? void 0 : bodyStyle.padding) === 0 || (bodyStyle === null || bodyStyle === void 0 ? void 0 : bodyStyle.padding) === '0px' ? {
+      padding: 24
+    } : undefined
+  });
+  // 非受控情况下展示
+  var collapsibleButton = collapsible && controlCollapsed === undefined && (collapsibleIconRender ? collapsibleIconRender({
+    collapsed: collapsed
+  }) : /*#__PURE__*/_jsx(RightOutlined, {
+    onClick: function onClick() {
+      if (collapsible === 'icon') setCollapsed(!collapsed);
+    },
+    rotate: !collapsed ? 90 : undefined,
+    className: "".concat(prefixCls, "-collapsible-icon ").concat(hashId).trim()
+  }));
+  return wrapSSR( /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+    className: cardCls,
+    style: style,
+    ref: ref,
+    onClick: function onClick(e) {
+      var _rest$onClick;
+      onChecked === null || onChecked === void 0 || onChecked(e);
+      rest === null || rest === void 0 || (_rest$onClick = rest.onClick) === null || _rest$onClick === void 0 || _rest$onClick.call(rest, e);
+    }
+  }, omit(rest, ['prefixCls', 'colSpan'])), {}, {
+    children: [(title || extra || collapsibleButton) && /*#__PURE__*/_jsxs("div", {
+      className: classNames("".concat(prefixCls, "-header"), hashId, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-header-border"), headerBordered || type === 'inner'), "".concat(prefixCls, "-header-collapsible"), collapsibleButton)),
+      style: headStyle,
+      onClick: function onClick() {
+        if (collapsible === 'header' || collapsible === true) setCollapsed(!collapsed);
+      },
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "".concat(prefixCls, "-title ").concat(hashId).trim(),
+        children: [collapsibleButton, /*#__PURE__*/_jsx(LabelIconTip, {
+          label: title,
+          tooltip: tooltip,
+          subTitle: subTitle
+        })]
+      }), extra && /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-extra ").concat(hashId).trim(),
+        onClick: function onClick(e) {
+          return e.stopPropagation();
+        },
+        children: extra
+      })]
+    }), tabs ? /*#__PURE__*/_jsx("div", {
+      className: "".concat(prefixCls, "-tabs ").concat(hashId).trim(),
+      children: /*#__PURE__*/_jsx(Tabs, _objectSpread(_objectSpread({
+        onChange: tabs.onChange
+      }, omit(tabs, ['cardProps'])), {}, {
+        items: ModifyTabItemsContent
+      }))
+    }) : /*#__PURE__*/_jsx("div", {
+      className: bodyCls,
+      style: cardBodyStyle,
+      children: loading ? loadingDOM : childrenModified
+    }), actions ? /*#__PURE__*/_jsx(Actions, {
+      actions: actions,
+      prefixCls: prefixCls
+    }) : null]
+  })));
+});
+export default Card;

package/dist/esm/card/pro-card/Card/style.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export default function useStyle(prefixCls: string): {
+    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+    hashId: string;
+};