@digi-frontend/dgate-api-documentation 4.0.2 → 4.0.3

package/dist/index.mjs

@@ -2,7 +2,7 @@ import { create } from "zustand";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { useEffect, useMemo, useRef, useState } from "react";
-import { Alert, Breadcrumb, Button, Card, Divider, Drawer, Empty, Flex, Form, Grid, Input, Modal, Pagination, Select, Switch, Table, Tabs, Tag, Tooltip, Tree, Typography, message, theme } from "antd";
+import { Alert, Breadcrumb, Button, Card, Col, Divider, Drawer, Empty, Flex, Form, Grid, Input, Modal, Pagination, Row, Select, Switch, Table, Tabs, Tag, Tooltip, Tree, Typography, message, theme } from "antd";
 import { useStyleRegister } from "@ant-design/cssinjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Text from "antd/es/typography/Text.js";
@@ -1255,10 +1255,7 @@ const ApiCard = ({ api, viewStyle }) => {
 			fontFamily: token.fontFamily
 		},
 		[scope("grid-card")]: {
-			width: "auto",
-			flex: "1 1 17.5rem",
-			minWidth: "17.5rem",
-			height: "100%",
+			width: "100%",
 			borderRadius: token.borderRadiusLG
 		},
 		[scope("grid-title")]: {
@@ -1676,10 +1673,21 @@ const APIsRenderer = ({ apis, withTitle, tagName, haveUnderLine, contextPath, vi
 				level: 4,
 				children: tagName
 			}),
-			/* @__PURE__ */ jsx(Flex, {
-				wrap: "wrap",
-				gap: viewStyle === "grid" ? "1.5rem" : 0,
-				vertical: viewStyle === "list",
+			viewStyle === "grid" ? /* @__PURE__ */ jsx(Row, {
+				gutter: [24, 24],
+				children: apis.map((item) => /* @__PURE__ */ jsx(Col, {
+					xs: 24,
+					sm: 24,
+					md: 12,
+					lg: 8,
+					xl: 8,
+					children: /* @__PURE__ */ jsx(ApiCard, {
+						api: item,
+						viewStyle
+					})
+				}, `${tagName}_renderer_${item.id}_${item.method}_${item.path}`))
+			}) : /* @__PURE__ */ jsx(Flex, {
+				vertical: true,
 				children: apis.map((item) => /* @__PURE__ */ jsx(ApiCard, {
 					api: item,
 					viewStyle