@oceanbase/ui 0.4.15 → 0.4.16

package/es/ProCard/index.js

@@ -11,8 +11,10 @@ import React, { useContext } from 'react';
 import { ProCard as AntProCard } from '@ant-design/pro-components';
 import { ConfigProvider } from '@oceanbase/design';
 import { isHorizontalPaddingZero } from '@oceanbase/design/es/_util';
+import { theme } from '@oceanbase/design';
 import classNames from 'classnames';
 import useStyle from "./style";
+import { CaretRightFilled } from '@oceanbase/icons';
 import { jsx as _jsx } from "react/jsx-runtime";
 // @ts-ignore
 var ProCard = function ProCard(_ref) {
@@ -25,10 +27,13 @@ var ProCard = function ProCard(_ref) {
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _useContext = useContext(ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
+    getPrefixCls = _useContext.getPrefixCls,
+    iconPrefixCls = _useContext.iconPrefixCls;
   var prefixCls = getPrefixCls('pro-card', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
+  var _theme$useToken = theme.useToken(),
+    token = _theme$useToken.token;
 
   // ProCard body no horizontal padding
   var noBodyHorizontalPadding = isHorizontalPaddingZero(bodyStyle === null || bodyStyle === void 0 ? void 0 : bodyStyle.padding) || ghost;
@@ -42,7 +47,18 @@ var ProCard = function ProCard(_ref) {
     }, tabs) : tabs,
     headerBordered: headerBordered,
     bodyStyle: bodyStyle,
-    className: proCardCls
+    className: proCardCls,
+    collapsibleIconRender: function collapsibleIconRender(_ref2) {
+      var collapsed = _ref2.collapsed;
+      return /*#__PURE__*/_jsx(CaretRightFilled, {
+        className: "".concat(iconPrefixCls, " ").concat(iconPrefixCls, "-right ").concat(prefixCls, "-collapsible-icon"),
+        style: {
+          transition: 'transform 0.2s',
+          transform: collapsed ? undefined : 'rotate(90deg)',
+          color: token.colorTextSecondary
+        }
+      });
+    }
   }, restProps)));
 };
 if (process.env.NODE_ENV !== 'production') {

package/lib/ProCard/index.js

@@ -36,8 +36,10 @@ var import_react = __toESM(require("react"));
 var import_pro_components = require("@ant-design/pro-components");
 var import_design = require("@oceanbase/design");
 var import_util = require("@oceanbase/design/es/_util");
+var import_design2 = require("@oceanbase/design");
 var import_classnames = __toESM(require("classnames"));
 var import_style = __toESM(require("./style"));
+var import_icons = require("@oceanbase/icons");
 var ProCard = ({
   ghost,
   title,
@@ -48,9 +50,10 @@ var ProCard = ({
   className,
   ...restProps
 }) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
+  const { getPrefixCls, iconPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls("pro-card", customizePrefixCls);
   const { wrapSSR } = (0, import_style.default)(prefixCls);
+  const { token } = import_design2.theme.useToken();
   const noBodyHorizontalPadding = (0, import_util.isHorizontalPaddingZero)(bodyStyle == null ? void 0 : bodyStyle.padding) || ghost;
   const proCardCls = (0, import_classnames.default)(
     {
@@ -75,6 +78,19 @@ var ProCard = ({
         headerBordered,
         bodyStyle,
         className: proCardCls,
+        collapsibleIconRender: ({ collapsed }) => {
+          return /* @__PURE__ */ import_react.default.createElement(
+            import_icons.CaretRightFilled,
+            {
+              className: `${iconPrefixCls} ${iconPrefixCls}-right ${prefixCls}-collapsible-icon`,
+              style: {
+                transition: "transform 0.2s",
+                transform: collapsed ? void 0 : "rotate(90deg)",
+                color: token.colorTextSecondary
+              }
+            }
+          );
+        },
         ...restProps
       }
     )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/ui",
-  "version": "0.4.15",
+  "version": "0.4.16",
   "description": "The UI library based on OceanBase Design",
   "keywords": [
     "oceanbase",
@@ -42,7 +42,7 @@
     "@ant-design/cssinjs": "^1.23.0",
     "@ant-design/pro-components": "^2.8.9",
     "@antv/g6": "3.4.10",
-    "@oceanbase/design": "^0.4.12",
+    "@oceanbase/design": "^0.4.13",
     "@oceanbase/icons": "^0.4.7",
     "@oceanbase/util": "^0.4.4",
     "ahooks": "^2.10.14",
@@ -71,5 +71,5 @@
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "eea14051a255a8820d64e80e4c0d08527002477f"
+  "gitHead": "2d9213d7c374b9dc207ebd40663f1c50828e72b7"
 }