Merge pull request #438 from webzard-io/feat/arco

fix some arco bugs

packages/arco-lib/src/components/Cascader.tsx

@@ -152,7 +152,7 @@ export const Cascader = implementRuntimeComponent({
       options={convertArrToTree(options)}
       placeholder={placeholder}
     >
-      {content}
+      {content ? <div>{content}</div> : null}
     </BaseCascader>
   );
 });

packages/arco-lib/src/components/Modal.tsx

@@ -90,7 +90,7 @@ export const Modal = implementRuntimeComponent({
         }}
         afterClose={afterClose}
         afterOpen={afterOpen}
-        footer={slotsElements.footer ? slotsElements.footer({}) : null}
+        footer={slotsElements.footer ? slotsElements.footer({}) : undefined}
         className={css(customStyle?.content)}
         mountOnEnter={true}
         {...cProps}

packages/arco-lib/src/components/Popover.tsx

@@ -64,6 +64,7 @@ export const Popover = implementRuntimeComponent({
   return controlled ? (
     <BasePopover
       className={css(customStyle?.content)}
+      popupVisible={popupVisible}
       {...cProps}
       content={slotsElements.popupContent ? slotsElements.popupContent({}) : null}
     >

packages/arco-lib/src/components/Tabs.tsx

@@ -119,15 +119,21 @@ export const Tabs = implementRuntimeComponent({
       activeTab={String(activeTab)}
       ref={ref}
     >
-      {tabs.map((tabName, idx) => (
-        <TabPane key={String(idx)} title={tabName}>
-          {slotsElements?.content
-            ? slotsElements.content({
-                tabIndex: idx,
-              })
-            : null}
-        </TabPane>
-      ))}
+      {tabs.map((tabItem, idx) =>
+        tabItem.hidden ? null : (
+          <TabPane
+            destroyOnHide={tabItem.destroyOnHide}
+            key={String(idx)}
+            title={tabItem.title}
+          >
+            {slotsElements?.content
+              ? slotsElements.content({
+                  tabIndex: idx,
+                })
+              : null}
+          </TabPane>
+        )
+      )}
     </BaseTabs>
   );
 });

packages/arco-lib/src/components/TimePicker.tsx

@@ -64,9 +64,6 @@ export const TimePicker = implementRuntimeComponent({
       footer: {
         slotProps: Type.Object({}),
       },
-      triggerElement: {
-        slotProps: Type.Object({}),
-      },
     },
     styleSlots: ['content'],
     events: ['onChange', 'onClear', 'onVisibleChange'],
@@ -84,7 +81,7 @@ export const TimePicker = implementRuntimeComponent({
   const { elementRef, customStyle, slotsElements, callbackMap, mergeState } = props;
 
   const pickerProps = {
-    extra: slotsElements.footer,
+    extra: slotsElements.footer && slotsElements.footer({}),
     utcOffset: useUtcOffset ? utcOffset : undefined,
     onChange: (timeString: string | string[], time: Dayjs | Dayjs[]) => {
       mergeState({

packages/arco-lib/src/components/Tooltip.tsx

@@ -38,6 +38,9 @@ export const Tooltip = implementRuntimeComponent({
     slots: {
       content: { slotProps: Type.Object({}) },
     },
+    annotations: {
+      category: 'Display',
+    },
     styleSlots: ['content'],
     events: [],
   },

packages/arco-lib/src/generated/types/Popover.ts

@@ -29,9 +29,11 @@ export const PopoverPropsSpec = {
   controlled: Type.Boolean({
     title: 'Controlled',
     category: Category.Basic,
+    description:
+      'Control the opening and closing of popups via openPopupover and closePopupover events',
   }),
-  unmountOnExit:Type.Boolean({
-    title:'Destroy On Hide',
+  unmountOnExit: Type.Boolean({
+    title: 'Destroy On Hide',
     category: Category.Behavior,
-  })
+  }),
 };