listpage-next 0.0.216 → 0.0.219

package/dist/components/Card/index.d.ts

@@ -1,8 +1,9 @@
-import { ReactNode } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 export interface CardProps {
     title: string;
     extra?: ReactNode;
     bordered?: boolean;
     children?: ReactNode;
+    style?: CSSProperties;
 }
 export declare const Card: (props: CardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Card/index.js

@@ -1,8 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import styled_components from "styled-components";
 const Card = (props)=>{
-    const { title, extra, bordered, children } = props;
+    const { title, extra, bordered, children, style } = props;
     return /*#__PURE__*/ jsxs(CardContainer, {
+        style: style,
         bordered: bordered,
         children: [
             /*#__PURE__*/ jsxs(CardHeader, {

package/dist/components/Tab/index.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 export interface TabProps {
-    tabs: {
+    items: {
         icon?: ReactNode;
         label: string;
         value: string;
@@ -9,4 +9,4 @@ export interface TabProps {
     value?: string;
     onChange?: (tab: string) => void;
 }
-export declare const Tab: (props: TabProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: (props: TabProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tab/index.js

@@ -1,13 +1,16 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useControllableValue } from "ahooks";
 import { styled } from "styled-components";
-const Tab = (props)=>{
-    const { tabs } = props;
-    const [activeTab, setActiveTab] = useControllableValue(props);
+const Tabs = (props)=>{
+    const { items } = props;
+    const defaultActiveTab = items[0]?.value;
+    const [activeTab, setActiveTab] = useControllableValue(props, {
+        defaultValue: defaultActiveTab
+    });
     return /*#__PURE__*/ jsxs(TabContainer, {
         children: [
             /*#__PURE__*/ jsx(TabHeader, {
-                children: tabs.map((tab)=>/*#__PURE__*/ jsxs(TabItem, {
+                children: items.map((tab)=>/*#__PURE__*/ jsxs(TabItem, {
                         $active: tab.value === activeTab,
                         onClick: ()=>setActiveTab(tab.value),
                         children: [
@@ -19,7 +22,7 @@ const Tab = (props)=>{
                     }, tab.value))
             }),
             /*#__PURE__*/ jsx(TabContent, {
-                children: tabs.find((t)=>t.value === activeTab)?.children
+                children: items.find((t)=>t.value === activeTab)?.children
             })
         ]
     });
@@ -74,4 +77,4 @@ const TabContent = styled.div`
 const IconContainer = styled.span`
   margin-right: 4px;
 `;
-export { Tab };
+export { Tabs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "listpage-next",
-  "version": "0.0.216",
+  "version": "0.0.219",
   "description": "A React component library for creating filter forms with Ant Design",
   "type": "module",
   "main": "./dist/index.js",