@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.2

package/es/card/ProCard.d.ts

@@ -5,7 +5,6 @@ export type ProCardProps = CardProps;
 export type ProCardType = CardType & {
     isProCard: boolean;
     Divider: typeof Divider;
-    TabPane: () => null;
     Group: typeof Group;
 };
 declare const Group: (props: PropsWithChildren<CardProps>) => import("react/jsx-runtime").JSX.Element;

package/es/card/ProCard.js

@@ -1,30 +1,18 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import Card from "./components/Card";
+import Divider from "./components/Divider";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Group = function Group(props) {
+  return /*#__PURE__*/_jsx(Card, _objectSpread({
+    bodyStyle: {
+      padding: 0
     }
-  return a;
+  }, props));
 };
 
-// src/card/ProCard.tsx
-import Card from "./components/Card";
-import Divider from "./components/Divider";
-var Group = (props) => /* @__PURE__ */ React.createElement(Card, __spreadValues({ bodyStyle: { padding: 0 } }, props));
+// 当前不对底层 Card 做封装，仅挂载子组件，直接导出
 var ProCard = Card;
 ProCard.isProCard = true;
 ProCard.Divider = Divider;
-ProCard.TabPane = () => null;
 ProCard.Group = Group;
-var ProCard_default = ProCard;
-export {
-  ProCard_default as default
-};
+export default ProCard;

package/es/card/components/Actions/index.js

@@ -1,31 +1,36 @@
-// src/card/components/Actions/index.tsx
-import classNames from "classnames";
-import React from "react";
+import classNames from 'classnames';
+import React from 'react';
 import useStyle from "./style";
-var ProCardActions = (props) => {
-  const { actions, prefixCls } = props;
-  const { wrapSSR, hashId } = useStyle(prefixCls);
-  if (Array.isArray(actions) && (actions == null ? void 0 : actions.length)) {
-    return wrapSSR(
-      /* @__PURE__ */ React.createElement("ul", { className: classNames(`${prefixCls}-actions`, hashId) }, actions.map((action, index) => (
-        // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ React.createElement(
-          "li",
-          {
-            style: { width: `${100 / actions.length}%`, padding: 0, margin: 0 },
-            key: `action-${index}`,
-            className: classNames(`${prefixCls}-actions-item`, hashId)
-          },
-          action
-        )
-      )))
-    );
+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__ */ React.createElement("ul", { className: classNames(`${prefixCls}-actions`, hashId) }, actions)
-  );
-};
-var Actions_default = ProCardActions;
-export {
-  Actions_default as default
+  return wrapSSR( /*#__PURE__*/_jsx("ul", {
+    className: classNames("".concat(prefixCls, "-actions"), hashId),
+    children: actions
+  }));
 };
+export default ProCardActions;

package/es/card/components/Actions/style.js

@@ -1,108 +1,80 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/card/components/Actions/style.ts
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { useStyle as useAntdStyle } from "../../../provider";
-var genActionsStyle = (token) => {
-  const { componentCls, antCls } = token;
-  return {
-    [`${componentCls}-actions`]: {
-      marginBlock: 0,
-      marginInline: 0,
-      paddingBlock: 0,
-      paddingInline: 0,
-      listStyle: "none",
-      display: "flex",
-      gap: token.marginXS,
-      background: token.colorBgContainer,
-      borderBlockStart: `${token.lineWidth}px ${token.lineType} ${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: {
-          position: "relative",
-          display: "block",
-          minWidth: 32,
-          fontSize: token.fontSize,
-          lineHeight: token.lineHeight,
-          cursor: "pointer",
-          "&:hover": {
-            color: token.colorPrimaryHover,
-            transition: "color 0.3s"
-          },
-          [`a:not(${antCls}-btn),
-            > .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: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`
-        }
+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)
     }
-  };
+  }));
 };
-function useStyle(prefixCls) {
-  return useAntdStyle("ProCardActions", (token) => {
-    const proCardActionsToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`,
+export default function useStyle(prefixCls) {
+  return useAntdStyle('ProCardActions', function (token) {
+    var proCardActionsToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls),
       cardActionIconSize: 16
     });
     return [genActionsStyle(proCardActionsToken)];
   });
-}
-export {
-  useStyle as default
-};
+}